diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 8ad75e57..0fae25cc 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -12,4 +12,4 @@ module.exports = {
     "plugin:vuetify/recommended",
     "plugin:nuxt/recommended",
   ],
-}
+};
diff --git a/.oxlintrc.json b/.oxlintrc.json
index 9bb203be..cfed6074 100644
--- a/.oxlintrc.json
+++ b/.oxlintrc.json
@@ -25,22 +25,7 @@
     "eslint/id-length": [
       "error",
       {
-        "exceptions": [
-          "x",
-          "y",
-          "z",
-          "i",
-          "j",
-          "k",
-          "r",
-          "g",
-          "b",
-          "id",
-          "ID",
-          "fs",
-          "os",
-          "_"
-        ],
+        "exceptions": ["x", "y", "z", "i", "j", "k", "r", "g", "b", "id", "ID", "fs", "os", "_"],
         "min": 3
       }
     ],
@@ -78,6 +63,7 @@
     "max-lines": [
       "error",
       {
+        "max": 310,
         "skipBlankLines": true,
         "skipComments": true
       }
@@ -121,12 +107,7 @@
       }
     },
     {
-      "files": [
-        "app/plugins/**",
-        "node_scripts/**",
-        "server/**",
-        "*.config.js"
-      ],
+      "files": ["app/plugins/**", "node_scripts/**", "server/**", "*.config.js"],
       "rules": {
         "import/no-default-export": "off"
       }
diff --git a/app/assets/geode_objects.js b/app/assets/geode_objects.js
index 899bf6e9..73538210 100644
--- a/app/assets/geode_objects.js
+++ b/app/assets/geode_objects.js
@@ -1,28 +1,28 @@
-import BRep from "@ogw_front/assets/img/geode_objects/BRep.svg"
-import CrossSection from "@ogw_front/assets/img/geode_objects/CrossSection.svg"
-import EdgedCurve2D from "@ogw_front/assets/img/geode_objects/EdgedCurve2D.svg"
-import EdgedCurve3D from "@ogw_front/assets/img/geode_objects/EdgedCurve3D.svg"
-import Graph from "@ogw_front/assets/img/geode_objects/Graph.svg"
-import HybridSolid3D from "@ogw_front/assets/img/geode_objects/HybridSolid3D.svg"
-import ImplicitCrossSection from "@ogw_front/assets/img/geode_objects/ImplicitCrossSection.svg"
-import ImplicitStructuralModel from "@ogw_front/assets/img/geode_objects/ImplicitStructuralModel.svg"
-import LightRegularGrid2D from "@ogw_front/assets/img/geode_objects/LightRegularGrid2D.svg"
-import LightRegularGrid3D from "@ogw_front/assets/img/geode_objects/LightRegularGrid3D.svg"
-import PointSet2D from "@ogw_front/assets/img/geode_objects/PointSet2D.svg"
-import PointSet3D from "@ogw_front/assets/img/geode_objects/PointSet3D.svg"
-import PolygonalSurface2D from "@ogw_front/assets/img/geode_objects/PolygonalSurface2D.svg"
-import PolygonalSurface3D from "@ogw_front/assets/img/geode_objects/PolygonalSurface3D.svg"
-import PolyhedralSolid3D from "@ogw_front/assets/img/geode_objects/PolyhedralSolid3D.svg"
-import RasterImage2D from "@ogw_front/assets/img/geode_objects/RasterImage2D.svg"
-import RasterImage3D from "@ogw_front/assets/img/geode_objects/RasterImage3D.svg"
-import RegularGrid2D from "@ogw_front/assets/img/geode_objects/RegularGrid2D.svg"
-import RegularGrid3D from "@ogw_front/assets/img/geode_objects/RegularGrid3D.svg"
-import Section from "@ogw_front/assets/img/geode_objects/Section.svg"
-import StructuralModel from "@ogw_front/assets/img/geode_objects/StructuralModel.svg"
-import TetrahedralSolid3D from "@ogw_front/assets/img/geode_objects/TetrahedralSolid3D.svg"
-import TriangulatedSurface2D from "@ogw_front/assets/img/geode_objects/TriangulatedSurface2D.svg"
-import TriangulatedSurface3D from "@ogw_front/assets/img/geode_objects/TriangulatedSurface3D.svg"
-import VertexSet from "@ogw_front/assets/img/geode_objects/VertexSet.svg"
+import BRep from "@ogw_front/assets/img/geode_objects/BRep.svg";
+import CrossSection from "@ogw_front/assets/img/geode_objects/CrossSection.svg";
+import EdgedCurve2D from "@ogw_front/assets/img/geode_objects/EdgedCurve2D.svg";
+import EdgedCurve3D from "@ogw_front/assets/img/geode_objects/EdgedCurve3D.svg";
+import Graph from "@ogw_front/assets/img/geode_objects/Graph.svg";
+import HybridSolid3D from "@ogw_front/assets/img/geode_objects/HybridSolid3D.svg";
+import ImplicitCrossSection from "@ogw_front/assets/img/geode_objects/ImplicitCrossSection.svg";
+import ImplicitStructuralModel from "@ogw_front/assets/img/geode_objects/ImplicitStructuralModel.svg";
+import LightRegularGrid2D from "@ogw_front/assets/img/geode_objects/LightRegularGrid2D.svg";
+import LightRegularGrid3D from "@ogw_front/assets/img/geode_objects/LightRegularGrid3D.svg";
+import PointSet2D from "@ogw_front/assets/img/geode_objects/PointSet2D.svg";
+import PointSet3D from "@ogw_front/assets/img/geode_objects/PointSet3D.svg";
+import PolygonalSurface2D from "@ogw_front/assets/img/geode_objects/PolygonalSurface2D.svg";
+import PolygonalSurface3D from "@ogw_front/assets/img/geode_objects/PolygonalSurface3D.svg";
+import PolyhedralSolid3D from "@ogw_front/assets/img/geode_objects/PolyhedralSolid3D.svg";
+import RasterImage2D from "@ogw_front/assets/img/geode_objects/RasterImage2D.svg";
+import RasterImage3D from "@ogw_front/assets/img/geode_objects/RasterImage3D.svg";
+import RegularGrid2D from "@ogw_front/assets/img/geode_objects/RegularGrid2D.svg";
+import RegularGrid3D from "@ogw_front/assets/img/geode_objects/RegularGrid3D.svg";
+import Section from "@ogw_front/assets/img/geode_objects/Section.svg";
+import StructuralModel from "@ogw_front/assets/img/geode_objects/StructuralModel.svg";
+import TetrahedralSolid3D from "@ogw_front/assets/img/geode_objects/TetrahedralSolid3D.svg";
+import TriangulatedSurface2D from "@ogw_front/assets/img/geode_objects/TriangulatedSurface2D.svg";
+import TriangulatedSurface3D from "@ogw_front/assets/img/geode_objects/TriangulatedSurface3D.svg";
+import VertexSet from "@ogw_front/assets/img/geode_objects/VertexSet.svg";
 
 export const geode_objects = {
   BRep: {
@@ -125,4 +125,4 @@ export const geode_objects = {
     tooltip: "VertexSet",
     image: VertexSet,
   },
-}
+};
diff --git a/app/components/Carousel.vue b/app/components/Carousel.vue
index 9c37610d..3ed6ae89 100644
--- a/app/components/Carousel.vue
+++ b/app/components/Carousel.vue
@@ -1,58 +1,54 @@
 <script setup>
-  // oxlint-disable-next-line import/no-unassigned-import
-  import "vue3-carousel/dist/carousel.css"
-  import { Carousel, Navigation, Pagination, Slide } from "vue3-carousel"
-  import { useDisplay } from "vuetify"
+// oxlint-disable-next-line import/no-unassigned-import
+import "vue3-carousel/dist/carousel.css";
+import { Carousel, Navigation, Pagination, Slide } from "vue3-carousel";
+import { useDisplay } from "vuetify";
 
-  const NB_ITEMS_TO_DISPLAY = 3
+const NB_ITEMS_TO_DISPLAY = 3;
 
-  const { items } = defineProps({
-    items: { type: Array, required: true },
-  })
+const { items } = defineProps({
+  items: { type: Array, required: true },
+});
 
-  const { name } = useDisplay()
-  const nb_items_to_display = ref(NB_ITEMS_TO_DISPLAY)
-  watch(
-    name,
-    (value) => {
-      switch (value) {
-        case "xs": {
-          nb_items_to_display.value = 1
-          break
-        }
-        case "sm": {
-          nb_items_to_display.value = 2
-          break
-        }
-        default: {
-          nb_items_to_display.value = 3
-          break
-        }
+const { name } = useDisplay();
+const nb_items_to_display = ref(NB_ITEMS_TO_DISPLAY);
+watch(
+  name,
+  (value) => {
+    switch (value) {
+      case "xs": {
+        nb_items_to_display.value = 1;
+        break;
       }
-    },
-    {
-      immediate: true,
-    },
-  )
+      case "sm": {
+        nb_items_to_display.value = 2;
+        break;
+      }
+      default: {
+        nb_items_to_display.value = 3;
+        break;
+      }
+    }
+  },
+  {
+    immediate: true,
+  },
+);
 
-  const carrousel_settings = reactive({
-    autoplay: 2000,
-    itemsToShow: nb_items_to_display.value,
-    itemsToScroll: 1,
-    pauseAutoplayOnHover: true,
-    transition: 1000,
-    wrapAround: true,
-  })
+const carrousel_settings = reactive({
+  autoplay: 2000,
+  itemsToShow: nb_items_to_display.value,
+  itemsToScroll: 1,
+  pauseAutoplayOnHover: true,
+  transition: 1000,
+  wrapAround: true,
+});
 </script>
 
 <template>
   <ClientOnly>
     <Carousel :settings="carrousel_settings">
-      <Slide
-        v-for="(item, index) in items"
-        :key="index"
-        class="carousel__slide"
-      >
+      <Slide v-for="(item, index) in items" :key="index" class="carousel__slide">
         <a :href="item.url" target="_blank">
           <img :src="item.logo" class="carousel__item" />
         </a>
@@ -66,28 +62,28 @@
 </template>
 
 <style scoped>
-  .carousel__item {
-    min-height: 200px;
-    width: 100%;
-    background-color: var(--vc-clr-white);
-    color: var(--vc-clr-white);
-    font-size: 20px;
-    border-radius: 10px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
+.carousel__item {
+  min-height: 200px;
+  width: 100%;
+  background-color: var(--vc-clr-white);
+  color: var(--vc-clr-white);
+  font-size: 20px;
+  border-radius: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 
-  .carousel__slide {
-    display: flex;
-    padding: 15px;
-    align-items: center;
-    justify-content: center;
-  }
+.carousel__slide {
+  display: flex;
+  padding: 15px;
+  align-items: center;
+  justify-content: center;
+}
 
-  .carousel__prev,
-  .carousel__next {
-    box-sizing: content-box;
-    border: 5px solid red;
-  }
+.carousel__prev,
+.carousel__next {
+  box-sizing: content-box;
+  border: 5px solid red;
+}
 </style>
diff --git a/app/components/CrsSelector.vue b/app/components/CrsSelector.vue
index 70712996..a75407f4 100644
--- a/app/components/CrsSelector.vue
+++ b/app/components/CrsSelector.vue
@@ -1,67 +1,63 @@
 <script setup>
-  import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-  const schema = schemas.opengeodeweb_back.geographic_coordinate_systems
+const schema = schemas.opengeodeweb_back.geographic_coordinate_systems;
 
-  const emit = defineEmits([
-    "update_values",
-    "increment_step",
-    "decrement_step",
-  ])
+const emit = defineEmits(["update_values", "increment_step", "decrement_step"]);
 
-  const { geode_object_type, key_to_update } = defineProps({
-    geode_object_type: { type: String, required: true },
-    key_to_update: { type: String, required: true },
-  })
+const { geode_object_type, key_to_update } = defineProps({
+  geode_object_type: { type: String, required: true },
+  key_to_update: { type: String, required: true },
+});
 
-  const search = ref("")
-  const data_table_loading = ref(false)
-  const crs_list = ref([])
-  const selected_crs = ref([])
-  const toggle_loading = useToggle(data_table_loading)
-  const geodeStore = useGeodeStore()
+const search = ref("");
+const data_table_loading = ref(false);
+const crs_list = ref([]);
+const selected_crs = ref([]);
+const toggle_loading = useToggle(data_table_loading);
+const geodeStore = useGeodeStore();
 
-  watch(selected_crs, (new_value) => {
-    const crs = get_selected_crs(new_value[0])
-    const keys_values_object = {
-      [key_to_update]: crs,
-    }
-    emit("update_values", keys_values_object)
-    emit("increment_step")
-  })
+watch(selected_crs, (new_value) => {
+  const crs = get_selected_crs(new_value[0]);
+  const keys_values_object = {
+    [key_to_update]: crs,
+  };
+  emit("update_values", keys_values_object);
+  emit("increment_step");
+});
 
-  function get_selected_crs(crs_code) {
-    for (let i = 0; i <= crs_list.value.length; i += 1) {
-      if (crs_list.value[i]["code"] === crs_code) {
-        return crs_list.value[i]
-      }
+function get_selected_crs(crs_code) {
+  for (let i = 0; i <= crs_list.value.length; i += 1) {
+    if (crs_list.value[i]["code"] === crs_code) {
+      return crs_list.value[i];
     }
   }
+}
 
-  async function get_crs_table() {
-    const params = { geode_object_type }
-    toggle_loading()
-    await geodeStore.request(schema, params, {
-      response_function: (response) => {
-        crs_list.value = response.crs_list
-      },
-    })
-    toggle_loading()
-  }
-
-  const headers = [
-    {
-      title: "Authority",
-      align: "start",
-      sortable: true,
-      key: "authority",
+async function get_crs_table() {
+  const params = { geode_object_type };
+  toggle_loading();
+  await geodeStore.request(schema, params, {
+    response_function: (response) => {
+      crs_list.value = response.crs_list;
     },
-    { title: "Code", align: "end", key: "code" },
-    { title: "Name", align: "end", key: "name" },
-  ]
+  });
+  toggle_loading();
+}
+
+const headers = [
+  {
+    title: "Authority",
+    align: "start",
+    sortable: true,
+    key: "authority",
+  },
+  { title: "Code", align: "end", key: "code" },
+  { title: "Name", align: "end", key: "name" },
+];
 
-  await get_crs_table()
+await get_crs_table();
 </script>
 
 <template>
diff --git a/app/components/DeleteDialog.vue b/app/components/DeleteDialog.vue
index 2533aa5d..4a0872fb 100644
--- a/app/components/DeleteDialog.vue
+++ b/app/components/DeleteDialog.vue
@@ -1,39 +1,29 @@
 <script setup>
-  import GlassCard from "./GlassCard.vue"
+import GlassCard from "./GlassCard.vue";
 
-  const { show, item, selectedCount } = defineProps({
-    show: {
-      type: Boolean,
-      default: false,
-    },
-    item: {
-      type: Object,
-      default: undefined,
-    },
-    selectedCount: {
-      type: Number,
-      default: 0,
-    },
-  })
+const { show, item, selectedCount } = defineProps({
+  show: {
+    type: Boolean,
+    default: false,
+  },
+  item: {
+    type: Object,
+    default: undefined,
+  },
+  selectedCount: {
+    type: Number,
+    default: 0,
+  },
+});
 
-  const emit = defineEmits(["update:show", "confirm"])
+const emit = defineEmits(["update:show", "confirm"]);
 </script>
 
 <template>
-  <v-dialog
-    :model-value="show"
-    @update:model-value="emit('update:show', $event)"
-    max-width="400"
-  >
+  <v-dialog :model-value="show" @update:model-value="emit('update:show', $event)" max-width="400">
     <GlassCard v-if="item" variant="panel" padding="pa-8">
-      <v-card-title
-        class="pb-2 text-h5 font-weight-bold d-flex align-center text-white"
-      >
-        <v-icon
-          icon="mdi-trash-can-outline"
-          class="mr-3 text-h4"
-          color="error"
-        ></v-icon>
+      <v-card-title class="pb-2 text-h5 font-weight-bold d-flex align-center text-white">
+        <v-icon icon="mdi-trash-can-outline" class="mr-3 text-h4" color="error"></v-icon>
         Delete Item
       </v-card-title>
 
@@ -75,14 +65,8 @@
     </GlassCard>
 
     <GlassCard v-else variant="panel" padding="pa-8">
-      <v-card-title
-        class="pb-2 text-h5 font-weight-bold d-flex align-center text-white"
-      >
-        <v-icon
-          icon="mdi-alert-circle-outline"
-          class="mr-3 text-h4"
-          color="error"
-        ></v-icon>
+      <v-card-title class="pb-2 text-h5 font-weight-bold d-flex align-center text-white">
+        <v-icon icon="mdi-alert-circle-outline" class="mr-3 text-h4" color="error"></v-icon>
         Delete Items
       </v-card-title>
 
diff --git a/app/components/DragAndDrop.vue b/app/components/DragAndDrop.vue
index a9bdb0dc..c56e5517 100644
--- a/app/components/DragAndDrop.vue
+++ b/app/components/DragAndDrop.vue
@@ -1,33 +1,33 @@
 <script setup>
-  import GlassCard from "@ogw_front/components/GlassCard"
+import GlassCard from "@ogw_front/components/GlassCard";
 
-  const { multiple, accept, loading, showExtensions } = defineProps({
-    multiple: { type: Boolean, default: false },
-    accept: { type: String, default: "" },
-    loading: { type: Boolean, default: false },
-    showExtensions: { type: Boolean, default: true },
-  })
+const { multiple, accept, loading, showExtensions } = defineProps({
+  multiple: { type: Boolean, default: false },
+  accept: { type: String, default: "" },
+  loading: { type: Boolean, default: false },
+  showExtensions: { type: Boolean, default: true },
+});
 
-  const emit = defineEmits(["files-selected"])
+const emit = defineEmits(["files-selected"]);
 
-  const isDragging = ref(false)
-  const fileInput = ref(undefined)
+const isDragging = ref(false);
+const fileInput = ref(undefined);
 
-  function triggerFileDialog() {
-    fileInput.value?.click()
-  }
+function triggerFileDialog() {
+  fileInput.value?.click();
+}
 
-  function handleDrop(event) {
-    isDragging.value = false
-    const files = [...event.dataTransfer.files]
-    emit("files-selected", files)
-  }
+function handleDrop(event) {
+  isDragging.value = false;
+  const files = [...event.dataTransfer.files];
+  emit("files-selected", files);
+}
 
-  function handleFileSelect(event) {
-    const files = [...event.target.files]
-    emit("files-selected", files)
-    event.target.value = ""
-  }
+function handleFileSelect(event) {
+  const files = [...event.target.files];
+  emit("files-selected", files);
+  event.target.value = "";
+}
 </script>
 
 <template>
@@ -60,9 +60,7 @@
       <v-card-text class="pa-8">
         <v-sheet
           class="mx-auto mb-6 d-flex align-center justify-center"
-          :color="
-            isHovering || isDragging ? 'white' : 'rgba(255, 255, 255, 0.1)'
-          "
+          :color="isHovering || isDragging ? 'white' : 'rgba(255, 255, 255, 0.1)'"
           rounded="circle"
           width="80"
           height="80"
@@ -81,11 +79,7 @@
           style="transition: color 0.3s ease"
         >
           {{
-            loading
-              ? "Uploading..."
-              : isDragging
-                ? "Drop to upload"
-                : "Click or Drag & Drop files"
+            loading ? "Uploading..." : isDragging ? "Drop to upload" : "Click or Drag & Drop files"
           }}
         </v-card-title>
 
@@ -107,16 +101,16 @@
 </template>
 
 <style scoped>
-  .rotating {
-    animation: rotate 1s linear infinite;
-  }
+.rotating {
+  animation: rotate 1s linear infinite;
+}
 
-  @keyframes rotate {
-    from {
-      transform: rotate(0deg);
-    }
-    to {
-      transform: rotate(360deg);
-    }
+@keyframes rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
   }
+}
 </style>
diff --git a/app/components/ExtensionSelector.vue b/app/components/ExtensionSelector.vue
index 4fdbc3e9..2664adfb 100644
--- a/app/components/ExtensionSelector.vue
+++ b/app/components/ExtensionSelector.vue
@@ -1,85 +1,74 @@
 <script setup>
-  import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 
-  import FetchingData from "@ogw_front/components/FetchingData"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
+import FetchingData from "@ogw_front/components/FetchingData";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-  const schema = schemas.opengeodeweb_back.geode_objects_and_output_extensions
-  const emit = defineEmits([
-    "update_values",
-    "increment_step",
-    "decrement_step",
-  ])
+const schema = schemas.opengeodeweb_back.geode_objects_and_output_extensions;
+const emit = defineEmits(["update_values", "increment_step", "decrement_step"]);
 
-  const { geode_object_type, filenames } = defineProps({
-    geode_object_type: { type: String, required: true },
-    filenames: { type: Array, required: true },
-  })
-  const geode_objects_and_output_extensions = ref({})
-  const loading = ref(false)
+const { geode_object_type, filenames } = defineProps({
+  geode_object_type: { type: String, required: true },
+  filenames: { type: Array, required: true },
+});
+const geode_objects_and_output_extensions = ref({});
+const loading = ref(false);
 
-  const toggle_loading = useToggle(loading)
+const toggle_loading = useToggle(loading);
 
-  async function get_output_file_extensions() {
-    toggle_loading()
-    geode_objects_and_output_extensions.value = {}
-    const geodeStore = useGeodeStore()
-    const values = await Promise.all(
-      filenames.map(async (filename) => {
-        const response = await geodeStore.request(schema, {
-          geode_object_type,
-          filename,
-        })
-        return response.geode_objects_and_output_extensions
-      }),
-    )
-    const all_keys = [...new Set(values.flatMap((value) => Object.keys(value)))]
-    const common_keys = all_keys.filter(
-      (i) => !values.some((j) => !Object.keys(j).includes(i)),
-    )
-    const final_object = {}
-    for (const key of common_keys) {
-      final_object[key] = {}
-      for (const value of values) {
-        for (const extension of Object.keys(value[key])) {
-          final_object[key][extension] = {
-            is_saveable: value[key][extension].is_saveable,
-          }
-        }
+async function get_output_file_extensions() {
+  toggle_loading();
+  geode_objects_and_output_extensions.value = {};
+  const geodeStore = useGeodeStore();
+  const values = await Promise.all(
+    filenames.map(async (filename) => {
+      const response = await geodeStore.request(schema, {
+        geode_object_type,
+        filename,
+      });
+      return response.geode_objects_and_output_extensions;
+    }),
+  );
+  const all_keys = [...new Set(values.flatMap((value) => Object.keys(value)))];
+  const common_keys = all_keys.filter((i) => !values.some((j) => !Object.keys(j).includes(i)));
+  const final_object = {};
+  for (const key of common_keys) {
+    final_object[key] = {};
+    for (const value of values) {
+      for (const extension of Object.keys(value[key])) {
+        final_object[key][extension] = {
+          is_saveable: value[key][extension].is_saveable,
+        };
       }
     }
-    geode_objects_and_output_extensions.value = final_object
-    toggle_loading()
   }
+  geode_objects_and_output_extensions.value = final_object;
+  toggle_loading();
+}
 
-  function update_values(output_geode_object, output_extension) {
-    if (output_geode_object !== "" && output_extension !== "") {
-      emit("update_values", {
-        output_geode_object,
-        output_extension,
-      })
-      emit("increment_step")
-    }
+function update_values(output_geode_object, output_extension) {
+  if (output_geode_object !== "" && output_extension !== "") {
+    emit("update_values", {
+      output_geode_object,
+      output_extension,
+    });
+    emit("increment_step");
   }
+}
 
-  await get_output_file_extensions()
+await get_output_file_extensions();
 </script>
 
 <template>
   <FetchingData v-if="loading" />
   <v-row v-else class="justify-left">
     <v-col
-      v-for="(
-        output_extensions, output_geode_object
-      ) in geode_objects_and_output_extensions"
+      v-for="(output_extensions, output_geode_object) in geode_objects_and_output_extensions"
       :key="output_geode_object"
       class="justify-left"
     >
       <v-card class="card ma-2 pa-2" width="100%">
-        <v-card-title
-          v-tooltip:bottom="`Export as a ${output_geode_object}`"
-          v-bind="props"
-        >
+        <v-card-title v-tooltip:bottom="`Export as a ${output_geode_object}`" v-bind="props">
           {{ output_geode_object }}
         </v-card-title>
         <v-card-text>
@@ -101,9 +90,7 @@
                       class="card ma-2"
                       :color="extension.is_saveable ? 'primary' : 'grey'"
                       hover
-                      @click="
-                        update_values(output_geode_object, output_extension)
-                      "
+                      @click="update_values(output_geode_object, output_extension)"
                       :disabled="!extension.is_saveable"
                     >
                       <v-card-title align="center">
diff --git a/app/components/FeedBack/ErrorBanner.vue b/app/components/FeedBack/ErrorBanner.vue
index b3a045ec..e78a9ddb 100644
--- a/app/components/FeedBack/ErrorBanner.vue
+++ b/app/components/FeedBack/ErrorBanner.vue
@@ -1,10 +1,10 @@
 <script setup>
-  import { useFeedbackStore } from "@ogw_front/stores/feedback"
-  const feedbackStore = useFeedbackStore()
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
+const feedbackStore = useFeedbackStore();
 
-  function reload() {
-    globalThis.location.reload()
-  }
+function reload() {
+  globalThis.location.reload();
+}
 </script>
 
 <template>
@@ -20,16 +20,13 @@
           v-bind="props"
           color="white"
           class="justify-right"
-          v-tooltip:bottom="
-            'We turn off our server automatically after 5 minutes of inactivity'
-          "
+          v-tooltip:bottom="'We turn off our server automatically after 5 minutes of inactivity'"
         >
           mdi-information-outline
         </v-icon>
       </v-col>
       <v-col cols="auto" class="text-white font-weight-bold">
-        Server timed out due to inactivity, please reload this page or click
-        here:
+        Server timed out due to inactivity, please reload this page or click here:
       </v-col>
       <v-col class="align-items" cols="auto">
         <v-btn color="grey" density="compact" @click="reload()"> Reload </v-btn>
diff --git a/app/components/FeedBack/Snackers.vue b/app/components/FeedBack/Snackers.vue
index 91a17171..c3785653 100644
--- a/app/components/FeedBack/Snackers.vue
+++ b/app/components/FeedBack/Snackers.vue
@@ -1,15 +1,15 @@
 <script setup>
-  import { useFeedbackStore } from "@ogw_front/stores/feedback"
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
 
-  const MARGIN_BETWEEN_SNACKERS = 60
-  const FIRST_SNACKER_MARGIN = 8
+const MARGIN_BETWEEN_SNACKERS = 60;
+const FIRST_SNACKER_MARGIN = 8;
 
-  const feedbackStore = useFeedbackStore()
-  const show = ref(true)
+const feedbackStore = useFeedbackStore();
+const show = ref(true);
 
-  function calc_margin(index) {
-    return `${index * MARGIN_BETWEEN_SNACKERS + FIRST_SNACKER_MARGIN}px`
-  }
+function calc_margin(index) {
+  return `${index * MARGIN_BETWEEN_SNACKERS + FIRST_SNACKER_MARGIN}px`;
+}
 </script>
 
 <template>
@@ -40,9 +40,7 @@
           </template>
         </v-tooltip>
         <v-tooltip v-else-if="feedback.type === 'success'" location="left">
-          <v-icon color="white" class="justify-right">
-            mdi-check-circle-outline
-          </v-icon>
+          <v-icon color="white" class="justify-right"> mdi-check-circle-outline </v-icon>
         </v-tooltip>
       </v-col>
       <v-col cols="9" class="text-no-wrap overflow-hidden">
@@ -75,7 +73,7 @@
 </template>
 
 <style scoped>
-  .v-snackbar :deep(.v-snackbar__content) {
-    width: 100%;
-  }
+.v-snackbar :deep(.v-snackbar__content) {
+  width: 100%;
+}
 </style>
diff --git a/app/components/FetchingData.vue b/app/components/FetchingData.vue
index 6f8488aa..2bf25086 100644
--- a/app/components/FetchingData.vue
+++ b/app/components/FetchingData.vue
@@ -2,12 +2,7 @@
   <Transition name="slide-fade" class="pa-0">
     <v-row align="center" class="pa-0">
       <v-col cols="auto" class="pa-0">
-        <v-progress-circular
-          :size="22"
-          :width="3"
-          color="primary"
-          indeterminate
-        />
+        <v-progress-circular :size="22" :width="3" color="primary" indeterminate />
       </v-col>
       <v-col cols="auto">
         <p>Fetching data...</p>
diff --git a/app/components/FileSelector.vue b/app/components/FileSelector.vue
index ed325c5c..cfbfe039 100644
--- a/app/components/FileSelector.vue
+++ b/app/components/FileSelector.vue
@@ -1,63 +1,57 @@
 <script setup>
-  import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 
-  import FetchingData from "@ogw_front/components/FetchingData"
-  import FileUploader from "@ogw_front/components/FileUploader"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
+import FetchingData from "@ogw_front/components/FetchingData";
+import FileUploader from "@ogw_front/components/FileUploader";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-  const schema = schemas.opengeodeweb_back.allowed_files
+const schema = schemas.opengeodeweb_back.allowed_files;
 
-  const emit = defineEmits([
-    "update_values",
-    "increment_step",
-    "decrement_step",
-  ])
+const emit = defineEmits(["update_values", "increment_step", "decrement_step"]);
 
-  const { multiple, files, auto_upload } = defineProps({
-    multiple: { type: Boolean, required: true },
-    files: { type: Array, default: () => [] },
-    auto_upload: { type: Boolean, default: true },
-  })
+const { multiple, files, auto_upload } = defineProps({
+  multiple: { type: Boolean, required: true },
+  files: { type: Array, default: () => [] },
+  auto_upload: { type: Boolean, default: true },
+});
 
-  const internal_files = ref(files)
-  const internal_auto_upload = ref(auto_upload)
-  const accept = ref("")
-  const loading = ref(false)
+const internal_files = ref(files);
+const internal_auto_upload = ref(auto_upload);
+const accept = ref("");
+const loading = ref(false);
 
-  watch(
-    () => files,
-    (val) => {
-      internal_files.value = val
-    },
-  )
+watch(
+  () => files,
+  (val) => {
+    internal_files.value = val;
+  },
+);
 
-  watch(
-    () => auto_upload,
-    (val) => {
-      internal_auto_upload.value = val
-    },
-  )
+watch(
+  () => auto_upload,
+  (val) => {
+    internal_auto_upload.value = val;
+  },
+);
 
-  const toggle_loading = useToggle(loading)
+const toggle_loading = useToggle(loading);
 
-  function files_uploaded_event(value) {
-    if (value.length > 0) {
-      emit("update_values", { files: value, auto_upload: false })
-      emit("increment_step")
-    }
+function files_uploaded_event(value) {
+  if (value.length > 0) {
+    emit("update_values", { files: value, auto_upload: false });
+    emit("increment_step");
   }
+}
 
-  async function get_allowed_files() {
-    toggle_loading()
-    const geodeStore = useGeodeStore()
-    const response = await geodeStore.request(schema, {})
-    accept.value = response.extensions
-      .map((extension) => `.${extension}`)
-      .join(",")
-    toggle_loading()
-  }
+async function get_allowed_files() {
+  toggle_loading();
+  const geodeStore = useGeodeStore();
+  const response = await geodeStore.request(schema, {});
+  accept.value = response.extensions.map((extension) => `.${extension}`).join(",");
+  toggle_loading();
+}
 
-  await get_allowed_files()
+await get_allowed_files();
 </script>
 
 <template>
diff --git a/app/components/FileUploader.vue b/app/components/FileUploader.vue
index 5cc40f1f..6438e574 100644
--- a/app/components/FileUploader.vue
+++ b/app/components/FileUploader.vue
@@ -1,74 +1,72 @@
 <script setup>
-  import DragAndDrop from "@ogw_front/components/DragAndDrop"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
+import DragAndDrop from "@ogw_front/components/DragAndDrop";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-  const emit = defineEmits(["files_uploaded", "decrement_step", "reset_values"])
+const emit = defineEmits(["files_uploaded", "decrement_step", "reset_values"]);
 
-  const { multiple, accept, files, auto_upload, mini } = defineProps({
-    multiple: { type: Boolean, required: true },
-    accept: { type: String, required: true },
-    files: { type: Array, required: false, default: [] },
-    auto_upload: { type: Boolean, required: false, default: false },
-    mini: { type: Boolean, required: false, default: false },
-  })
+const { multiple, accept, files, auto_upload, mini } = defineProps({
+  multiple: { type: Boolean, required: true },
+  accept: { type: String, required: true },
+  files: { type: Array, required: false, default: [] },
+  auto_upload: { type: Boolean, required: false, default: false },
+  mini: { type: Boolean, required: false, default: false },
+});
 
-  const geodeStore = useGeodeStore()
+const geodeStore = useGeodeStore();
 
-  const internal_files = ref(files)
-  const loading = ref(false)
-  const files_uploaded = ref(false)
+const internal_files = ref(files);
+const loading = ref(false);
+const files_uploaded = ref(false);
 
-  const toggle_loading = useToggle(loading)
+const toggle_loading = useToggle(loading);
 
-  function processSelectedFiles(selected_files) {
-    if (multiple) {
-      internal_files.value = [...internal_files.value, ...selected_files]
-    } else {
-      internal_files.value = [selected_files[0]]
-    }
+function processSelectedFiles(selected_files) {
+  if (multiple) {
+    internal_files.value = [...internal_files.value, ...selected_files];
+  } else {
+    internal_files.value = [selected_files[0]];
   }
+}
 
-  function removeFile(index) {
-    internal_files.value.splice(index, 1)
-    if (internal_files.value.length === 0) {
-      files_uploaded.value = false
-      emit("files_uploaded", [])
-    }
+function removeFile(index) {
+  internal_files.value.splice(index, 1);
+  if (internal_files.value.length === 0) {
+    files_uploaded.value = false;
+    emit("files_uploaded", []);
   }
-
-  async function upload_files() {
-    toggle_loading()
-    const promise_array = internal_files.value.map((file) =>
-      geodeStore.upload(file),
-    )
-    await Promise.all(promise_array)
-    files_uploaded.value = true
-    emit("files_uploaded", internal_files.value)
-
-    toggle_loading()
+}
+
+async function upload_files() {
+  toggle_loading();
+  const promise_array = internal_files.value.map((file) => geodeStore.upload(file));
+  await Promise.all(promise_array);
+  files_uploaded.value = true;
+  emit("files_uploaded", internal_files.value);
+
+  toggle_loading();
+}
+
+if (files.length > 0) {
+  internal_files.value = files;
+  if (auto_upload) {
+    upload_files();
   }
-
-  if (files.length > 0) {
-    internal_files.value = files
-    if (auto_upload) {
-      upload_files()
-    }
+}
+
+watch(
+  () => files,
+  (newVal) => {
+    internal_files.value = newVal;
+  },
+  { deep: true },
+);
+
+watch(internal_files, (value) => {
+  files_uploaded.value = false;
+  if (auto_upload && value.length > 0) {
+    upload_files();
   }
-
-  watch(
-    () => files,
-    (newVal) => {
-      internal_files.value = newVal
-    },
-    { deep: true },
-  )
-
-  watch(internal_files, (value) => {
-    files_uploaded.value = false
-    if (auto_upload && value.length > 0) {
-      upload_files()
-    }
-  })
+});
 </script>
 
 <template>
@@ -83,15 +81,8 @@
   <v-card-text v-if="internal_files.length" class="mt-6">
     <v-sheet class="d-flex align-center mb-4" color="transparent">
       <v-icon icon="mdi-file-check" class="mr-3" color="primary" size="24" />
-      <span class="text-subtitle-1 font-weight-bold text-white">
-        Selected Files
-      </span>
-      <v-chip
-        size="small"
-        class="ml-3 bg-white-opacity-10"
-        color="white"
-        variant="flat"
-      >
+      <span class="text-subtitle-1 font-weight-bold text-white"> Selected Files </span>
+      <v-chip size="small" class="ml-3 bg-white-opacity-10" color="white" variant="flat">
         {{ internal_files.length }}
       </v-chip>
     </v-sheet>
@@ -111,18 +102,13 @@
         <v-icon start size="18" color="primary">mdi-file-outline</v-icon>
         <span class="text-white">{{ file.name }}</span>
         <template #close>
-          <v-icon size="16" class="ml-2 opacity-60 hover-opacity-100"
-            >mdi-close-circle</v-icon
-          >
+          <v-icon size="16" class="ml-2 opacity-60 hover-opacity-100">mdi-close-circle</v-icon>
         </template>
       </v-chip>
     </v-sheet>
   </v-card-text>
 
-  <v-card-actions
-    v-if="!auto_upload && internal_files.length"
-    class="mt-6 pa-0"
-  >
+  <v-card-actions v-if="!auto_upload && internal_files.length" class="mt-6 pa-0">
     <v-btn
       color="primary"
       variant="flat"
@@ -134,10 +120,7 @@
       @click="upload_files"
     >
       <v-icon start size="22">mdi-cloud-upload</v-icon>
-      Upload {{ internal_files.length }} file<span
-        v-if="internal_files.length > 1"
-        >s</span
-      >
+      Upload {{ internal_files.length }} file<span v-if="internal_files.length > 1">s</span>
     </v-btn>
   </v-card-actions>
 </template>
diff --git a/app/components/GlassCard.vue b/app/components/GlassCard.vue
index 763f2a1e..a5dd6353 100644
--- a/app/components/GlassCard.vue
+++ b/app/components/GlassCard.vue
@@ -1,18 +1,18 @@
 <script setup>
-  import { computed, useAttrs } from "vue"
-  const { variant, rounded, padding, theme } = defineProps({
-    variant: {
-      type: String,
-      default: "panel",
-      validator: (valid) => ["panel", "ui"].includes(valid),
-    },
-    rounded: { type: String, default: "xl" },
-    padding: { type: String, default: "pa-6" },
-    theme: { type: String, default: undefined },
-  })
+import { computed, useAttrs } from "vue";
+const { variant, rounded, padding, theme } = defineProps({
+  variant: {
+    type: String,
+    default: "panel",
+    validator: (valid) => ["panel", "ui"].includes(valid),
+  },
+  rounded: { type: String, default: "xl" },
+  padding: { type: String, default: "pa-6" },
+  theme: { type: String, default: undefined },
+});
 
-  const attrs = useAttrs()
-  const isInteractive = computed(() => Boolean(attrs.onClick))
+const attrs = useAttrs();
+const isInteractive = computed(() => Boolean(attrs.onClick));
 </script>
 
 <template>
@@ -39,11 +39,11 @@
 </template>
 
 <style scoped>
-  .border-thin {
-    border-style: solid !important;
-  }
+.border-thin {
+  border-style: solid !important;
+}
 
-  .cursor-default {
-    cursor: default !important;
-  }
+.cursor-default {
+  cursor: default !important;
+}
 </style>
diff --git a/app/components/HybridRenderingView.vue b/app/components/HybridRenderingView.vue
index f1bde200..82561e8c 100644
--- a/app/components/HybridRenderingView.vue
+++ b/app/components/HybridRenderingView.vue
@@ -1,48 +1,47 @@
 <script setup>
-  import VeaseViewToolbar from "@ogw_front/components/VeaseViewToolbar"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
-  import { useViewerStore } from "@ogw_front/stores/viewer"
+import VeaseViewToolbar from "@ogw_front/components/VeaseViewToolbar";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
-  const DEFAULT_ELEMENT_HEIGHT = 100
+const DEFAULT_ELEMENT_HEIGHT = 100;
 
-  const emit = defineEmits(["click"])
+const emit = defineEmits(["click"]);
 
-  const container = useTemplateRef("viewer")
-  const hybridViewerStore = useHybridViewerStore()
-  const viewerStore = useViewerStore()
+const container = useTemplateRef("viewer");
+const hybridViewerStore = useHybridViewerStore();
+const viewerStore = useViewerStore();
 
-  const { width: elementWidth, height: elementHeight } =
-    useElementSize(container)
-  const { width: windowWidth, height: windowHeight } = useWindowSize()
+const { width: elementWidth, height: elementHeight } = useElementSize(container);
+const { width: windowWidth, height: windowHeight } = useWindowSize();
 
-  const debouncedResize = debounce(() => {
-    hybridViewerStore.resize(elementWidth.value, elementHeight.value)
-  }, DEFAULT_ELEMENT_HEIGHT)
+const debouncedResize = debounce(() => {
+  hybridViewerStore.resize(elementWidth.value, elementHeight.value);
+}, DEFAULT_ELEMENT_HEIGHT);
 
-  watch([elementWidth, elementHeight, windowWidth, windowHeight], (value) => {
-    debouncedResize()
-  })
+watch([elementWidth, elementHeight, windowWidth, windowHeight], (value) => {
+  debouncedResize();
+});
 
-  onMounted(async () => {
-    if (import.meta.client) {
-      await hybridViewerStore.initHybridViewer()
-      await nextTick()
-      hybridViewerStore.setContainer(container)
-      debouncedResize()
-    }
-  })
+onMounted(async () => {
+  if (import.meta.client) {
+    await hybridViewerStore.initHybridViewer();
+    await nextTick();
+    hybridViewerStore.setContainer(container);
+    debouncedResize();
+  }
+});
 
-  function debounce(func, wait) {
-    let timeout = undefined
-    return function executedFunction(...args) {
-      function later() {
-        clearTimeout(timeout)
-        func(...args)
-      }
-      clearTimeout(timeout)
-      timeout = setTimeout(later, wait)
+function debounce(func, wait) {
+  let timeout = undefined;
+  return function executedFunction(...args) {
+    function later() {
+      clearTimeout(timeout);
+      func(...args);
     }
-  }
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+  };
+}
 </script>
 
 <template>
@@ -62,7 +61,7 @@
 </template>
 
 <style>
-  img {
-    pointer-events: none;
-  }
+img {
+  pointer-events: none;
+}
 </style>
diff --git a/app/components/InfraConnected.vue b/app/components/InfraConnected.vue
index d6246235..3c7623a8 100644
--- a/app/components/InfraConnected.vue
+++ b/app/components/InfraConnected.vue
@@ -1,7 +1,7 @@
 <script setup>
-  import { useInfraStore } from "@ogw_front/stores/infra"
-  const infraStore = useInfraStore()
-  console.log("TEST", { infraStore })
+import { useInfraStore } from "@ogw_front/stores/infra";
+const infraStore = useInfraStore();
+console.log("TEST", { infraStore });
 </script>
 
 <template>
diff --git a/app/components/Inspector/InspectionButton.vue b/app/components/Inspector/InspectionButton.vue
index f369ef29..c310855f 100644
--- a/app/components/Inspector/InspectionButton.vue
+++ b/app/components/Inspector/InspectionButton.vue
@@ -1,38 +1,34 @@
 <script setup>
-  import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
-  const schema = schemas.opengeodeweb_back.inspect_file
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
+import { useGeodeStore } from "@ogw_front/stores/geode";
+const schema = schemas.opengeodeweb_back.inspect_file;
 
-  const emit = defineEmits([
-    "update_values",
-    "increment_step",
-    "decrement_step",
-  ])
-  const { geode_object_type, filename } = defineProps({
-    geode_object_type: { type: String, required: true },
-    filename: { type: String, required: true },
-  })
-  const loading = ref(false)
-  const toggle_loading = useToggle(loading)
+const emit = defineEmits(["update_values", "increment_step", "decrement_step"]);
+const { geode_object_type, filename } = defineProps({
+  geode_object_type: { type: String, required: true },
+  filename: { type: String, required: true },
+});
+const loading = ref(false);
+const toggle_loading = useToggle(loading);
 
-  async function get_inspection_results() {
-    toggle_loading()
-    const params = {
-      geode_object_type: geode_object_type,
-      filename: filename,
-    }
-    const geodeStore = useGeodeStore()
+async function get_inspection_results() {
+  toggle_loading();
+  const params = {
+    geode_object_type: geode_object_type,
+    filename: filename,
+  };
+  const geodeStore = useGeodeStore();
 
-    await geodeStore.request(schema, params, {
-      response_function: (response) => {
-        emit("update_values", {
-          inspection_result: [response.inspection_result],
-        })
-        emit("increment_step")
-      },
-    })
-    toggle_loading()
-  }
+  await geodeStore.request(schema, params, {
+    response_function: (response) => {
+      emit("update_values", {
+        inspection_result: [response.inspection_result],
+      });
+      emit("increment_step");
+    },
+  });
+  toggle_loading();
+}
 </script>
 
 <template>
diff --git a/app/components/Inspector/ResultPanel.vue b/app/components/Inspector/ResultPanel.vue
index ade09dc8..40c8e570 100644
--- a/app/components/Inspector/ResultPanel.vue
+++ b/app/components/Inspector/ResultPanel.vue
@@ -1,26 +1,22 @@
 <script setup>
-  import InspectorResultPanel from "@ogw_front/components/Inspector/ResultPanel"
+import InspectorResultPanel from "@ogw_front/components/Inspector/ResultPanel";
 
-  const { inspection_result } = defineProps({
-    inspection_result: { type: Array, required: true },
-  })
-  const opened_panels = ref([])
+const { inspection_result } = defineProps({
+  inspection_result: { type: Array, required: true },
+});
+const opened_panels = ref([]);
 
-  onMounted(() => {
-    opened_panels.value = inspection_result
-      .map((result, i) => (result.nb_issues > 0 ? i : -1))
-      .filter((index) => index !== -1)
-  })
+onMounted(() => {
+  opened_panels.value = inspection_result
+    .map((result, i) => (result.nb_issues > 0 ? i : -1))
+    .filter((index) => index !== -1);
+});
 </script>
 
 <template>
   <v-container class="pa-2">
     <v-expansion-panels v-model="opened_panels" multiple elevation="5">
-      <v-expansion-panel
-        v-for="(result, index) in inspection_result"
-        :key="index"
-        class="card"
-      >
+      <v-expansion-panel v-for="(result, index) in inspection_result" :key="index" class="card">
         <v-expansion-panel-title>
           <v-row align="center">
             <v-col cols="auto">
@@ -35,17 +31,10 @@
           </v-row>
         </v-expansion-panel-title>
         <v-expansion-panel-text>
-          <InspectorResultPanel
-            v-if="result.children"
-            :inspection_result="result.children"
-          />
+          <InspectorResultPanel v-if="result.children" :inspection_result="result.children" />
           <v-container v-if="result.issues">
             <v-col>
-              <v-row
-                v-for="(issue, index) in result.issues"
-                :key="index"
-                class="pa-0"
-              >
+              <v-row v-for="(issue, index) in result.issues" :key="index" class="pa-0">
                 {{ issue }}
               </v-row>
             </v-col>
diff --git a/app/components/Launcher.vue b/app/components/Launcher.vue
index 297bb88b..4d63e7f5 100644
--- a/app/components/Launcher.vue
+++ b/app/components/Launcher.vue
@@ -1,19 +1,19 @@
 <script setup>
-  import Loading from "@ogw_front/components/Loading"
-  import Recaptcha from "@ogw_front/components/Recaptcha"
-  import { Status } from "@ogw_front/utils/status"
-  import { useInfraStore } from "@ogw_front/stores/infra"
+import Loading from "@ogw_front/components/Loading";
+import Recaptcha from "@ogw_front/components/Recaptcha";
+import { Status } from "@ogw_front/utils/status";
+import { useInfraStore } from "@ogw_front/stores/infra";
 
-  const infraStore = useInfraStore()
+const infraStore = useInfraStore();
 
-  watch(
-    () => infraStore.is_captcha_validated,
-    (value, oldValue) => {
-      if (value && !oldValue && import.meta.client) {
-        infraStore.create_backend()
-      }
-    },
-  )
+watch(
+  () => infraStore.is_captcha_validated,
+  (value, oldValue) => {
+    if (value && !oldValue && import.meta.client) {
+      infraStore.create_backend();
+    }
+  },
+);
 </script>
 
 <template>
diff --git a/app/components/Loading.vue b/app/components/Loading.vue
index d1511310..6df97945 100644
--- a/app/components/Loading.vue
+++ b/app/components/Loading.vue
@@ -1,84 +1,78 @@
 <script setup>
-  import chemin from "@ogw_front/assets/img/energy_sobriety/chemin.png"
-  import collegue from "@ogw_front/assets/img/energy_sobriety/collegue.png"
-  import derniere from "@ogw_front/assets/img/energy_sobriety/derniere.png"
-  import etincelle from "@ogw_front/assets/img/energy_sobriety/etincelle.png"
-  import geste from "@ogw_front/assets/img/energy_sobriety/geste.png"
-  import lampadaire from "@ogw_front/assets/img/energy_sobriety/lampadaire.png"
-  import salon from "@ogw_front/assets/img/energy_sobriety/salon.png"
-  import sobene from "@ogw_front/assets/img/energy_sobriety/sobene.png"
-  import socle from "@ogw_front/assets/img/energy_sobriety/socle.png"
-  import vert from "@ogw_front/assets/img/energy_sobriety/vert.png"
-  import ying_yang from "@ogw_front/assets/img/energy_sobriety/ying_yang.png"
+import chemin from "@ogw_front/assets/img/energy_sobriety/chemin.png";
+import collegue from "@ogw_front/assets/img/energy_sobriety/collegue.png";
+import derniere from "@ogw_front/assets/img/energy_sobriety/derniere.png";
+import etincelle from "@ogw_front/assets/img/energy_sobriety/etincelle.png";
+import geste from "@ogw_front/assets/img/energy_sobriety/geste.png";
+import lampadaire from "@ogw_front/assets/img/energy_sobriety/lampadaire.png";
+import salon from "@ogw_front/assets/img/energy_sobriety/salon.png";
+import sobene from "@ogw_front/assets/img/energy_sobriety/sobene.png";
+import socle from "@ogw_front/assets/img/energy_sobriety/socle.png";
+import vert from "@ogw_front/assets/img/energy_sobriety/vert.png";
+import ying_yang from "@ogw_front/assets/img/energy_sobriety/ying_yang.png";
 
-  import Carousel from "@ogw_front/components/Carousel"
+import Carousel from "@ogw_front/components/Carousel";
 
-  const users_list = [
-    {
-      name: "YING YANG",
-      logo: ying_yang,
-    },
-    {
-      name: "CHEMIN",
-      logo: chemin,
-    },
-    {
-      name: "SOBRIETE ENERGETIQUE",
-      logo: sobene,
-    },
-    {
-      name: "VERT",
-      logo: vert,
-    },
-    {
-      name: "LAMPADAIRE",
-      logo: lampadaire,
-    },
-    {
-      name: "COLLEGUE",
-      logo: collegue,
-    },
-    {
-      name: "ETINCELLE",
-      logo: etincelle,
-    },
-    {
-      name: "GESTE",
-      logo: geste,
-    },
-    {
-      name: "SOCLE",
-      logo: socle,
-    },
-    {
-      name: "DERNIERE",
-      logo: derniere,
-    },
-    {
-      name: "SALON",
-      logo: salon,
-    },
-  ]
+const users_list = [
+  {
+    name: "YING YANG",
+    logo: ying_yang,
+  },
+  {
+    name: "CHEMIN",
+    logo: chemin,
+  },
+  {
+    name: "SOBRIETE ENERGETIQUE",
+    logo: sobene,
+  },
+  {
+    name: "VERT",
+    logo: vert,
+  },
+  {
+    name: "LAMPADAIRE",
+    logo: lampadaire,
+  },
+  {
+    name: "COLLEGUE",
+    logo: collegue,
+  },
+  {
+    name: "ETINCELLE",
+    logo: etincelle,
+  },
+  {
+    name: "GESTE",
+    logo: geste,
+  },
+  {
+    name: "SOCLE",
+    logo: socle,
+  },
+  {
+    name: "DERNIERE",
+    logo: derniere,
+  },
+  {
+    name: "SALON",
+    logo: salon,
+  },
+];
 </script>
 
 <template>
   <v-row justify="center">
     <v-col cols="12" class="ma-3">
       <v-card loading>
-        <v-card-title class="text-center">
-          Microservices are starting...
-        </v-card-title>
-        <v-card-subtitle class="text-center">
-          Why do you have to wait?
-        </v-card-subtitle>
+        <v-card-title class="text-center"> Microservices are starting... </v-card-title>
+        <v-card-subtitle class="text-center"> Why do you have to wait? </v-card-subtitle>
         <v-card-text class="text-center">
-          We start our microservices only on demand... and this takes a few
-          minutes before you can use our free app.
+          We start our microservices only on demand... and this takes a few minutes before you can
+          use our free app.
           <br />
           This is aligned with our energy sobriety policy. So be patient
-          <v-icon color="primary" size="20">
-            mdi-emoticon-excited-outline
-          </v-icon>
+          <v-icon color="primary" size="20"> mdi-emoticon-excited-outline </v-icon>
           <br />
           <Carousel :items="users_list" />
         </v-card-text>
diff --git a/app/components/MissingFilesSelector.vue b/app/components/MissingFilesSelector.vue
index d6cd548d..f81a3b89 100644
--- a/app/components/MissingFilesSelector.vue
+++ b/app/components/MissingFilesSelector.vue
@@ -1,75 +1,65 @@
 <script setup>
-  import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 
-  import FetchingData from "@ogw_front/components/FetchingData"
-  import FileUploader from "@ogw_front/components/FileUploader"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
+import FetchingData from "@ogw_front/components/FetchingData";
+import FileUploader from "@ogw_front/components/FileUploader";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-  const schema = schemas.opengeodeweb_back.missing_files
+const schema = schemas.opengeodeweb_back.missing_files;
 
-  const emit = defineEmits([
-    "update_values",
-    "increment_step",
-    "decrement_step",
-  ])
+const emit = defineEmits(["update_values", "increment_step", "decrement_step"]);
 
-  const { multiple, geode_object_type, filenames } = defineProps({
-    multiple: { type: Boolean, required: true },
-    geode_object_type: { type: String, required: true },
-    filenames: { type: Array, required: true },
-  })
+const { multiple, geode_object_type, filenames } = defineProps({
+  multiple: { type: Boolean, required: true },
+  geode_object_type: { type: String, required: true },
+  filenames: { type: Array, required: true },
+});
 
-  const accept = ref("")
-  const loading = ref(false)
-  const has_missing_files = ref(false)
-  const mandatory_files = ref([])
-  const additional_files = ref([])
-  const toggle_loading = useToggle(loading)
+const accept = ref("");
+const loading = ref(false);
+const has_missing_files = ref(false);
+const mandatory_files = ref([]);
+const additional_files = ref([]);
+const toggle_loading = useToggle(loading);
 
-  function files_uploaded_event(value) {
-    emit("update_values", { additional_files: value })
-    emit("increment_step")
-  }
+function files_uploaded_event(value) {
+  emit("update_values", { additional_files: value });
+  emit("increment_step");
+}
 
-  async function missing_files() {
-    toggle_loading()
-    has_missing_files.value = false
-    mandatory_files.value = []
-    additional_files.value = []
-    const geodeStore = useGeodeStore()
+async function missing_files() {
+  toggle_loading();
+  has_missing_files.value = false;
+  mandatory_files.value = [];
+  additional_files.value = [];
+  const geodeStore = useGeodeStore();
 
-    const promise_array = filenames.map(async (filename) => {
-      const response = await geodeStore.request(schema, {
-        geode_object_type,
-        filename,
-      })
-      return response
-    })
-    const values = await Promise.all(promise_array)
-    for (const value of values) {
-      if (value.has_missing_files) {
-        has_missing_files.value = true
-      }
-      mandatory_files.value = [
-        ...mandatory_files.value,
-        ...value.mandatory_files,
-      ]
-      additional_files.value = [
-        ...additional_files.value,
-        ...value.additional_files,
-      ]
-    }
-    if (has_missing_files.value) {
-      accept.value = [...mandatory_files.value, ...additional_files.value]
-        .map((filename) => `.${filename.split(".").pop()}`)
-        .join(",")
-    } else {
-      emit("increment_step")
+  const promise_array = filenames.map(async (filename) => {
+    const response = await geodeStore.request(schema, {
+      geode_object_type,
+      filename,
+    });
+    return response;
+  });
+  const values = await Promise.all(promise_array);
+  for (const value of values) {
+    if (value.has_missing_files) {
+      has_missing_files.value = true;
     }
-    toggle_loading()
+    mandatory_files.value = [...mandatory_files.value, ...value.mandatory_files];
+    additional_files.value = [...additional_files.value, ...value.additional_files];
+  }
+  if (has_missing_files.value) {
+    accept.value = [...mandatory_files.value, ...additional_files.value]
+      .map((filename) => `.${filename.split(".").pop()}`)
+      .join(",");
+  } else {
+    emit("increment_step");
   }
+  toggle_loading();
+}
 
-  await missing_files()
+await missing_files();
 </script>
 
 <template>
@@ -89,27 +79,17 @@
         <v-icon color="accent" icon="mdi-file-document-plus-outline" />
       </v-col>
       <p class="pa-1">Additional files:</p>
-      <v-col
-        v-for="additional_file in additional_files"
-        cols="auto"
-        class="pa-0"
-      >
+      <v-col v-for="additional_file in additional_files" cols="auto" class="pa-0">
         <v-chip>{{ additional_file }}</v-chip>
       </v-col>
     </v-row>
     <v-row>
       <v-col cols="12">
-        <FileUploader
-          v-bind="{ multiple, accept }"
-          @files_uploaded="files_uploaded_event"
-        />
+        <FileUploader v-bind="{ multiple, accept }" @files_uploaded="files_uploaded_event" />
       </v-col>
     </v-row>
     <v-row>
-      <v-col
-        v-if="mandatory_files.length === 0 && additional_files.length > 0"
-        cols="auto"
-      >
+      <v-col v-if="mandatory_files.length === 0 && additional_files.length > 0" cols="auto">
         <v-btn @click="emit('increment_step')" color="warning">Skip step</v-btn>
       </v-col>
     </v-row>
diff --git a/app/components/ObjectSelector.vue b/app/components/ObjectSelector.vue
index d74e9fe6..d6b0449c 100644
--- a/app/components/ObjectSelector.vue
+++ b/app/components/ObjectSelector.vue
@@ -1,105 +1,90 @@
 <script setup>
-  import FetchingData from "@ogw_front/components/FetchingData.vue"
-  import { geode_objects } from "@ogw_front/assets/geode_objects"
-  import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
+import FetchingData from "@ogw_front/components/FetchingData.vue";
+import { geode_objects } from "@ogw_front/assets/geode_objects";
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-  const schema = schemas.opengeodeweb_back.allowed_objects
+const schema = schemas.opengeodeweb_back.allowed_objects;
 
-  const emit = defineEmits(["update_values", "increment_step"])
-  console.log("ObjectSelector")
+const emit = defineEmits(["update_values", "increment_step"]);
+console.log("ObjectSelector");
 
-  const { filenames } = defineProps({
-    filenames: { type: Array, required: true },
-  })
+const { filenames } = defineProps({
+  filenames: { type: Array, required: true },
+});
 
-  const geodeStore = useGeodeStore()
+const geodeStore = useGeodeStore();
 
-  const loading = ref(false)
-  const allowed_objects = ref({})
-  const toggle_loading = useToggle(loading)
+const loading = ref(false);
+const allowed_objects = ref({});
+const toggle_loading = useToggle(loading);
 
-  function select_geode_object(object_map) {
-    const object_keys = Object.keys(object_map)
-    if (!object_keys.length) {
-      return undefined
-    }
-    if (
-      object_keys.length === 1 &&
-      object_map[object_keys[0]].is_loadable > 0
-    ) {
-      return object_keys[0]
-    }
-    const highest_load_score = Math.max(
-      ...object_keys.map((key) => object_map[key].is_loadable),
-    )
-    if (highest_load_score <= 0) {
-      return undefined
-    }
-    const best_score_objects = object_keys.filter(
-      (key) => object_map[key].is_loadable === highest_load_score,
-    )
-    if (best_score_objects.length === 1) {
-      return best_score_objects[0]
-    }
-    const highest_priority = Math.max(
-      ...best_score_objects.map(
-        (key) => object_map[key].object_priority ?? -Infinity,
-      ),
-    )
-    const best_priority_objects = best_score_objects.filter(
-      (key) => object_map[key].object_priority === highest_priority,
-    )
-    if (highest_priority !== -Infinity && best_priority_objects.length === 1) {
-      return best_priority_objects[0]
-    }
-    return undefined
+function select_geode_object(object_map) {
+  const object_keys = Object.keys(object_map);
+  if (object_keys.length === 0) {
+    return undefined;
+  }
+  if (object_keys.length === 1 && object_map[object_keys[0]].is_loadable > 0) {
+    return object_keys[0];
+  }
+  const highest_load_score = Math.max(...object_keys.map((key) => object_map[key].is_loadable));
+  if (highest_load_score <= 0) {
+    return undefined;
+  }
+  const best_score_objects = object_keys.filter(
+    (key) => object_map[key].is_loadable === highest_load_score,
+  );
+  if (best_score_objects.length === 1) {
+    return best_score_objects[0];
   }
+  const highest_priority = Math.max(
+    ...best_score_objects.map((key) => object_map[key].object_priority ?? -Infinity),
+  );
+  const best_priority_objects = best_score_objects.filter(
+    (key) => object_map[key].object_priority === highest_priority,
+  );
+  if (highest_priority !== -Infinity && best_priority_objects.length === 1) {
+    return best_priority_objects[0];
+  }
+  return undefined;
+}
 
-  async function get_allowed_objects() {
-    toggle_loading()
-    allowed_objects.value = {}
+async function get_allowed_objects() {
+  toggle_loading();
+  allowed_objects.value = {};
 
-    const promise_array = filenames.map((filename) =>
-      geodeStore.request(schema, { filename }),
-    )
-    const responses = await Promise.all(promise_array)
-    const allowed_objects_list = responses.map(
-      (response) => response.allowed_objects,
-    )
-    const all_keys = [...new Set(allowed_objects_list.flatMap(Object.keys))]
-    const common_keys = all_keys.filter((key) =>
-      allowed_objects_list.every((obj) => key in obj),
-    )
-    const final_object = {}
-    for (const key of common_keys) {
-      const load_scores = allowed_objects_list.map(
-        (obj) => obj[key].is_loadable,
-      )
-      const priorities = allowed_objects_list
-        .map((obj) => obj[key].object_priority)
-        .filter((priority) => priority !== undefined && priority !== null)
-      final_object[key] = { is_loadable: Math.min(...load_scores) }
-      if (priorities.length > 0) {
-        final_object[key].object_priority = Math.max(...priorities)
-      }
-    }
-    allowed_objects.value = final_object
-    const selected_object = select_geode_object(final_object)
-    if (selected_object) {
-      set_geode_object(selected_object)
+  const promise_array = filenames.map((filename) => geodeStore.request(schema, { filename }));
+  const responses = await Promise.all(promise_array);
+  const allowed_objects_list = responses.map((response) => response.allowed_objects);
+  const all_keys = [...new Set(allowed_objects_list.flatMap((obj) => Object.keys(obj)))];
+  const common_keys = all_keys.filter((key) => allowed_objects_list.every((obj) => key in obj));
+  const final_object = {};
+  for (const key of common_keys) {
+    const load_scores = allowed_objects_list.map((obj) => obj[key].is_loadable);
+    const priorities = allowed_objects_list
+      .map((obj) => obj[key].object_priority)
+      .filter((priority) => priority !== undefined && priority !== null);
+    final_object[key] = { is_loadable: Math.min(...load_scores) };
+    if (priorities.length > 0) {
+      final_object[key].object_priority = Math.max(...priorities);
     }
-    toggle_loading()
   }
+  allowed_objects.value = final_object;
+  const selected_object = select_geode_object(final_object);
+  if (selected_object) {
+    set_geode_object(selected_object);
+  }
+  toggle_loading();
+}
 
-  function set_geode_object(geode_object_type) {
-    console.log("set_geode_object", { geode_object_type })
-    if (geode_object_type) {
-      emit("update_values", { geode_object_type })
-      emit("increment_step")
-    }
+function set_geode_object(geode_object_type) {
+  console.log("set_geode_object", { geode_object_type });
+  if (geode_object_type) {
+    emit("update_values", { geode_object_type });
+    emit("increment_step");
   }
-  await get_allowed_objects()
+}
+await get_allowed_objects();
 </script>
 
 <template>
@@ -140,10 +125,7 @@
     <v-card class="card" variant="tonal" rounded>
       <v-card-text>
         This file format isn't supported! Please check the
-        <a
-          href="https://docs.geode-solutions.com/guides/formats/"
-          target="_blank"
-        >
+        <a href="https://docs.geode-solutions.com/guides/formats/" target="_blank">
           supported file formats documentation</a
         >
         for more information
@@ -153,12 +135,12 @@
 </template>
 
 <style scoped>
-  .disabled {
-    filter: opacity(0.7);
-    cursor: pointer;
-  }
+.disabled {
+  filter: opacity(0.7);
+  cursor: pointer;
+}
 
-  .disabled div {
-    cursor: not-allowed;
-  }
+.disabled div {
+  cursor: not-allowed;
+}
 </style>
diff --git a/app/components/PackagesVersions.vue b/app/components/PackagesVersions.vue
index 119500d7..5f3c2339 100644
--- a/app/components/PackagesVersions.vue
+++ b/app/components/PackagesVersions.vue
@@ -1,46 +1,43 @@
 <script setup>
-  import { Status } from "@ogw_front/utils/status"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
+import { Status } from "@ogw_front/utils/status";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-  const { schema } = defineProps({
-    schema: { type: Object, required: true },
-  })
+const { schema } = defineProps({
+  schema: { type: Object, required: true },
+});
 
-  const geodeStore = useGeodeStore()
-  const packages_versions = ref([])
+const geodeStore = useGeodeStore();
+const packages_versions = ref([]);
 
-  async function get_packages_versions() {
-    await geodeStore.request(
-      schema,
-      {},
-      {
-        response_function: (response) => {
-          packages_versions.value = response.versions
-        },
+async function get_packages_versions() {
+  await geodeStore.request(
+    schema,
+    {},
+    {
+      response_function: (response) => {
+        packages_versions.value = response.versions;
       },
-    )
-  }
-
-  watch(
-    () => geodeStore.status,
-    (value) => {
-      if (value === Status.CONNECTED) {
-        get_packages_versions()
-      }
     },
-  )
+  );
+}
+
+watch(
+  () => geodeStore.status,
+  (value) => {
+    if (value === Status.CONNECTED) {
+      get_packages_versions();
+    }
+  },
+);
 
-  await get_packages_versions()
+await get_packages_versions();
 </script>
 
 <template>
   <v-container>
     This tool uses our Open-Source codes
     <v-tooltip location="end">
-      <span
-        v-for="package_version in packages_versions"
-        :key="package_version.package"
-      >
+      <span v-for="package_version in packages_versions" :key="package_version.package">
         {{ package_version.package }} v{{ package_version.version }}
         <br />
       </span>
diff --git a/app/components/Recaptcha.vue b/app/components/Recaptcha.vue
index 848f933c..b46c8490 100644
--- a/app/components/Recaptcha.vue
+++ b/app/components/Recaptcha.vue
@@ -1,68 +1,66 @@
 <script setup>
-  import { appMode } from "@ogw_front/utils/local/app_mode"
-  import { useInfraStore } from "@ogw_front/stores/infra"
+import { appMode } from "@ogw_front/utils/local/app_mode";
+import { useInfraStore } from "@ogw_front/stores/infra";
 
-  const RESPONSE_STATUS_OK = 200
+const RESPONSE_STATUS_OK = 200;
 
-  const { button_label, button_color, color } = defineProps({
-    button_label: {
-      type: String,
-      required: false,
-      default: "Launch the app",
-    },
-    button_color: {
-      type: String,
-      required: false,
-      default: "white",
-    },
-    color: {
-      type: String,
-      required: false,
-    },
-  })
-  const infraStore = useInfraStore()
-  const name = ref("")
-  const email = ref("")
-  const launch = ref(false)
-  const valid = ref(false)
-  const emailRules = [
-    (value) => {
-      if (value) {
-        return true
-      }
-      return "E-mail is required."
-    },
-    (value) => {
-      if (/.+@.+\..+/.test(value)) {
-        return true
-      }
-      return "E-mail must be valid."
-    },
-  ]
-
-  onMounted(() => {
-    if (import.meta.client) {
-      if (
-        process.env.NODE_ENV !== "production" ||
-        infraStore.app_mode !== appMode.CLOUD
-      ) {
-        infraStore.$patch({ is_captcha_validated: true })
-      }
+const { button_label, button_color, color } = defineProps({
+  button_label: {
+    type: String,
+    required: false,
+    default: "Launch the app",
+  },
+  button_color: {
+    type: String,
+    required: false,
+    default: "white",
+  },
+  color: {
+    type: String,
+    required: false,
+  },
+});
+const infraStore = useInfraStore();
+const name = ref("");
+const email = ref("");
+const launch = ref(false);
+const valid = ref(false);
+const emailRules = [
+  (value) => {
+    if (value) {
+      return true;
+    }
+    return "E-mail is required.";
+  },
+  (value) => {
+    if (/.+@.+\..+/.test(value)) {
+      return true;
     }
-  })
-  async function submit_recaptcha() {
-    const response = await $fetch.raw(`/.netlify/functions/recaptcha`, {
-      method: "POST",
-      body: {
-        name: name.value,
-        email: email.value,
-        launch: launch.value,
-      },
-    })
-    infraStore.$patch({
-      is_captcha_validated: response.status === RESPONSE_STATUS_OK,
-    })
+    return "E-mail must be valid.";
+  },
+];
+
+onMounted(() => {
+  if (
+    import.meta.client &&
+    (process.env.NODE_ENV !== "production" || infraStore.app_mode !== appMode.CLOUD)
+  ) {
+    infraStore.$patch({ is_captcha_validated: true });
   }
+});
+async function submit_recaptcha() {
+  const response = await $fetch.raw(`/.netlify/functions/recaptcha`, {
+    method: "POST",
+    body: {
+      name: name.value,
+      email: email.value,
+      launch: launch.value,
+    },
+  });
+  infraStore.$patch({
+    is_captcha_validated: response.status === RESPONSE_STATUS_OK,
+  });
+}
 </script>
 
 <template>
@@ -77,12 +75,7 @@
           </VRow>
           <VRow>
             <VCol>
-              <VTextField
-                v-model="email"
-                :rules="emailRules"
-                label="E-mail"
-                required
-              />
+              <VTextField v-model="email" :rules="emailRules" label="E-mail" required />
             </VCol>
           </VRow>
           <VRow>
@@ -96,11 +89,7 @@
   </VRow>
   <VRow align="center" justify="center">
     <VCol cols="4" class="d-flex justify-center align-center">
-      <VBtn
-        :text="button_label"
-        :color="color || button_color"
-        @click="submit_recaptcha"
-      />
+      <VBtn :text="button_label" :color="color || button_color" @click="submit_recaptcha" />
     </VCol>
   </VRow>
 </template>
diff --git a/app/components/RemoteRenderingView.vue b/app/components/RemoteRenderingView.vue
index df176964..37391365 100644
--- a/app/components/RemoteRenderingView.vue
+++ b/app/components/RemoteRenderingView.vue
@@ -1,102 +1,102 @@
 <script setup>
-  import { useElementSize, useWindowSize } from "@vueuse/core"
-  import { Status } from "@ogw_front/utils/status"
-  import ViewToolbar from "@ogw_front/components/ViewToolbar"
-  import { useViewerStore } from "@ogw_front/stores/viewer"
-  import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
-  import vtkRemoteView from "@kitware/vtk.js/Rendering/Misc/RemoteView"
-
-  const { viewId } = defineProps({
-    viewId: { type: String, default: "-1" },
-  })
-
-  const viewerStore = useViewerStore()
-  const viewer = useTemplateRef("viewer")
-  const { width, height } = useElementSize(viewer)
-
-  const { width: windowWidth, height: windowHeight } = useWindowSize()
-
-  function get_x_y(event) {
-    if (viewerStore.picking_mode.value === true) {
-      const { offsetX, offsetY } = event
-      viewerStore.set_picked_point(offsetX, offsetY)
-      viewerStore.request(
-        viewer_schemas.opengeodeweb_viewer.viewer.get_point_position,
-        { x: offsetX, y: offsetY },
-      )
-    }
+import { useElementSize, useWindowSize } from "@vueuse/core";
+import { Status } from "@ogw_front/utils/status";
+import ViewToolbar from "@ogw_front/components/ViewToolbar";
+import { useViewerStore } from "@ogw_front/stores/viewer";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import vtkRemoteView from "@kitware/vtk.js/Rendering/Misc/RemoteView";
+
+const { viewId } = defineProps({
+  viewId: { type: String, default: "-1" },
+});
+
+const viewerStore = useViewerStore();
+const viewer = useTemplateRef("viewer");
+const { width, height } = useElementSize(viewer);
+
+const { width: windowWidth, height: windowHeight } = useWindowSize();
+
+function get_x_y(event) {
+  if (viewerStore.picking_mode.value === true) {
+    const { offsetX, offsetY } = event;
+    viewerStore.set_picked_point(offsetX, offsetY);
+    viewerStore.request(viewer_schemas.opengeodeweb_viewer.viewer.get_point_position, {
+      x: offsetX,
+      y: offsetY,
+    });
   }
-
-  const connected = ref(false)
-  // oxlint-disable-next-line import/no-named-as-default-member
-  const view = vtkRemoteView.newInstance({
-    rpcWheelEvent: "viewport.mouse.zoom.wheel",
-  })
-
-  if (location.hostname.split(".")[0] === "localhost") {
-    view.setInteractiveRatio(1)
+}
+
+const connected = ref(false);
+// oxlint-disable-next-line import/no-named-as-default-member
+const view = vtkRemoteView.newInstance({
+  rpcWheelEvent: "viewport.mouse.zoom.wheel",
+});
+
+if (location.hostname.split(".")[0] === "localhost") {
+  view.setInteractiveRatio(1);
+}
+
+function resize() {
+  if (view) {
+    view.getCanvasView().setSize(0, 0);
+    view.resize();
   }
-
-  function resize() {
-    if (view) {
-      view.getCanvasView().setSize(0, 0)
-      view.resize()
+}
+
+watch([windowWidth, windowHeight], () => {
+  resize();
+});
+
+watch(
+  () => viewerStore.picking_mode,
+  (value) => {
+    const cursor = value ? "crosshair" : "pointer";
+    view.getCanvasView().setCursor(cursor);
+  },
+);
+
+watch([width, height], () => {
+  resize();
+});
+
+watch(
+  () => viewerStore.client,
+  () => {
+    connect();
+  },
+);
+
+watch(
+  () => props.viewId,
+  (id) => {
+    if (connected.value) {
+      view.setViewId(id);
+      view.render();
     }
-  }
+  },
+);
 
-  watch([windowWidth, windowHeight], () => {
-    resize()
-  })
-
-  watch(
-    () => viewerStore.picking_mode,
-    (value) => {
-      const cursor = value ? "crosshair" : "pointer"
-      view.getCanvasView().setCursor(cursor)
-    },
-  )
-
-  watch([width, height], () => {
-    resize()
-  })
-
-  watch(
-    () => viewerStore.client,
-    () => {
-      connect()
-    },
-  )
-
-  watch(
-    () => props.viewId,
-    (id) => {
-      if (connected.value) {
-        view.setViewId(id)
-        view.render()
-      }
-    },
-  )
-
-  function connect() {
-    if (viewerStore.status !== Status.CONNECTED) {
-      return
-    }
-    const session = viewerStore.client.getConnection().getSession()
-    view.setSession(session)
-    view.setViewId(props.viewId)
-    connected.value = true
-    view.render()
+function connect() {
+  if (viewerStore.status !== Status.CONNECTED) {
+    return;
   }
-
-  onMounted(async () => {
-    if (import.meta.client) {
-      window.addEventListener("resize", resize)
-      await nextTick()
-      view.setContainer(viewer.value.$el)
-      connect()
-      resize()
-    }
-  })
+  const session = viewerStore.client.getConnection().getSession();
+  view.setSession(session);
+  view.setViewId(props.viewId);
+  connected.value = true;
+  view.render();
+}
+
+onMounted(async () => {
+  if (import.meta.client) {
+    window.addEventListener("resize", resize);
+    await nextTick();
+    view.setContainer(viewer.value.$el);
+    connect();
+    resize();
+  }
+});
 </script>
 
 <template>
@@ -106,13 +106,7 @@
       <slot name="ui"></slot>
       <v-col
         ref="viewer"
-        style="
-          overflow: hidden;
-          position: relative;
-          z-index: 0;
-          height: 100%;
-          width: 100%;
-        "
+        style="overflow: hidden; position: relative; z-index: 0; height: 100%; width: 100%"
         class="pa-0"
         @click="get_x_y"
         @keydown.esc="viewerStore.toggle_picking_mode(false)"
@@ -122,12 +116,12 @@
 </template>
 
 <style scoped>
-  .list {
-    position: absolute;
-    z-index: 2;
-    left: 0;
-    top: 0;
-    background-color: transparent;
-    border-radius: 16px;
-  }
+.list {
+  position: absolute;
+  z-index: 2;
+  left: 0;
+  top: 0;
+  background-color: transparent;
+  border-radius: 16px;
+}
 </style>
diff --git a/app/components/Screenshot.vue b/app/components/Screenshot.vue
index f1f453e9..64ee8122 100644
--- a/app/components/Screenshot.vue
+++ b/app/components/Screenshot.vue
@@ -1,50 +1,46 @@
 <script setup>
-  import GlassCard from "@ogw_front/components/GlassCard"
-  import fileDownload from "js-file-download"
-  import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import GlassCard from "@ogw_front/components/GlassCard";
+import fileDownload from "js-file-download";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
-  import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
-  const emit = defineEmits(["close"])
+const emit = defineEmits(["close"]);
 
-  const { show_dialog, width } = defineProps({
-    show_dialog: { type: Boolean, required: true },
-    width: { type: Number, required: false, default: 400 },
-  })
+const { show_dialog, width } = defineProps({
+  show_dialog: { type: Boolean, required: true },
+  width: { type: Number, required: false, default: 400 },
+});
 
-  const output_extensions =
-    viewer_schemas.opengeodeweb_viewer.viewer.take_screenshot.properties
-      .output_extension.enum
-  const filename = ref("")
-  const output_extension = ref("png")
-  const include_background = ref(true)
+const output_extensions =
+  viewer_schemas.opengeodeweb_viewer.viewer.take_screenshot.properties.output_extension.enum;
+const filename = ref("");
+const output_extension = ref("png");
+const include_background = ref(true);
 
-  async function takeScreenshot() {
-    const viewerStore = useViewerStore()
-    await viewerStore.request(
-      viewer_schemas.opengeodeweb_viewer.viewer.take_screenshot,
-      {
-        filename: filename.value,
-        output_extension: output_extension.value,
-        include_background: include_background.value,
+async function takeScreenshot() {
+  const viewerStore = useViewerStore();
+  await viewerStore.request(
+    viewer_schemas.opengeodeweb_viewer.viewer.take_screenshot,
+    {
+      filename: filename.value,
+      output_extension: output_extension.value,
+      include_background: include_background.value,
+    },
+    {
+      response_function: (response) => {
+        fileDownload(response.blob, `${filename.value}.${output_extension.value}`);
       },
-      {
-        response_function: (response) => {
-          fileDownload(
-            response.blob,
-            `${filename.value}.${output_extension.value}`,
-          )
-        },
-      },
-    )
-    emit("close")
-  }
+    },
+  );
+  emit("close");
+}
 
-  watch(output_extension, (value) => {
-    if (value !== "png") {
-      include_background.value = true
-    }
-  })
+watch(output_extension, (value) => {
+  if (value !== "png") {
+    include_background.value = true;
+  }
+});
 </script>
 <template>
   <GlassCard
@@ -89,9 +85,7 @@
 
     <template #actions>
       <v-card-actions class="justify-center pb-4">
-        <v-btn variant="text" color="primary" @click="emit('close')"
-          >Close</v-btn
-        >
+        <v-btn variant="text" color="primary" @click="emit('close')">Close</v-btn>
         <v-btn
           variant="outlined"
           :disabled="!filename || !output_extension"
diff --git a/app/components/SearchBar.vue b/app/components/SearchBar.vue
index 52f57655..f55a203d 100644
--- a/app/components/SearchBar.vue
+++ b/app/components/SearchBar.vue
@@ -1,10 +1,10 @@
 <script setup>
-  const { modelValue, label } = defineProps({
-    modelValue: { type: String, default: "" },
-    label: { type: String, default: "Search..." },
-  })
+const { modelValue, label } = defineProps({
+  modelValue: { type: String, default: "" },
+  label: { type: String, default: "Search..." },
+});
 
-  const emit = defineEmits(["update:modelValue"])
+const emit = defineEmits(["update:modelValue"]);
 </script>
 
 <template>
diff --git a/app/components/Step.vue b/app/components/Step.vue
index b95b4c9b..d4499944 100644
--- a/app/components/Step.vue
+++ b/app/components/Step.vue
@@ -1,49 +1,49 @@
 <script setup>
-  function truncate(text, maxLength) {
-    if (text.length > maxLength) {
-      return `${text.slice(0, maxLength)}...`
-    }
-    return text
+function truncate(text, maxLength) {
+  if (text.length > maxLength) {
+    return `${text.slice(0, maxLength)}...`;
   }
+  return text;
+}
 
-  const { step_index } = defineProps({
-    step_index: { type: Number, required: true },
-  })
+const { step_index } = defineProps({
+  step_index: { type: Number, required: true },
+});
 
-  const emit = defineEmits(["reset_values"])
+const emit = defineEmits(["reset_values"]);
 
-  const stepper_tree = inject("stepper_tree")
-  const { current_step_index, steps } = toRefs(stepper_tree)
+const stepper_tree = inject("stepper_tree");
+const { current_step_index, steps } = toRefs(stepper_tree);
 
-  watch(current_step_index, (newVal, oldVal) => {
-    if (newVal < oldVal) {
-      stepper_tree.navigating_back = true
-    }
-  })
-
-  function update_values_event(keys_values_object) {
-    for (const [key, value] of Object.entries(keys_values_object)) {
-      stepper_tree[key] = value
-    }
+watch(current_step_index, (newVal, oldVal) => {
+  if (newVal < oldVal) {
+    stepper_tree.navigating_back = true;
   }
+});
 
-  function increment_step() {
-    stepper_tree.current_step_index += 1
+function update_values_event(keys_values_object) {
+  for (const [key, value] of Object.entries(keys_values_object)) {
+    stepper_tree[key] = value;
   }
+}
 
-  function decrement_step() {
-    stepper_tree.current_step_index -= 1
-  }
+function increment_step() {
+  stepper_tree.current_step_index += 1;
+}
+
+function decrement_step() {
+  stepper_tree.current_step_index -= 1;
+}
 
-  const sortedChips = computed(() => {
-    const chips = steps.value[step_index]?.chips || []
-    return chips.toSorted((chipA, chipB) =>
-      chipA.localeCompare(chipB, undefined, {
-        numeric: true,
-        sensitivity: "base",
-      }),
-    )
-  })
+const sortedChips = computed(() => {
+  const chips = steps.value[step_index]?.chips || [];
+  return chips.toSorted((chipA, chipB) =>
+    chipA.localeCompare(chipB, undefined, {
+      numeric: true,
+      sensitivity: "base",
+    }),
+  );
+});
 </script>
 
 <template>
@@ -54,18 +54,11 @@
     hide-actions
   >
     <template #title>
-      <v-sheet
-        color="transparent"
-        class="d-flex flex-column justify-center ps-2"
-      >
+      <v-sheet color="transparent" class="d-flex flex-column justify-center ps-2">
         <p
           tag="h3"
           class="text-subtitle-1 font-weight-bold mb-0 transition-swing"
-          :class="
-            current_step_index === step_index
-              ? 'text-primary'
-              : 'text-grey-darken-1'
-          "
+          :class="current_step_index === step_index ? 'text-primary' : 'text-grey-darken-1'"
         >
           {{ steps[step_index].step_title }}
         </p>
diff --git a/app/components/Stepper.vue b/app/components/Stepper.vue
index e93a5b4d..3556b91c 100644
--- a/app/components/Stepper.vue
+++ b/app/components/Stepper.vue
@@ -1,25 +1,19 @@
 <script setup>
-  import Step from "@ogw_front/components/Step"
+import Step from "@ogw_front/components/Step";
 
-  const emit = defineEmits(["reset_values", "close"])
-  const stepper_tree = inject("stepper_tree")
-  const { steps, current_step_index } = toRefs(stepper_tree)
+const emit = defineEmits(["reset_values", "close"]);
+const stepper_tree = inject("stepper_tree");
+const { steps, current_step_index } = toRefs(stepper_tree);
 </script>
 
 <template>
   <v-card-item class="flex-shrink-0 pa-0">
     <div class="px-8 pt-8 pb-4">
       <div class="d-flex align-center mb-2">
-        <v-icon
-          icon="mdi-file-upload-outline"
-          class="mr-3 title-text"
-          size="32"
-        />
+        <v-icon icon="mdi-file-upload-outline" class="mr-3 title-text" size="32" />
         <h2 class="title-text">Import Data</h2>
       </div>
-      <p class="text-white text-body-1">
-        Select and configure your files for a seamless import.
-      </p>
+      <p class="text-white text-body-1">Select and configure your files for a seamless import.</p>
     </div>
   </v-card-item>
 
@@ -40,31 +34,31 @@
 </template>
 
 <style scoped>
-  .custom-stepper :deep(.v-stepper-vertical-item) {
-    background: transparent !important;
-  }
+.custom-stepper :deep(.v-stepper-vertical-item) {
+  background: transparent !important;
+}
 
-  .custom-stepper :deep(.v-stepper-vertical-item__content) {
-    background: rgba(255, 255, 255, 0.03) !important;
-    border-radius: 12px;
-    margin: 8px 16px 16px 40px !important;
-    padding: 16px !important;
-    border: 1px solid rgba(255, 255, 255, 0.05);
-  }
+.custom-stepper :deep(.v-stepper-vertical-item__content) {
+  background: rgba(255, 255, 255, 0.03) !important;
+  border-radius: 12px;
+  margin: 8px 16px 16px 40px !important;
+  padding: 16px !important;
+  border: 1px solid rgba(255, 255, 255, 0.05);
+}
 
-  .custom-stepper :deep(.v-avatar) {
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    background: rgba(255, 255, 255, 0.1) !important;
-    color: white !important;
-  }
+.custom-stepper :deep(.v-avatar) {
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  background: rgba(255, 255, 255, 0.1) !important;
+  color: white !important;
+}
 
-  .custom-stepper :deep(.v-stepper-vertical-item--active .v-avatar) {
-    background: #3c9983 !important;
-    border-color: #3c9983;
-    color: #0a0f0e !important;
-  }
+.custom-stepper :deep(.v-stepper-vertical-item--active .v-avatar) {
+  background: #3c9983 !important;
+  border-color: #3c9983;
+  color: #0a0f0e !important;
+}
 
-  .custom-stepper :deep(.v-stepper-vertical-item__connector) {
-    border-color: rgba(255, 255, 255, 0.1) !important;
-  }
+.custom-stepper :deep(.v-stepper-vertical-item__connector) {
+  border-color: rgba(255, 255, 255, 0.1) !important;
+}
 </style>
diff --git a/app/components/VeaseViewToolbar.vue b/app/components/VeaseViewToolbar.vue
index b99fdfc1..dbba0d16 100644
--- a/app/components/VeaseViewToolbar.vue
+++ b/app/components/VeaseViewToolbar.vue
@@ -1,84 +1,80 @@
 <script setup>
-  import schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
-  import Screenshot from "@ogw_front/components/Screenshot"
-  import ZScaling from "@ogw_front/components/ZScaling"
+import Screenshot from "@ogw_front/components/Screenshot";
+import ZScaling from "@ogw_front/components/ZScaling";
 
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
-  import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
-  const hybridViewerStore = useHybridViewerStore()
-  const viewerStore = useViewerStore()
-  const take_screenshot = ref(false)
-  const showZScaling = ref(false)
-  const grid_scale = ref(false)
-  const zScale = ref(hybridViewerStore.zScale)
+const hybridViewerStore = useHybridViewerStore();
+const viewerStore = useViewerStore();
+const take_screenshot = ref(false);
+const showZScaling = ref(false);
+const grid_scale = ref(false);
+const zScale = ref(hybridViewerStore.zScale);
 
-  watch(
-    () => hybridViewerStore.zScale,
-    (newVal) => {
-      zScale.value = newVal
-    },
-  )
+watch(
+  () => hybridViewerStore.zScale,
+  (newVal) => {
+    zScale.value = newVal;
+  },
+);
 
-  async function handleZScalingClose() {
-    await hybridViewerStore.setZScaling(zScale.value)
-    showZScaling.value = false
-  }
+async function handleZScalingClose() {
+  await hybridViewerStore.setZScaling(zScale.value);
+  showZScaling.value = false;
+}
 
-  const camera_options = [
-    {
-      tooltip: "Reset camera",
-      icon: "mdi-cube-scan",
-      action: () => {
-        const { genericRenderWindow } = storeToRefs(hybridViewerStore)
-        const renderWindow = genericRenderWindow.value.value.getRenderWindow()
-        const [renderer] = renderWindow.getRenderers()
-        renderer.resetCamera()
-        renderWindow.render()
-        hybridViewerStore.syncRemoteCamera()
-      },
+const camera_options = [
+  {
+    tooltip: "Reset camera",
+    icon: "mdi-cube-scan",
+    action: () => {
+      const { genericRenderWindow } = storeToRefs(hybridViewerStore);
+      const renderWindow = genericRenderWindow.value.value.getRenderWindow();
+      const [renderer] = renderWindow.getRenderers();
+      renderer.resetCamera();
+      renderWindow.render();
+      hybridViewerStore.syncRemoteCamera();
     },
-    {
-      tooltip: "Take a screenshot",
-      icon: "mdi-camera",
-      action: () => {
-        take_screenshot.value = !take_screenshot.value
-      },
+  },
+  {
+    tooltip: "Take a screenshot",
+    icon: "mdi-camera",
+    action: () => {
+      take_screenshot.value = !take_screenshot.value;
     },
-    {
-      tooltip: "Toggle grid scale",
-      icon: "mdi-ruler-square",
-      action: () => {
-        viewerStore.request(
-          schemas.opengeodeweb_viewer.viewer.grid_scale,
-          { visibility: !grid_scale.value },
-          {
-            response_function: () => {
-              grid_scale.value = !grid_scale.value
-              hybridViewerStore.remoteRender()
-            },
+  },
+  {
+    tooltip: "Toggle grid scale",
+    icon: "mdi-ruler-square",
+    action: () => {
+      viewerStore.request(
+        schemas.opengeodeweb_viewer.viewer.grid_scale,
+        { visibility: !grid_scale.value },
+        {
+          response_function: () => {
+            grid_scale.value = !grid_scale.value;
+            hybridViewerStore.remoteRender();
           },
-        )
-      },
+        },
+      );
     },
-    {
-      tooltip: "Z Scaling Control",
-      icon: "mdi-sort",
-      action: () => {
-        showZScaling.value = !showZScaling.value
-      },
+  },
+  {
+    tooltip: "Z Scaling Control",
+    icon: "mdi-sort",
+    action: () => {
+      showZScaling.value = !showZScaling.value;
     },
-  ]
+  },
+];
 </script>
 
 <template>
   <v-container :class="[$style.floatToolbar, 'pa-0']" width="auto">
-    <v-row
-      v-for="camera_option in camera_options"
-      :key="camera_option.icon"
-      dense
-    >
+    <v-row v-for="camera_option in camera_options" :key="camera_option.icon" dense>
       <v-col>
         <v-btn
           density="comfortable"
@@ -92,20 +88,15 @@
     </v-row>
   </v-container>
   <Screenshot :show_dialog="take_screenshot" @close="take_screenshot = false" />
-  <ZScaling
-    v-if="showZScaling"
-    v-model="zScale"
-    :width="400"
-    @close="handleZScalingClose"
-  />
+  <ZScaling v-if="showZScaling" v-model="zScale" :width="400" @close="handleZScalingClose" />
 </template>
 
 <style module>
-  .floatToolbar {
-    position: absolute;
-    z-index: 2;
-    right: 20px;
-    top: 20px;
-    background-color: rgba(0, 0, 0, 0);
-  }
+.floatToolbar {
+  position: absolute;
+  z-index: 2;
+  right: 20px;
+  top: 20px;
+  background-color: rgba(0, 0, 0, 0);
+}
 </style>
diff --git a/app/components/ViewToolbar.vue b/app/components/ViewToolbar.vue
index ccfe7316..6530d84a 100644
--- a/app/components/ViewToolbar.vue
+++ b/app/components/ViewToolbar.vue
@@ -1,53 +1,49 @@
 <script setup>
-  import schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
-  import Screenshot from "@ogw_front/components/Screenshot"
-  import { useViewerStore } from "@ogw_front/stores/viewer"
+import Screenshot from "@ogw_front/components/Screenshot";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
-  const viewerStore = useViewerStore()
-  const take_screenshot = ref(false)
-  const grid_scale = ref(false)
+const viewerStore = useViewerStore();
+const take_screenshot = ref(false);
+const grid_scale = ref(false);
 
-  const camera_options = [
-    {
-      tooltip: "Reset camera",
-      icon: "mdi-cube-scan",
-      action: () => {
-        viewerStore.request(schemas.opengeodeweb_viewer.viewer.reset_camera)
-      },
+const camera_options = [
+  {
+    tooltip: "Reset camera",
+    icon: "mdi-cube-scan",
+    action: () => {
+      viewerStore.request(schemas.opengeodeweb_viewer.viewer.reset_camera);
     },
-    {
-      tooltip: "Take a screenshot",
-      icon: "mdi-camera",
-      action: () => {
-        take_screenshot.value = !take_screenshot.value
-      },
+  },
+  {
+    tooltip: "Take a screenshot",
+    icon: "mdi-camera",
+    action: () => {
+      take_screenshot.value = !take_screenshot.value;
     },
-    {
-      tooltip: "Toggle grid scale",
-      icon: "mdi-ruler-square",
-      action: () => {
-        viewerStore.request(
-          schemas.opengeodeweb_viewer.viewer.grid_scale,
-          { visibility: !grid_scale.value },
-          {
-            response_function: () => {
-              grid_scale.value = !grid_scale.value
-            },
+  },
+  {
+    tooltip: "Toggle grid scale",
+    icon: "mdi-ruler-square",
+    action: () => {
+      viewerStore.request(
+        schemas.opengeodeweb_viewer.viewer.grid_scale,
+        { visibility: !grid_scale.value },
+        {
+          response_function: () => {
+            grid_scale.value = !grid_scale.value;
           },
-        )
-      },
+        },
+      );
     },
-  ]
+  },
+];
 </script>
 
 <template>
   <v-container :class="[$style.floatToolbar, 'pa-0']" width="auto">
-    <v-row
-      v-for="camera_option in camera_options"
-      :key="camera_option.icon"
-      dense
-    >
+    <v-row v-for="camera_option in camera_options" :key="camera_option.icon" dense>
       <v-col>
         <v-btn
           density="comfortable"
@@ -64,11 +60,11 @@
 </template>
 
 <style module>
-  .floatToolbar {
-    position: absolute;
-    z-index: 2;
-    right: 20px;
-    top: 20px;
-    background-color: rgba(0, 0, 0, 0);
-  }
+.floatToolbar {
+  position: absolute;
+  z-index: 2;
+  right: 20px;
+  top: 20px;
+  background-color: rgba(0, 0, 0, 0);
+}
 </style>
diff --git a/app/components/Viewer/BreadCrumb.vue b/app/components/Viewer/BreadCrumb.vue
index 19f7a5e6..04620f78 100644
--- a/app/components/Viewer/BreadCrumb.vue
+++ b/app/components/Viewer/BreadCrumb.vue
@@ -1,19 +1,19 @@
 <script setup>
-  import { useDataStore } from "@ogw_front/stores/data"
-  import { useTreeviewStore } from "@ogw_front/stores/treeview"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useTreeviewStore } from "@ogw_front/stores/treeview";
 
-  const dataStore = useDataStore()
-  const treeviewStore = useTreeviewStore()
+const dataStore = useDataStore();
+const treeviewStore = useTreeviewStore();
 
-  const selectedTree = computed(() => treeviewStore.selectedTree)
+const selectedTree = computed(() => treeviewStore.selectedTree);
 
-  function goBackToFileTree() {
-    treeviewStore.displayFileTree()
-  }
+function goBackToFileTree() {
+  treeviewStore.displayFileTree();
+}
 
-  const model_id = computed(() => treeviewStore.model_id)
+const model_id = computed(() => treeviewStore.model_id);
 
-  const metaDatas = dataStore.refItem(model_id.value)
+const metaDatas = dataStore.refItem(model_id.value);
 </script>
 
 <template>
@@ -21,22 +21,12 @@
     <div class="d-flex align-center gap-2 ml-2 mt-2 mb-1">
       <v-menu v-if="treeviewStore.isAdditionnalTreeDisplayed" offset-y>
         <template v-slot:activator="{ props }">
-          <v-btn
-            icon
-            variant="text"
-            size="medium"
-            v-bind="props"
-            @click="goBackToFileTree"
-          >
+          <v-btn icon variant="text" size="medium" v-bind="props" @click="goBackToFileTree">
             <v-icon size="large">mdi-file-tree</v-icon>
           </v-btn>
           <span class="text-h5 font-weight-bold">/</span>
           <v-icon size="x-large">
-            {{
-              selectedTree && selectedTree.icon
-                ? selectedTree.icon
-                : "mdi-shape-outline"
-            }}
+            {{ selectedTree && selectedTree.icon ? selectedTree.icon : "mdi-shape-outline" }}
           </v-icon>
           <span class="text-subtitle-1 font-weight-regular align-center mt-1">
             Model Explorer ({{ metaDatas.name }})
@@ -46,18 +36,16 @@
 
       <div v-else class="d-flex align-center gap-2">
         <v-icon size="large">mdi-file-tree</v-icon>
-        <span class="text-subtitle-1 font-weight-regular align-center mt-1">
-          Objects
-        </span>
+        <span class="text-subtitle-1 font-weight-regular align-center mt-1"> Objects </span>
       </div>
     </div>
   </v-breadcrumbs>
 </template>
 
 <style scoped>
-  .breadcrumb-container {
-    max-width: 100%;
-    overflow: hidden;
-    white-space: nowrap;
-  }
+.breadcrumb-container {
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+}
 </style>
diff --git a/app/components/Viewer/ContextMenu.vue b/app/components/Viewer/ContextMenu.vue
index 43b6d2bf..d083cf96 100644
--- a/app/components/Viewer/ContextMenu.vue
+++ b/app/components/Viewer/ContextMenu.vue
@@ -1,159 +1,156 @@
 <script setup>
-  import { useEventListener } from "@vueuse/core"
-  import { useMenuStore } from "@ogw_front/stores/menu"
-
-  const RADIUS = 80
-  const MARGIN_OFFSET = 40
-  const Z_INDEX_MENU = 1000
-  const Z_INDEX_ACTIVE_ITEM = 10
-  const Z_INDEX_BASE_ITEM = 1
-  const FULL_ANGLE = 360
-  const ANGLE_45 = 45
-  const ANGLE_135 = 135
-  const ANGLE_225 = 225
-  const ANGLE_315 = 315
-  const CLOSE_DELAY = 100
-
-  const menuStore = useMenuStore()
-
-  const { id, x, y, containerWidth, containerHeight } = defineProps({
-    id: { type: String, required: true },
-    x: { type: Number, required: true },
-    y: { type: Number, required: true },
-    containerWidth: { type: Number, required: true },
-    containerHeight: { type: Number, required: true },
-  })
-
-  const meta_data = computed(() => menuStore.current_meta_data || {})
-
-  const show_menu = ref(true)
-  const isDragging = ref(false)
-  const dragStartX = ref(0)
-  const dragStartY = ref(0)
-  const menuX = ref(x)
-  const menuY = ref(y)
-
-  watch(
-    () => [x, y],
-    ([newX, newY]) => {
-      const { x: clampedX, y: clampedY } = clampPosition(newX, newY)
-      menuX.value = clampedX
-      menuY.value = clampedY
-      menuStore.setMenuPosition(clampedX, clampedY)
-    },
-    { immediate: true },
-  )
-
-  useEventListener(
-    globalThis,
-    "mousemove",
-    (event) => {
-      if (!isDragging.value) {
-        return
-      }
-      handleDrag(event)
-    },
-    { passive: true },
-  )
-
-  useEventListener(globalThis, "mouseup", (event) => {
+import { useEventListener } from "@vueuse/core";
+import { useMenuStore } from "@ogw_front/stores/menu";
+
+const RADIUS = 80;
+const MARGIN_OFFSET = 40;
+const Z_INDEX_MENU = 1000;
+const Z_INDEX_ACTIVE_ITEM = 10;
+const Z_INDEX_BASE_ITEM = 1;
+const FULL_ANGLE = 360;
+const ANGLE_45 = 45;
+const ANGLE_135 = 135;
+const ANGLE_225 = 225;
+const ANGLE_315 = 315;
+const CLOSE_DELAY = 100;
+
+const menuStore = useMenuStore();
+
+const { id, x, y, containerWidth, containerHeight } = defineProps({
+  id: { type: String, required: true },
+  x: { type: Number, required: true },
+  y: { type: Number, required: true },
+  containerWidth: { type: Number, required: true },
+  containerHeight: { type: Number, required: true },
+});
+
+const meta_data = computed(() => menuStore.current_meta_data || {});
+
+const show_menu = ref(true);
+const isDragging = ref(false);
+const dragStartX = ref(0);
+const dragStartY = ref(0);
+const menuX = ref(x);
+const menuY = ref(y);
+
+watch(
+  () => [x, y],
+  ([newX, newY]) => {
+    const { x: clampedX, y: clampedY } = clampPosition(newX, newY);
+    menuX.value = clampedX;
+    menuY.value = clampedY;
+    menuStore.setMenuPosition(clampedX, clampedY);
+  },
+  { immediate: true },
+);
+
+useEventListener(
+  globalThis,
+  "mousemove",
+  (event) => {
     if (!isDragging.value) {
-      return
+      return;
     }
-    stopDrag(event)
-  })
-
-  const menu_items = shallowRef([])
-  watch(
-    () => [meta_data.value.viewer_type, meta_data.value.geode_object_type],
-    ([viewer_type, geode_object_type]) => {
-      menu_items.value = menuStore.getMenuItems(viewer_type, geode_object_type)
-    },
-    { immediate: true },
-  )
-
-  const menuItemCount = computed(() => menu_items.value.length)
-
-  function startDrag(event) {
-    isDragging.value = true
-    dragStartX.value = event.clientX - menuX.value
-    dragStartY.value = event.clientY - menuY.value
-    event.preventDefault()
+    handleDrag(event);
+  },
+  { passive: true },
+);
+
+useEventListener(globalThis, "mouseup", (event) => {
+  if (!isDragging.value) {
+    return;
   }
-
-  function clampPosition(posX, posY) {
-    const margin = RADIUS + MARGIN_OFFSET
-    return {
-      x: Math.min(Math.max(posX, margin), containerWidth - margin),
-      y: Math.min(Math.max(posY, margin), containerHeight - margin),
-    }
+  stopDrag(event);
+});
+
+const menu_items = shallowRef([]);
+watch(
+  () => [meta_data.value.viewer_type, meta_data.value.geode_object_type],
+  ([viewer_type, geode_object_type]) => {
+    menu_items.value = menuStore.getMenuItems(viewer_type, geode_object_type);
+  },
+  { immediate: true },
+);
+
+const menuItemCount = computed(() => menu_items.value.length);
+
+function startDrag(event) {
+  isDragging.value = true;
+  dragStartX.value = event.clientX - menuX.value;
+  dragStartY.value = event.clientY - menuY.value;
+  event.preventDefault();
+}
+
+function clampPosition(posX, posY) {
+  const margin = RADIUS + MARGIN_OFFSET;
+  return {
+    x: Math.min(Math.max(posX, margin), containerWidth - margin),
+    y: Math.min(Math.max(posY, margin), containerHeight - margin),
+  };
+}
+
+function handleDrag(event) {
+  const { x: clampedX, y: clampedY } = clampPosition(
+    event.clientX - dragStartX.value,
+    event.clientY - dragStartY.value,
+  );
+  menuX.value = clampedX;
+  menuY.value = clampedY;
+  menuStore.setMenuPosition(clampedX, clampedY);
+}
+
+function stopDrag(event) {
+  isDragging.value = false;
+  event.stopPropagation();
+  menuStore.setMenuPosition(menuX.value, menuY.value);
+}
+
+function getMenuStyle() {
+  return {
+    position: "fixed",
+    left: `${menuStore.containerLeft + menuX.value - RADIUS}px`,
+    top: `${menuStore.containerTop + menuY.value - RADIUS}px`,
+    zIndex: Z_INDEX_MENU,
+  };
+}
+
+function getTooltipLocation(index) {
+  const angle = (index / menuItemCount.value) * FULL_ANGLE;
+  if (angle < ANGLE_45 || angle >= ANGLE_315) {
+    return "right";
   }
-
-  function handleDrag(event) {
-    const { x: clampedX, y: clampedY } = clampPosition(
-      event.clientX - dragStartX.value,
-      event.clientY - dragStartY.value,
-    )
-    menuX.value = clampedX
-    menuY.value = clampedY
-    menuStore.setMenuPosition(clampedX, clampedY)
+  if (angle >= ANGLE_45 && angle < ANGLE_135) {
+    return "top";
   }
-
-  function stopDrag(event) {
-    isDragging.value = false
-    event.stopPropagation()
-    menuStore.setMenuPosition(menuX.value, menuY.value)
+  if (angle >= ANGLE_135 && angle < ANGLE_225) {
+    return "left";
   }
+  return "bottom";
+}
 
-  function getMenuStyle() {
-    return {
-      position: "fixed",
-      left: `${menuStore.containerLeft + menuX.value - RADIUS}px`,
-      top: `${menuStore.containerTop + menuY.value - RADIUS}px`,
-      zIndex: Z_INDEX_MENU,
-    }
+function getTooltipOrigin(index) {
+  const angle = (index / menuItemCount.value) * FULL_ANGLE;
+  if (angle < ANGLE_45 || angle >= ANGLE_315) {
+    return "left";
   }
-
-  function getTooltipLocation(index) {
-    const angle = (index / menuItemCount.value) * FULL_ANGLE
-    if (angle < ANGLE_45 || angle >= ANGLE_315) {
-      return "right"
-    }
-    if (angle >= ANGLE_45 && angle < ANGLE_135) {
-      return "top"
-    }
-    if (angle >= ANGLE_135 && angle < ANGLE_225) {
-      return "left"
-    }
-    return "bottom"
+  if (angle >= ANGLE_45 && angle < ANGLE_135) {
+    return "bottom";
   }
-
-  function getTooltipOrigin(index) {
-    const angle = (index / menuItemCount.value) * FULL_ANGLE
-    if (angle < ANGLE_45 || angle >= ANGLE_315) {
-      return "left"
-    }
-    if (angle >= ANGLE_45 && angle < ANGLE_135) {
-      return "bottom"
-    }
-    if (angle >= ANGLE_135 && angle < ANGLE_225) {
-      return "right"
-    }
-    return "top"
-  }
-
-  function getItemStyle(index) {
-    const angle = (index / menuItemCount.value) * 2 * Math.PI
-    return {
-      transform: `translate(${Math.cos(angle) * RADIUS}px, ${Math.sin(angle) * RADIUS}px)`,
-      transition: "opacity 0.2s ease, transform 0.2s ease",
-      position: "absolute",
-      zIndex:
-        menuStore.active_item_index === index
-          ? Z_INDEX_ACTIVE_ITEM
-          : Z_INDEX_BASE_ITEM,
-    }
+  if (angle >= ANGLE_135 && angle < ANGLE_225) {
+    return "right";
   }
+  return "top";
+}
+
+function getItemStyle(index) {
+  const angle = (index / menuItemCount.value) * 2 * Math.PI;
+  return {
+    transform: `translate(${Math.cos(angle) * RADIUS}px, ${Math.sin(angle) * RADIUS}px)`,
+    transition: "opacity 0.2s ease, transform 0.2s ease",
+    position: "absolute",
+    zIndex: menuStore.active_item_index === index ? Z_INDEX_ACTIVE_ITEM : Z_INDEX_BASE_ITEM,
+  };
+}
 </script>
 
 <template>
@@ -191,38 +188,38 @@
 </template>
 
 <style scoped>
-  :deep(.circular-menu-container) {
-    overflow: visible !important;
-    box-shadow: none !important;
-    border: none !important;
-    background: transparent !important;
-    contain: none !important;
-  }
-
-  .circular-menu-drag-handle {
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    cursor: grab;
-  }
-
-  .circular-menu-drag-handle:active {
-    cursor: grabbing;
-  }
-
-  .circular-menu-items {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 50%;
-    background-color: transparent;
-    border: none;
-  }
-
-  .menu-item-wrapper {
-    position: absolute;
-    transform-origin: center;
-    will-change: transform, opacity;
-  }
+:deep(.circular-menu-container) {
+  overflow: visible !important;
+  box-shadow: none !important;
+  border: none !important;
+  background: transparent !important;
+  contain: none !important;
+}
+
+.circular-menu-drag-handle {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  cursor: grab;
+}
+
+.circular-menu-drag-handle:active {
+  cursor: grabbing;
+}
+
+.circular-menu-items {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background-color: transparent;
+  border: none;
+}
+
+.menu-item-wrapper {
+  position: absolute;
+  transform-origin: center;
+  will-change: transform, opacity;
+}
 </style>
diff --git a/app/components/Viewer/ContextMenuItem.vue b/app/components/Viewer/ContextMenuItem.vue
index 78583635..7b23be4f 100644
--- a/app/components/Viewer/ContextMenuItem.vue
+++ b/app/components/Viewer/ContextMenuItem.vue
@@ -1,80 +1,68 @@
 <script setup>
-  import GlassCard from "@ogw_front/components/GlassCard"
-  import { useMenuStore } from "@ogw_front/stores/menu"
-  import { useTheme } from "vuetify"
-
-  const CARD_WIDTH = 320
-  const CARD_HEIGHT = 500
-  const MARGIN = 60
-  const RADIUS = 80
-  const OFFSET = 40
-
-  const menuStore = useMenuStore()
-  const theme = useTheme()
-  const primaryColor = computed(() => theme.current.value.colors.primary)
-  const { index, itemProps, tooltip, btn_image } = defineProps({
-    index: { type: Number, required: true },
-    itemProps: { type: Object, required: true },
-    tooltip: { type: String, required: true },
-    btn_image: { type: String, required: true },
-  })
-
-  const is_active = computed(() => menuStore.active_item_index === index)
-  const optionsRef = ref(undefined)
-  const { height: optionsHeight } = useElementSize(optionsRef)
-
-  const maxCardHeight = computed(() =>
-    Math.min(CARD_HEIGHT, menuStore.containerHeight - OFFSET),
-  )
-
-  const optionsStyle = computed(() => {
-    if (!is_active.value || !optionsHeight.value) {
-      return {}
-    }
-    const angle = (index / itemProps.totalItems) * 2 * Math.PI
-    const radius = RADIUS
-    const absoluteButtonY = menuStore.menuY + Math.sin(angle) * radius
-    const height = optionsHeight.value
-    const margin = MARGIN
-    let offsetY = 0
-
-    if (absoluteButtonY - height / 2 < margin) {
-      offsetY = margin - (absoluteButtonY - height / 2)
-    } else if (
-      absoluteButtonY + height / 2 >
-      menuStore.containerHeight - margin
-    ) {
-      offsetY =
-        menuStore.containerHeight - margin - (absoluteButtonY + height / 2)
-    }
-    return { top: `calc(50% + ${offsetY}px)` }
-  })
-
-  const optionsClass = computed(() => {
-    const loc = itemProps.tooltip_location
-    const margin = MARGIN
-    const radius = RADIUS
-    if (loc === "right") {
-      return menuStore.menuX + radius + margin + CARD_WIDTH >
-        menuStore.containerWidth
-        ? "options-left"
-        : "options-right"
-    }
-    return menuStore.menuX - radius - margin - CARD_WIDTH < 0
-      ? "options-right"
-      : "options-left"
-  })
-
-  function toggleOptions() {
-    menuStore.toggleItemOptions(index)
+import GlassCard from "@ogw_front/components/GlassCard";
+import { useMenuStore } from "@ogw_front/stores/menu";
+import { useTheme } from "vuetify";
+
+const CARD_WIDTH = 320;
+const CARD_HEIGHT = 500;
+const MARGIN = 60;
+const RADIUS = 80;
+const OFFSET = 40;
+
+const menuStore = useMenuStore();
+const theme = useTheme();
+const primaryColor = computed(() => theme.current.value.colors.primary);
+const { index, itemProps, tooltip, btn_image } = defineProps({
+  index: { type: Number, required: true },
+  itemProps: { type: Object, required: true },
+  tooltip: { type: String, required: true },
+  btn_image: { type: String, required: true },
+});
+
+const is_active = computed(() => menuStore.active_item_index === index);
+const optionsRef = ref(undefined);
+const { height: optionsHeight } = useElementSize(optionsRef);
+
+const maxCardHeight = computed(() => Math.min(CARD_HEIGHT, menuStore.containerHeight - OFFSET));
+
+const optionsStyle = computed(() => {
+  if (!is_active.value || !optionsHeight.value) {
+    return {};
   }
+  const angle = (index / itemProps.totalItems) * 2 * Math.PI;
+  const radius = RADIUS;
+  const absoluteButtonY = menuStore.menuY + Math.sin(angle) * radius;
+  const height = optionsHeight.value;
+  const margin = MARGIN;
+  let offsetY = 0;
+
+  if (absoluteButtonY - height / 2 < margin) {
+    offsetY = margin - (absoluteButtonY - height / 2);
+  } else if (absoluteButtonY + height / 2 > menuStore.containerHeight - margin) {
+    offsetY = menuStore.containerHeight - margin - (absoluteButtonY + height / 2);
+  }
+  return { top: `calc(50% + ${offsetY}px)` };
+});
+
+const optionsClass = computed(() => {
+  const loc = itemProps.tooltip_location;
+  const margin = MARGIN;
+  const radius = RADIUS;
+  if (loc === "right") {
+    return menuStore.menuX + radius + margin + CARD_WIDTH > menuStore.containerWidth
+      ? "options-left"
+      : "options-right";
+  }
+  return menuStore.menuX - radius - margin - CARD_WIDTH < 0 ? "options-right" : "options-left";
+});
+
+function toggleOptions() {
+  menuStore.toggleItemOptions(index);
+}
 </script>
 <template>
   <v-sheet class="menu-item-container transition-swing" color="transparent">
-    <v-tooltip
-      :location="itemProps.tooltip_location"
-      :origin="itemProps.tooltip_origin"
-    >
+    <v-tooltip :location="itemProps.tooltip_location" :origin="itemProps.tooltip_origin">
       <template v-slot:activator="{ props: tooltipProps }">
         <v-btn
           icon
@@ -118,49 +106,49 @@
 </template>
 
 <style scoped>
-  .menu-item-container {
-    position: absolute;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    transition:
-      transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
-      opacity 0.3s ease;
-  }
-
-  .menu-btn {
-    transition: all 0.2s ease;
-    border-color: rgba(0, 0, 0, 0.1) !important;
-  }
-
-  .menu-btn:hover {
-    transform: scale(1.1);
-    background-color: #e3f2fd !important;
-  }
-
-  .menu-btn.v-btn--active {
-    background-color: v-bind(primaryColor) !important;
-    color: white !important;
-  }
-
-  .menu-btn.v-btn--active ::v-deep(.v-img__img) {
-    filter: invert(100%);
-  }
-
-  .menu-options {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    z-index: 1001;
-  }
-
-  .options-right {
-    left: 60px;
-  }
-
-  .options-left {
-    right: 60px;
-  }
+.menu-item-container {
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition:
+    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+    opacity 0.3s ease;
+}
+
+.menu-btn {
+  transition: all 0.2s ease;
+  border-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+.menu-btn:hover {
+  transform: scale(1.1);
+  background-color: #e3f2fd !important;
+}
+
+.menu-btn.v-btn--active {
+  background-color: v-bind(primaryColor) !important;
+  color: white !important;
+}
+
+.menu-btn.v-btn--active ::v-deep(.v-img__img) {
+  filter: invert(100%);
+}
+
+.menu-options {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 1001;
+}
+
+.options-right {
+  left: 60px;
+}
+
+.options-left {
+  right: 60px;
+}
 </style>
diff --git a/app/components/Viewer/EdgedCurve/PointsOptions.vue b/app/components/Viewer/EdgedCurve/PointsOptions.vue
index a6e412f4..79386f60 100644
--- a/app/components/Viewer/EdgedCurve/PointsOptions.vue
+++ b/app/components/Viewer/EdgedCurve/PointsOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import EdgedCurvePoints from "@ogw_front/assets/viewer_svgs/edged_curve_points.svg"
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
+import EdgedCurvePoints from "@ogw_front/assets/viewer_svgs/edged_curve_points.svg";
+import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshPointsOptions
-    :itemProps="itemProps"
-    :btn_image="EdgedCurvePoints"
-  />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="EdgedCurvePoints" />
 </template>
diff --git a/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue b/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
index 578a5484..1ff13fdd 100644
--- a/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
+++ b/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
@@ -1,102 +1,91 @@
 <script setup>
-  import EdgedCurveEdges from "@ogw_front/assets/viewer_svgs/edged_curve_edges.svg"
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import EdgedCurveEdges from "@ogw_front/assets/viewer_svgs/edged_curve_edges.svg";
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshEdgesVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const size = computed({
-    get: () => dataStyleStore.meshEdgesWidth(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesWidth(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshEdgesActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshEdgesColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshEdgesVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVertexAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshEdgesVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshEdgesVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const edge_attribute_name = computed({
-    get: () => dataStyleStore.meshEdgesEdgeAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesEdgeAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const edge_attribute_range = computed({
-    get: () => dataStyleStore.meshEdgesEdgeAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesEdgeAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const edge_attribute_color_map = computed({
-    get: () => dataStyleStore.meshEdgesEdgeAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesEdgeAttributeColorMap(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshEdgesVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const size = computed({
+  get: () => dataStyleStore.meshEdgesWidth(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesWidth(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshEdgesActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshEdgesColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshEdgesVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshEdgesVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshEdgesVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const edge_attribute_name = computed({
+  get: () => dataStyleStore.meshEdgesEdgeAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesEdgeAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const edge_attribute_range = computed({
+  get: () => dataStyleStore.meshEdgesEdgeAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesEdgeAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const edge_attribute_color_map = computed({
+  get: () => dataStyleStore.meshEdgesEdgeAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesEdgeAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 <template>
   <ViewerContextMenuItem
diff --git a/app/components/Viewer/Generic/Mesh/CellsOptions.vue b/app/components/Viewer/Generic/Mesh/CellsOptions.vue
index 44bb3c98..df68fde4 100644
--- a/app/components/Viewer/Generic/Mesh/CellsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/CellsOptions.vue
@@ -1,111 +1,96 @@
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps, btn_image, tooltip } = defineProps({
-    itemProps: { type: Object, required: true },
-    btn_image: { type: String, required: true },
-    tooltip: { type: String, required: false, default: "Cells options" },
-  })
+const { itemProps, btn_image, tooltip } = defineProps({
+  itemProps: { type: Object, required: true },
+  btn_image: { type: String, required: true },
+  tooltip: { type: String, required: false, default: "Cells options" },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshCellsVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshCellsActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshCellsColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const textures = computed({
-    get: () => dataStyleStore.meshCellsTextures(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsTextures(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshCellsVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsVertexAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshCellsVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshCellsVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const cell_attribute_name = computed({
-    get: () => dataStyleStore.meshCellsCellAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsCellAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const cell_attribute_range = computed({
-    get: () => dataStyleStore.meshCellsCellAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsCellAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const cell_attribute_color_map = computed({
-    get: () => dataStyleStore.meshCellsCellAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsCellAttributeColorMap(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshCellsVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshCellsActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshCellsColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const textures = computed({
+  get: () => dataStyleStore.meshCellsTextures(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsTextures(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshCellsVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshCellsVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshCellsVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const cell_attribute_name = computed({
+  get: () => dataStyleStore.meshCellsCellAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsCellAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const cell_attribute_range = computed({
+  get: () => dataStyleStore.meshCellsCellAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsCellAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const cell_attribute_color_map = computed({
+  get: () => dataStyleStore.meshCellsCellAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsCellAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 
 <template>
-  <ViewerContextMenuItem
-    :itemProps="itemProps"
-    :tooltip="tooltip"
-    :btn_image="btn_image"
-  >
+  <ViewerContextMenuItem :itemProps="itemProps" :tooltip="tooltip" :btn_image="btn_image">
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
       <template v-if="visibility">
diff --git a/app/components/Viewer/Generic/Mesh/EdgesOptions.vue b/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
index f2cc6289..193aeaa4 100644
--- a/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
@@ -1,110 +1,95 @@
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps, btn_image } = defineProps({
-    itemProps: { type: Object, required: true },
-    btn_image: { type: String, required: true },
-  })
+const { itemProps, btn_image } = defineProps({
+  itemProps: { type: Object, required: true },
+  btn_image: { type: String, required: true },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshEdgesVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const size = computed({
-    get: () => dataStyleStore.meshEdgesWidth(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesWidth(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshEdgesActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshEdgesColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshEdgesVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVertexAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshEdgesVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshEdgesVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const edge_attribute_name = computed({
-    get: () => dataStyleStore.meshEdgesEdgeAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesEdgeAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const edge_attribute_range = computed({
-    get: () => dataStyleStore.meshEdgesEdgeAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesEdgeAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const edge_attribute_color_map = computed({
-    get: () => dataStyleStore.meshEdgesEdgeAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesEdgeAttributeColorMap(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshEdgesVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const size = computed({
+  get: () => dataStyleStore.meshEdgesWidth(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesWidth(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshEdgesActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshEdgesColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshEdgesVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshEdgesVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshEdgesVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const edge_attribute_name = computed({
+  get: () => dataStyleStore.meshEdgesEdgeAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesEdgeAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const edge_attribute_range = computed({
+  get: () => dataStyleStore.meshEdgesEdgeAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesEdgeAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const edge_attribute_color_map = computed({
+  get: () => dataStyleStore.meshEdgesEdgeAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesEdgeAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 
 <template>
-  <ViewerContextMenuItem
-    :itemProps="itemProps"
-    tooltip="Edges options"
-    :btn_image="btn_image"
-  >
+  <ViewerContextMenuItem :itemProps="itemProps" tooltip="Edges options" :btn_image="btn_image">
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
       <template v-if="visibility">
diff --git a/app/components/Viewer/Generic/Mesh/PointsOptions.vue b/app/components/Viewer/Generic/Mesh/PointsOptions.vue
index cb9955a0..c098f274 100644
--- a/app/components/Viewer/Generic/Mesh/PointsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PointsOptions.vue
@@ -1,85 +1,74 @@
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps, btn_image } = defineProps({
-    itemProps: { type: Object, required: true },
-    btn_image: { type: String, required: true },
-  })
+const { itemProps, btn_image } = defineProps({
+  itemProps: { type: Object, required: true },
+  btn_image: { type: String, required: true },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshPointsVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const size = computed({
-    get: () => dataStyleStore.meshPointsSize(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsSize(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshPointsActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshPointsColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshPointsVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsVertexAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshPointsVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshPointsVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshPointsVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const size = computed({
+  get: () => dataStyleStore.meshPointsSize(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsSize(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshPointsActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshPointsColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshPointsVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshPointsVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPointsVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 
 <template>
-  <ViewerContextMenuItem
-    :itemProps="itemProps"
-    tooltip="Points options"
-    :btn_image="btn_image"
-  >
+  <ViewerContextMenuItem :itemProps="itemProps" tooltip="Points options" :btn_image="btn_image">
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
       <template v-if="visibility">
diff --git a/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue b/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue
index 05632f9d..69976067 100644
--- a/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue
@@ -1,120 +1,96 @@
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps, btn_image, tooltip } = defineProps({
-    itemProps: { type: Object, required: true },
-    btn_image: { type: String, required: true },
-    tooltip: { type: String, required: false, default: "Polygons options" },
-  })
+const { itemProps, btn_image, tooltip } = defineProps({
+  itemProps: { type: Object, required: true },
+  btn_image: { type: String, required: true },
+  tooltip: { type: String, required: false, default: "Polygons options" },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshPolygonsVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshPolygonsActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshPolygonsColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const textures = computed({
-    get: () => dataStyleStore.meshPolygonsTextures(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsTextures(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshPolygonsVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsVertexAttributeName(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshPolygonsVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshPolygonsVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polygon_attribute_name = computed({
-    get: () => dataStyleStore.meshPolygonsPolygonAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsPolygonAttributeName(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polygon_attribute_range = computed({
-    get: () => dataStyleStore.meshPolygonsPolygonAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsPolygonAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polygon_attribute_color_map = computed({
-    get: () => dataStyleStore.meshPolygonsPolygonAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsPolygonAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshPolygonsVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshPolygonsActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshPolygonsColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const textures = computed({
+  get: () => dataStyleStore.meshPolygonsTextures(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsTextures(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshPolygonsVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshPolygonsVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPolygonsVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polygon_attribute_name = computed({
+  get: () => dataStyleStore.meshPolygonsPolygonAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsPolygonAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polygon_attribute_range = computed({
+  get: () => dataStyleStore.meshPolygonsPolygonAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsPolygonAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polygon_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPolygonsPolygonAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsPolygonAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 
 <template>
-  <ViewerContextMenuItem
-    :itemProps="itemProps"
-    :tooltip="tooltip"
-    :btn_image="btn_image"
-  >
+  <ViewerContextMenuItem :itemProps="itemProps" :tooltip="tooltip" :btn_image="btn_image">
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
       <template v-if="visibility">
diff --git a/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue b/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue
index a59dd5f6..895e47ee 100644
--- a/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue
@@ -1,114 +1,93 @@
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps, btn_image, tooltip } = defineProps({
-    itemProps: { type: Object, required: true },
-    btn_image: { type: String, required: true },
-    tooltip: { type: String, required: false, default: "Polyhedra options" },
-  })
+const { itemProps, btn_image, tooltip } = defineProps({
+  itemProps: { type: Object, required: true },
+  btn_image: { type: String, required: true },
+  tooltip: { type: String, required: false, default: "Polyhedra options" },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshPolyhedraVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshPolyhedraActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshPolyhedraColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshPolyhedraVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraVertexAttributeName(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshPolyhedraVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshPolyhedraVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polyhedron_attribute_name = computed({
-    get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraPolyhedronAttributeName(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polyhedron_attribute_range = computed({
-    get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraPolyhedronAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polyhedron_attribute_color_map = computed({
-    get: () =>
-      dataStyleStore.meshPolyhedraPolyhedronAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraPolyhedronAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshPolyhedraVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshPolyhedraActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshPolyhedraColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshPolyhedraVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshPolyhedraVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPolyhedraVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polyhedron_attribute_name = computed({
+  get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraPolyhedronAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polyhedron_attribute_range = computed({
+  get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraPolyhedronAttributeRange(
+      id.value,
+      newValue[0],
+      newValue[1],
+    );
+    hybridViewerStore.remoteRender();
+  },
+});
+const polyhedron_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraPolyhedronAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 
 <template>
-  <ViewerContextMenuItem
-    :itemProps="itemProps"
-    :tooltip="tooltip"
-    :btn_image="btn_image"
-  >
+  <ViewerContextMenuItem :itemProps="itemProps" :tooltip="tooltip" :btn_image="btn_image">
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
       <template v-if="visibility">
@@ -121,9 +100,7 @@
           v-model:vertex_attribute_color_map="vertex_attribute_color_map"
           v-model:polyhedron_attribute_name="polyhedron_attribute_name"
           v-model:polyhedron_attribute_range="polyhedron_attribute_range"
-          v-model:polyhedron_attribute_color_map="
-            polyhedron_attribute_color_map
-          "
+          v-model:polyhedron_attribute_color_map="polyhedron_attribute_color_map"
         />
       </template>
     </template>
diff --git a/app/components/Viewer/Generic/Model/EdgesOptions.vue b/app/components/Viewer/Generic/Model/EdgesOptions.vue
index 633075cd..9bd2201c 100644
--- a/app/components/Viewer/Generic/Model/EdgesOptions.vue
+++ b/app/components/Viewer/Generic/Model/EdgesOptions.vue
@@ -1,35 +1,31 @@
 <script setup>
-  import SurfaceEdges from "@ogw_front/assets/viewer_svgs/surface_edges.svg"
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import SurfaceEdges from "@ogw_front/assets/viewer_svgs/surface_edges.svg";
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.modelEdgesVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setModelEdgesVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.modelEdgesVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setModelEdgesVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 
 <template>
-  <ViewerContextMenuItem
-    :itemProps="itemProps"
-    tooltip="Edges options"
-    :btn_image="SurfaceEdges"
-  >
+  <ViewerContextMenuItem :itemProps="itemProps" tooltip="Edges options" :btn_image="SurfaceEdges">
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
     </template>
diff --git a/app/components/Viewer/Generic/Model/PointsOptions.vue b/app/components/Viewer/Generic/Model/PointsOptions.vue
index bafd92fb..bbd728ff 100644
--- a/app/components/Viewer/Generic/Model/PointsOptions.vue
+++ b/app/components/Viewer/Generic/Model/PointsOptions.vue
@@ -1,42 +1,38 @@
 <script setup>
-  import SurfacePoints from "@ogw_front/assets/viewer_svgs/surface_points.svg"
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import SurfacePoints from "@ogw_front/assets/viewer_svgs/surface_points.svg";
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.modelPointsVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setModelPointsVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const size = computed({
-    get: () => dataStyleStore.modelPointsSize(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setModelPointsSize(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.modelPointsVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setModelPointsVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const size = computed({
+  get: () => dataStyleStore.modelPointsSize(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setModelPointsSize(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 
 <template>
-  <ViewerContextMenuItem
-    :itemProps="itemProps"
-    tooltip="Points options"
-    :btn_image="SurfacePoints"
-  >
+  <ViewerContextMenuItem :itemProps="itemProps" tooltip="Points options" :btn_image="SurfacePoints">
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
       <template v-if="visibility">
diff --git a/app/components/Viewer/Grid/2D/CellsOptions.vue b/app/components/Viewer/Grid/2D/CellsOptions.vue
index f69f25ac..076b804b 100644
--- a/app/components/Viewer/Grid/2D/CellsOptions.vue
+++ b/app/components/Viewer/Grid/2D/CellsOptions.vue
@@ -1,10 +1,10 @@
 <script setup>
-  import Grid2D_Cells from "@ogw_front/assets/viewer_svgs/grid_2d_cells.svg"
-  import ViewerGenericMeshCellsOptions from "@ogw_front/components/Viewer/Generic/Mesh/CellsOptions"
+import Grid2D_Cells from "@ogw_front/assets/viewer_svgs/grid_2d_cells.svg";
+import ViewerGenericMeshCellsOptions from "@ogw_front/components/Viewer/Generic/Mesh/CellsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
diff --git a/app/components/Viewer/Grid/2D/EdgesOptions.vue b/app/components/Viewer/Grid/2D/EdgesOptions.vue
index 78950f55..dc62d07a 100644
--- a/app/components/Viewer/Grid/2D/EdgesOptions.vue
+++ b/app/components/Viewer/Grid/2D/EdgesOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import Grid2D_Edges from "@ogw_front/assets/viewer_svgs/grid_2d_edges.svg"
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
+import Grid2D_Edges from "@ogw_front/assets/viewer_svgs/grid_2d_edges.svg";
+import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshEdgesOptions
-    :itemProps="itemProps"
-    :btn_image="Grid2D_Edges"
-  />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="Grid2D_Edges" />
 </template>
diff --git a/app/components/Viewer/Grid/2D/PointsOptions.vue b/app/components/Viewer/Grid/2D/PointsOptions.vue
index eb3d20a4..f970998d 100644
--- a/app/components/Viewer/Grid/2D/PointsOptions.vue
+++ b/app/components/Viewer/Grid/2D/PointsOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import Grid2D_Points from "@ogw_front/assets/viewer_svgs/grid_2d_points.svg"
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
+import Grid2D_Points from "@ogw_front/assets/viewer_svgs/grid_2d_points.svg";
+import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshPointsOptions
-    :itemProps="itemProps"
-    :btn_image="Grid2D_Points"
-  />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="Grid2D_Points" />
 </template>
diff --git a/app/components/Viewer/Grid/3D/CellsOptions.vue b/app/components/Viewer/Grid/3D/CellsOptions.vue
index 66896ed7..22a498e1 100644
--- a/app/components/Viewer/Grid/3D/CellsOptions.vue
+++ b/app/components/Viewer/Grid/3D/CellsOptions.vue
@@ -1,10 +1,10 @@
 <script setup>
-  import Grid3DCells from "@ogw_front/assets/viewer_svgs/grid_3d_cells.svg"
-  import ViewerGenericMeshCellsOptions from "@ogw_front/components/Viewer/Generic/Mesh/CellsOptions"
+import Grid3DCells from "@ogw_front/assets/viewer_svgs/grid_3d_cells.svg";
+import ViewerGenericMeshCellsOptions from "@ogw_front/components/Viewer/Generic/Mesh/CellsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
diff --git a/app/components/Viewer/Grid/3D/EdgesOptions.vue b/app/components/Viewer/Grid/3D/EdgesOptions.vue
index d305adc7..ca44df68 100644
--- a/app/components/Viewer/Grid/3D/EdgesOptions.vue
+++ b/app/components/Viewer/Grid/3D/EdgesOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import Grid3D_Edges from "@ogw_front/assets/viewer_svgs/grid_3d_edges.svg"
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
+import Grid3D_Edges from "@ogw_front/assets/viewer_svgs/grid_3d_edges.svg";
+import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshEdgesOptions
-    :itemProps="itemProps"
-    :btn_image="Grid3D_Edges"
-  />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="Grid3D_Edges" />
 </template>
diff --git a/app/components/Viewer/Grid/3D/FacetsOptions.vue b/app/components/Viewer/Grid/3D/FacetsOptions.vue
index 974a9893..c65c089a 100644
--- a/app/components/Viewer/Grid/3D/FacetsOptions.vue
+++ b/app/components/Viewer/Grid/3D/FacetsOptions.vue
@@ -1,10 +1,10 @@
 <script setup>
-  import Grid3D_Facets from "@ogw_front/assets/viewer_svgs/grid_3d_facets.svg"
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
+import Grid3D_Facets from "@ogw_front/assets/viewer_svgs/grid_3d_facets.svg";
+import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
diff --git a/app/components/Viewer/Grid/3D/PointsOptions.vue b/app/components/Viewer/Grid/3D/PointsOptions.vue
index 923b9de0..f957e4d8 100644
--- a/app/components/Viewer/Grid/3D/PointsOptions.vue
+++ b/app/components/Viewer/Grid/3D/PointsOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import Grid3D_Points from "@ogw_front/assets/viewer_svgs/grid_3d_points.svg"
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
+import Grid3D_Points from "@ogw_front/assets/viewer_svgs/grid_3d_points.svg";
+import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshPointsOptions
-    :itemProps="itemProps"
-    :btn_image="Grid3D_Points"
-  />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="Grid3D_Points" />
 </template>
diff --git a/app/components/Viewer/HybridSolid/EdgesOptions.vue b/app/components/Viewer/HybridSolid/EdgesOptions.vue
index 35eda702..3bf505cd 100644
--- a/app/components/Viewer/HybridSolid/EdgesOptions.vue
+++ b/app/components/Viewer/HybridSolid/EdgesOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import HybridSolidEdges from "@ogw_front/assets/viewer_svgs/solid_edges.svg"
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
+import HybridSolidEdges from "@ogw_front/assets/viewer_svgs/solid_edges.svg";
+import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshEdgesOptions
-    :itemProps="itemProps"
-    :btn_image="HybridSolidEdges"
-  />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="HybridSolidEdges" />
 </template>
diff --git a/app/components/Viewer/HybridSolid/PointsOptions.vue b/app/components/Viewer/HybridSolid/PointsOptions.vue
index 8c69f9b9..cb1576a3 100644
--- a/app/components/Viewer/HybridSolid/PointsOptions.vue
+++ b/app/components/Viewer/HybridSolid/PointsOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import HybridSolidPoints from "@ogw_front/assets/viewer_svgs/solid_points.svg"
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
+import HybridSolidPoints from "@ogw_front/assets/viewer_svgs/solid_points.svg";
+import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshPointsOptions
-    :itemProps="itemProps"
-    :btn_image="HybridSolidPoints"
-  />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="HybridSolidPoints" />
 </template>
diff --git a/app/components/Viewer/HybridSolid/PolygonsOptions.vue b/app/components/Viewer/HybridSolid/PolygonsOptions.vue
index 1a1dfda8..a029a9b0 100644
--- a/app/components/Viewer/HybridSolid/PolygonsOptions.vue
+++ b/app/components/Viewer/HybridSolid/PolygonsOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import HybridSolidPolygons from "@ogw_front/assets/viewer_svgs/solid_facets.svg"
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
+import HybridSolidPolygons from "@ogw_front/assets/viewer_svgs/solid_facets.svg";
+import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshPolygonsOptions
-    :itemProps="itemProps"
-    :btn_image="HybridSolidPolygons"
-  />
+  <ViewerGenericMeshPolygonsOptions :itemProps="itemProps" :btn_image="HybridSolidPolygons" />
 </template>
diff --git a/app/components/Viewer/HybridSolid/PolyhedraOptions.vue b/app/components/Viewer/HybridSolid/PolyhedraOptions.vue
index 3b4786c0..1165b295 100644
--- a/app/components/Viewer/HybridSolid/PolyhedraOptions.vue
+++ b/app/components/Viewer/HybridSolid/PolyhedraOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import HybridSolidPolyhedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg"
-  import ViewerGenericMeshPolyhedraOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolyhedraOptions"
+import HybridSolidPolyhedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg";
+import ViewerGenericMeshPolyhedraOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolyhedraOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshPolyhedraOptions
-    :itemProps="itemProps"
-    :btn_image="HybridSolidPolyhedra"
-  />
+  <ViewerGenericMeshPolyhedraOptions :itemProps="itemProps" :btn_image="HybridSolidPolyhedra" />
 </template>
diff --git a/app/components/Viewer/Options/AttributeColorBar.vue b/app/components/Viewer/Options/AttributeColorBar.vue
index d4340a3f..c3e82411 100644
--- a/app/components/Viewer/Options/AttributeColorBar.vue
+++ b/app/components/Viewer/Options/AttributeColorBar.vue
@@ -1,11 +1,11 @@
 <script setup>
-  import ColorMapPicker from "./ColorMapPicker.vue"
+import ColorMapPicker from "./ColorMapPicker.vue";
 
-  const emit = defineEmits(["reset"])
+const emit = defineEmits(["reset"]);
 
-  const minimum = defineModel("minimum", { type: Number })
-  const maximum = defineModel("maximum", { type: Number })
-  const colorMap = defineModel("colorMap", { type: String })
+const minimum = defineModel("minimum", { type: Number });
+const maximum = defineModel("maximum", { type: Number });
+const colorMap = defineModel("colorMap", { type: String });
 </script>
 
 <template>
@@ -50,7 +50,7 @@
 </template>
 
 <style scoped>
-  .attribute-colorbar {
-    width: 100%;
-  }
+.attribute-colorbar {
+  width: 100%;
+}
 </style>
diff --git a/app/components/Viewer/Options/AttributeSelector.vue b/app/components/Viewer/Options/AttributeSelector.vue
index c35f7e03..543d99e5 100644
--- a/app/components/Viewer/Options/AttributeSelector.vue
+++ b/app/components/Viewer/Options/AttributeSelector.vue
@@ -1,96 +1,91 @@
 <script setup>
-  import ViewerOptionsAttributeColorBar from "@ogw_front/components/Viewer/Options/AttributeColorBar.vue"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
+import ViewerOptionsAttributeColorBar from "@ogw_front/components/Viewer/Options/AttributeColorBar.vue";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-  const geodeStore = useGeodeStore()
+const geodeStore = useGeodeStore();
 
-  const name = defineModel("name", { type: String })
-  const range = defineModel("range", { type: Array })
-  const colorMap = defineModel("colorMap", { type: String })
+const name = defineModel("name", { type: String });
+const range = defineModel("range", { type: Array });
+const colorMap = defineModel("colorMap", { type: String });
 
-  const { id, schema } = defineProps({
-    id: { type: String, required: true },
-    schema: { type: Object, required: true },
-  })
+const { id, schema } = defineProps({
+  id: { type: String, required: true },
+  schema: { type: Object, required: true },
+});
 
-  const attributes = ref([])
+const attributes = ref([]);
 
-  const rangeMin = computed({
-    get: () => (range.value ? range.value[0] : undefined),
-    set: (val) => {
-      const currentMax = range.value ? range.value[1] : undefined
-      let newMin = val
-      if (currentMax !== undefined && val > currentMax) {
-        newMin = currentMax
-      }
-      range.value = [newMin, currentMax]
-    },
-  })
-  const rangeMax = computed({
-    get: () => (range.value ? range.value[1] : undefined),
-    set: (val) => {
-      const currentMin = range.value ? range.value[0] : undefined
-      let newMax = val
-      if (currentMin !== undefined && val < currentMin) {
-        newMax = currentMin
-      }
-      range.value = [currentMin, newMax]
-    },
-  })
+const rangeMin = computed({
+  get: () => (range.value ? range.value[0] : undefined),
+  set: (val) => {
+    const currentMax = range.value ? range.value[1] : undefined;
+    let newMin = val;
+    if (currentMax !== undefined && val > currentMax) {
+      newMin = currentMax;
+    }
+    range.value = [newMin, currentMax];
+  },
+});
+const rangeMax = computed({
+  get: () => (range.value ? range.value[1] : undefined),
+  set: (val) => {
+    const currentMin = range.value ? range.value[0] : undefined;
+    let newMax = val;
+    if (currentMin !== undefined && val < currentMin) {
+      newMax = currentMin;
+    }
+    range.value = [currentMin, newMax];
+  },
+});
 
-  const currentAttribute = computed(() =>
-    attributes.value.find((attr) => attr.attribute_name === name.value),
-  )
+const currentAttribute = computed(() =>
+  attributes.value.find((attr) => attr.attribute_name === name.value),
+);
 
-  function resetRange() {
-    if (currentAttribute.value) {
-      range.value = [
-        currentAttribute.value.min_value,
-        currentAttribute.value.max_value,
-      ]
-    }
+function resetRange() {
+  if (currentAttribute.value) {
+    range.value = [currentAttribute.value.min_value, currentAttribute.value.max_value];
   }
+}
 
-  function getAttributes() {
-    geodeStore.request(
-      schema,
-      { id },
-      {
-        response_function: (response) => {
-          attributes.value = response.attributes
-        },
+function getAttributes() {
+  geodeStore.request(
+    schema,
+    { id },
+    {
+      response_function: (response) => {
+        attributes.value = response.attributes;
       },
-    )
-  }
+    },
+  );
+}
 
-  onMounted(() => {
-    getAttributes()
-  })
+onMounted(() => {
+  getAttributes();
+});
 
-  watch(
-    () => [id, schema],
-    () => {
-      getAttributes()
-    },
-  )
+watch(
+  () => [id, schema],
+  () => {
+    getAttributes();
+  },
+);
 
-  watch(
-    () => [name.value, attributes.value],
-    () => {
-      if (
-        name.value &&
-        attributes.value.length > 0 &&
-        (range.value === undefined ||
-          range.value[0] === undefined ||
-          colorMap.value === undefined)
-      ) {
-        resetRange()
-        if (colorMap.value === undefined) {
-          colorMap.value = "Cool to Warm"
-        }
+watch(
+  () => [name.value, attributes.value],
+  () => {
+    if (
+      name.value &&
+      attributes.value.length > 0 &&
+      (range.value === undefined || range.value[0] === undefined || colorMap.value === undefined)
+    ) {
+      resetRange();
+      if (colorMap.value === undefined) {
+        colorMap.value = "Cool to Warm";
       }
-    },
-  )
+    }
+  },
+);
 </script>
 
 <template>
diff --git a/app/components/Viewer/Options/ColorMapList.vue b/app/components/Viewer/Options/ColorMapList.vue
index dcfcb968..ae518730 100644
--- a/app/components/Viewer/Options/ColorMapList.vue
+++ b/app/components/Viewer/Options/ColorMapList.vue
@@ -1,127 +1,117 @@
 <script setup>
-  import vtkColorMaps from "@kitware/vtk.js/Rendering/Core/ColorTransferFunction/ColorMaps"
-  import { newInstance as vtkColorTransferFunction } from "@kitware/vtk.js/Rendering/Core/ColorTransferFunction"
+import vtkColorMaps from "@kitware/vtk.js/Rendering/Core/ColorTransferFunction/ColorMaps";
+import { newInstance as vtkColorTransferFunction } from "@kitware/vtk.js/Rendering/Core/ColorTransferFunction";
 
-  const LAST_POINT_OFFSET = 4
-  const THREE = 3
-  const CHUNK_SIZE = 5
+const LAST_POINT_OFFSET = 4;
+const THREE = 3;
+const CHUNK_SIZE = 5;
 
-  const { presets } = defineProps({
-    presets: { type: Array, required: true },
-  })
+const { presets } = defineProps({
+  presets: { type: Array, required: true },
+});
 
-  const emit = defineEmits(["select"])
+const emit = defineEmits(["select"]);
 
-  const filterText = ref("")
-  const canvasRefs = ref({})
-  const loading = ref(true)
-  const renderJobId = ref(0)
+const filterText = ref("");
+const canvasRefs = ref({});
+const loading = ref(true);
+const renderJobId = ref(0);
 
-  function setCanvasRef(presetName, element, id) {
-    if (element) {
-      canvasRefs.value[id] = { element, presetName }
-    } else {
-      delete canvasRefs.value[id]
-    }
+function setCanvasRef(presetName, element, id) {
+  if (element) {
+    canvasRefs.value[id] = { element, presetName };
+  } else {
+    delete canvasRefs.value[id];
   }
+}
 
-  const filteredPresets = computed(() => {
-    if (!filterText.value) {
-      return presets
-    }
-    const term = filterText.value.toLowerCase()
-
-    const result = []
-    for (const item of presets) {
-      if (item.Children) {
-        const children = item.Children.filter((child) =>
-          child.Name.toLowerCase().includes(term),
-        )
-        if (children.length > 0) {
-          result.push({ ...item, Children: children })
-        }
-      } else if (item.Name.toLowerCase().includes(term)) {
-        result.push(item)
-      }
-    }
-    return result
-  })
-
-  function drawPresetCanvas(presetName, canvas) {
-    if (!canvas) {
-      return
-    }
-    const preset = vtkColorMaps.getPresetByName(presetName)
-    if (!preset || !preset.RGBPoints) {
-      return
-    }
-    const ctx = canvas.getContext("2d")
-    const { height, width } = canvas
-    const lut = vtkColorTransferFunction()
-    const rgbPoints = preset.RGBPoints
-    for (let pointIdx = 0; pointIdx < rgbPoints.length; pointIdx += 4) {
-      lut.addRGBPoint(
-        rgbPoints[pointIdx],
-        rgbPoints[pointIdx + 1],
-        rgbPoints[pointIdx + 2],
-        rgbPoints[pointIdx + THREE],
-      )
-    }
-    const table = lut.getUint8Table(
-      rgbPoints[0],
-      rgbPoints.at(-LAST_POINT_OFFSET),
-      width,
-      true,
-    )
-    const imageData = ctx.createImageData(width, height)
-    for (let xCoord = 0; xCoord < width; xCoord += 1) {
-      const alpha = table[xCoord * 4 + THREE],
-        blue = table[xCoord * 4 + 2],
-        green = table[xCoord * 4 + 1],
-        red = table[xCoord * 4]
-      for (let yCoord = 0; yCoord < height; yCoord += 1) {
-        const pixelIdx = (yCoord * width + xCoord) * 4
-        imageData.data[pixelIdx] = red
-        imageData.data[pixelIdx + 1] = green
-        imageData.data[pixelIdx + 2] = blue
-        imageData.data[pixelIdx + THREE] = alpha
+const filteredPresets = computed(() => {
+  if (!filterText.value) {
+    return presets;
+  }
+  const term = filterText.value.toLowerCase();
+
+  const result = [];
+  for (const item of presets) {
+    if (item.Children) {
+      const children = item.Children.filter((child) => child.Name.toLowerCase().includes(term));
+      if (children.length > 0) {
+        result.push({ ...item, Children: children });
       }
+    } else if (item.Name.toLowerCase().includes(term)) {
+      result.push(item);
     }
-    ctx.putImageData(imageData, 0, 0)
   }
+  return result;
+});
 
-  function processChunk(entries, index, jobId) {
-    if (jobId !== renderJobId.value || index >= entries.length) {
-      if (jobId === renderJobId.value) {
-        loading.value = false
-      }
-      return
+function drawPresetCanvas(presetName, canvas) {
+  if (!canvas) {
+    return;
+  }
+  const preset = vtkColorMaps.getPresetByName(presetName);
+  if (!preset || !preset.RGBPoints) {
+    return;
+  }
+  const ctx = canvas.getContext("2d");
+  const { height, width } = canvas;
+  const lut = vtkColorTransferFunction();
+  const rgbPoints = preset.RGBPoints;
+  for (let pointIdx = 0; pointIdx < rgbPoints.length; pointIdx += 4) {
+    lut.addRGBPoint(
+      rgbPoints[pointIdx],
+      rgbPoints[pointIdx + 1],
+      rgbPoints[pointIdx + 2],
+      rgbPoints[pointIdx + THREE],
+    );
+  }
+  const table = lut.getUint8Table(rgbPoints[0], rgbPoints.at(-LAST_POINT_OFFSET), width, true);
+  const imageData = ctx.createImageData(width, height);
+  for (let xCoord = 0; xCoord < width; xCoord += 1) {
+    const alpha = table[xCoord * 4 + THREE],
+      blue = table[xCoord * 4 + 2],
+      green = table[xCoord * 4 + 1],
+      red = table[xCoord * 4];
+    for (let yCoord = 0; yCoord < height; yCoord += 1) {
+      const pixelIdx = (yCoord * width + xCoord) * 4;
+      imageData.data[pixelIdx] = red;
+      imageData.data[pixelIdx + 1] = green;
+      imageData.data[pixelIdx + 2] = blue;
+      imageData.data[pixelIdx + THREE] = alpha;
     }
+  }
+  ctx.putImageData(imageData, 0, 0);
+}
 
-    const end = Math.min(index + CHUNK_SIZE, entries.length)
-    for (let i = index; i < end; i += 1) {
-      const [unusedKey, refValue] = entries[i]
-      drawPresetCanvas(refValue.presetName, refValue.element)
+function processChunk(entries, index, jobId) {
+  if (jobId !== renderJobId.value || index >= entries.length) {
+    if (jobId === renderJobId.value) {
+      loading.value = false;
     }
-    const ZERO = 0
-    setTimeout(() => processChunk(entries, end, jobId), ZERO)
+    return;
   }
 
-  function drawAllCanvases() {
-    renderJobId.value += 1
-    const jobId = renderJobId.value
-    loading.value = true
-    nextTick(() => {
-      const WAIT_MS = 50
-      setTimeout(
-        () => processChunk(Object.entries(canvasRefs.value), 0, jobId),
-        WAIT_MS,
-      )
-    })
+  const end = Math.min(index + CHUNK_SIZE, entries.length);
+  for (let i = index; i < end; i += 1) {
+    const [unusedKey, refValue] = entries[i];
+    drawPresetCanvas(refValue.presetName, refValue.element);
   }
-
-  onMounted(drawAllCanvases)
-  watch(filteredPresets, drawAllCanvases)
+  const ZERO = 0;
+  setTimeout(() => processChunk(entries, end, jobId), ZERO);
+}
+
+function drawAllCanvases() {
+  renderJobId.value += 1;
+  const jobId = renderJobId.value;
+  loading.value = true;
+  nextTick(() => {
+    const WAIT_MS = 50;
+    setTimeout(() => processChunk(Object.entries(canvasRefs.value), 0, jobId), WAIT_MS);
+  });
+}
+
+onMounted(drawAllCanvases);
+watch(filteredPresets, drawAllCanvases);
 </script>
 
 <template>
@@ -166,11 +156,7 @@
       <template v-for="(item, index) in filteredPresets" :key="index">
         <v-list-group v-if="item.Children" :value="item.Name">
           <template #activator="{ props: gProps }">
-            <v-list-item
-              v-bind="gProps"
-              :title="item.Name"
-              class="text-white font-weight-bold"
-            />
+            <v-list-item v-bind="gProps" :title="item.Name" class="text-white font-weight-bold" />
           </template>
 
           <v-list-item
@@ -181,13 +167,9 @@
             rounded="md"
           >
             <div class="d-flex flex-column py-1">
-              <span class="text-caption text-grey-lighten-1 mb-1">{{
-                child.Name
-              }}</span>
+              <span class="text-caption text-grey-lighten-1 mb-1">{{ child.Name }}</span>
               <canvas
-                :ref="
-                  (el) => setCanvasRef(child.Name, el, `g-${index}-${cIdx}`)
-                "
+                :ref="(el) => setCanvasRef(child.Name, el, `g-${index}-${cIdx}`)"
                 width="200"
                 height="18"
                 class="w-100 rounded-xs border-thin"
@@ -196,16 +178,9 @@
           </v-list-item>
         </v-list-group>
 
-        <v-list-item
-          v-else
-          @click="emit('select', item)"
-          class="px-2 mb-1"
-          rounded="md"
-        >
+        <v-list-item v-else @click="emit('select', item)" class="px-2 mb-1" rounded="md">
           <div class="d-flex flex-column py-1">
-            <span class="text-caption text-grey-lighten-1 mb-1">{{
-              item.Name
-            }}</span>
+            <span class="text-caption text-grey-lighten-1 mb-1">{{ item.Name }}</span>
             <canvas
               :ref="(el) => setCanvasRef(item.Name, el, `s-${index}`)"
               width="200"
@@ -220,18 +195,18 @@
 </template>
 
 <style scoped>
-  .blur-card {
-    background-color: rgba(35, 35, 35, 0.8) !important;
-    backdrop-filter: blur(16px);
-    -webkit-backdrop-filter: blur(16px);
-    border-color: rgba(255, 255, 255, 0.1) !important;
-  }
-
-  .border-thin {
-    border: 1px solid rgba(255, 255, 255, 0.15) !important;
-  }
-
-  .v-list-item {
-    background-color: rgba(255, 255, 255, 0.1) !important;
-  }
+.blur-card {
+  background-color: rgba(35, 35, 35, 0.8) !important;
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+  border-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+.border-thin {
+  border: 1px solid rgba(255, 255, 255, 0.15) !important;
+}
+
+.v-list-item {
+  background-color: rgba(255, 255, 255, 0.1) !important;
+}
 </style>
diff --git a/app/components/Viewer/Options/ColorMapPicker.vue b/app/components/Viewer/Options/ColorMapPicker.vue
index 87651175..d1b06d78 100644
--- a/app/components/Viewer/Options/ColorMapPicker.vue
+++ b/app/components/Viewer/Options/ColorMapPicker.vue
@@ -1,131 +1,122 @@
 <script setup>
-  import ColorMapList from "./ColorMapList.vue"
-  import { newInstance } from "@kitware/vtk.js/Rendering/Core/ColorTransferFunction"
-  import vtkColorMaps from "@kitware/vtk.js/Rendering/Core/ColorTransferFunction/ColorMaps"
-
-  const LAST_POINT_OFFSET = 4
-  const THREE = 3
-
-  const { max, min, modelValue } = defineProps({
-    modelValue: { type: String, default: "Cool to Warm" },
-    min: { type: Number, required: true },
-    max: { type: Number, required: true },
-  })
-
-  const emit = defineEmits(["update:modelValue"])
-
-  const menuOpen = ref(false)
-  const lutCanvas = ref()
-  const selectedPresetName = ref(modelValue)
-
-  const presets = computed(() => {
-    const allPresets = vtkColorMaps.rgbPresetNames.map((name) =>
-      vtkColorMaps.getPresetByName(name),
-    )
-
-    const defaultPreset = vtkColorMaps.getPresetByName("Cool to Warm")
-
-    const paraviewNames = [
-      "Cool to Warm",
-      "Warm to Cool",
-      "rainbow",
-      "Grayscale",
-      "X Ray",
-      "Black-Body Radiation",
-      "erdc_rainbow_bright",
-    ]
-    const matplotlibNames = [
-      "Viridis (matplotlib)",
-      "Plasma (matplotlib)",
-      "Inferno (matplotlib)",
-      "Magma (matplotlib)",
-    ]
-
-    const paraviewPresets = paraviewNames
-      .map((name) => vtkColorMaps.getPresetByName(name))
-      .filter(Boolean)
-    const matplotlibPresets = matplotlibNames
-      .map((name) => vtkColorMaps.getPresetByName(name))
-      .filter(Boolean)
-    const otherPresets = allPresets.filter(
-      (preset) =>
-        !paraviewNames.includes(preset.Name) &&
-        !matplotlibNames.includes(preset.Name),
-    )
-
-    return [
-      defaultPreset,
-      { Name: "ParaView", Children: paraviewPresets },
-      { Name: "Matplotlib", Children: matplotlibPresets },
-      { Name: "Others", Children: otherPresets },
-    ]
-  })
-
-  function drawLutCanvas() {
-    if (!lutCanvas.value) {
-      return
-    }
-    const preset = vtkColorMaps.getPresetByName(selectedPresetName.value)
-    if (!preset || !preset.RGBPoints) {
-      return
-    }
-
-    const canvas = lutCanvas.value
-    const ctx = canvas.getContext("2d")
-    const { height, width } = canvas
+import ColorMapList from "./ColorMapList.vue";
+import { newInstance } from "@kitware/vtk.js/Rendering/Core/ColorTransferFunction";
+import vtkColorMaps from "@kitware/vtk.js/Rendering/Core/ColorTransferFunction/ColorMaps";
+
+const LAST_POINT_OFFSET = 4;
+const THREE = 3;
+
+const { max, min, modelValue } = defineProps({
+  modelValue: { type: String, default: "Cool to Warm" },
+  min: { type: Number, required: true },
+  max: { type: Number, required: true },
+});
+
+const emit = defineEmits(["update:modelValue"]);
+
+const menuOpen = ref(false);
+const lutCanvas = ref();
+const selectedPresetName = ref(modelValue);
+
+const presets = computed(() => {
+  const allPresets = vtkColorMaps.rgbPresetNames.map((name) => vtkColorMaps.getPresetByName(name));
+
+  const defaultPreset = vtkColorMaps.getPresetByName("Cool to Warm");
+
+  const paraviewNames = [
+    "Cool to Warm",
+    "Warm to Cool",
+    "rainbow",
+    "Grayscale",
+    "X Ray",
+    "Black-Body Radiation",
+    "erdc_rainbow_bright",
+  ];
+  const matplotlibNames = [
+    "Viridis (matplotlib)",
+    "Plasma (matplotlib)",
+    "Inferno (matplotlib)",
+    "Magma (matplotlib)",
+  ];
+
+  const paraviewPresets = paraviewNames
+    .map((name) => vtkColorMaps.getPresetByName(name))
+    .filter(Boolean);
+  const matplotlibPresets = matplotlibNames
+    .map((name) => vtkColorMaps.getPresetByName(name))
+    .filter(Boolean);
+  const otherPresets = allPresets.filter(
+    (preset) => !paraviewNames.includes(preset.Name) && !matplotlibNames.includes(preset.Name),
+  );
+
+  return [
+    defaultPreset,
+    { Name: "ParaView", Children: paraviewPresets },
+    { Name: "Matplotlib", Children: matplotlibPresets },
+    { Name: "Others", Children: otherPresets },
+  ];
+});
+
+function drawLutCanvas() {
+  if (!lutCanvas.value) {
+    return;
+  }
+  const preset = vtkColorMaps.getPresetByName(selectedPresetName.value);
+  if (!preset || !preset.RGBPoints) {
+    return;
+  }
 
-    const lut = newInstance()
-    const rgbPoints = preset.RGBPoints
+  const canvas = lutCanvas.value;
+  const ctx = canvas.getContext("2d");
+  const { height, width } = canvas;
 
-    for (let pointIdx = 0; pointIdx < rgbPoints.length; pointIdx += 4) {
-      lut.addRGBPoint(
-        rgbPoints[pointIdx],
-        rgbPoints[pointIdx + 1],
-        rgbPoints[pointIdx + 2],
-        rgbPoints[pointIdx + THREE],
-      )
-    }
+  const lut = newInstance();
+  const rgbPoints = preset.RGBPoints;
 
-    const table = lut.getUint8Table(
-      rgbPoints[0],
-      rgbPoints.at(-LAST_POINT_OFFSET),
-      width,
-      true,
-    )
-    const imageData = ctx.createImageData(width, height)
-
-    for (let xCoord = 0; xCoord < width; xCoord += 1) {
-      const red = table[xCoord * 4]
-      const green = table[xCoord * 4 + 1]
-      const blue = table[xCoord * 4 + 2]
-      const alpha = table[xCoord * 4 + THREE]
-      for (let yCoord = 0; yCoord < height; yCoord += 1) {
-        const pixelIdx = (yCoord * width + xCoord) * 4
-        imageData.data[pixelIdx] = red
-        imageData.data[pixelIdx + 1] = green
-        imageData.data[pixelIdx + 2] = blue
-        imageData.data[pixelIdx + THREE] = alpha
-      }
-    }
-    ctx.putImageData(imageData, 0, 0)
+  for (let pointIdx = 0; pointIdx < rgbPoints.length; pointIdx += 4) {
+    lut.addRGBPoint(
+      rgbPoints[pointIdx],
+      rgbPoints[pointIdx + 1],
+      rgbPoints[pointIdx + 2],
+      rgbPoints[pointIdx + THREE],
+    );
   }
 
-  function onSelectPreset(preset) {
-    selectedPresetName.value = preset.Name
-    emit("update:modelValue", preset.Name)
-    menuOpen.value = false
+  const table = lut.getUint8Table(rgbPoints[0], rgbPoints.at(-LAST_POINT_OFFSET), width, true);
+  const imageData = ctx.createImageData(width, height);
+
+  for (let xCoord = 0; xCoord < width; xCoord += 1) {
+    const red = table[xCoord * 4];
+    const green = table[xCoord * 4 + 1];
+    const blue = table[xCoord * 4 + 2];
+    const alpha = table[xCoord * 4 + THREE];
+    for (let yCoord = 0; yCoord < height; yCoord += 1) {
+      const pixelIdx = (yCoord * width + xCoord) * 4;
+      imageData.data[pixelIdx] = red;
+      imageData.data[pixelIdx + 1] = green;
+      imageData.data[pixelIdx + 2] = blue;
+      imageData.data[pixelIdx + THREE] = alpha;
+    }
   }
-
-  onMounted(() => nextTick(drawLutCanvas))
-  watch([lutCanvas, selectedPresetName, () => min, () => max], drawLutCanvas)
-  watch(
-    () => modelValue,
-    (newValue) => {
-      if (newValue !== selectedPresetName.value) {
-        selectedPresetName.value = newValue
-      }
-    },
-  )
+  ctx.putImageData(imageData, 0, 0);
+}
+
+function onSelectPreset(preset) {
+  selectedPresetName.value = preset.Name;
+  emit("update:modelValue", preset.Name);
+  menuOpen.value = false;
+}
+
+onMounted(() => nextTick(drawLutCanvas));
+watch([lutCanvas, selectedPresetName, () => min, () => max], drawLutCanvas);
+watch(
+  () => modelValue,
+  (newValue) => {
+    if (newValue !== selectedPresetName.value) {
+      selectedPresetName.value = newValue;
+    }
+  },
+);
 </script>
 
 <template>
@@ -142,12 +133,7 @@
         <span class="text-caption text-white font-weight-medium">
           {{ selectedPresetName }}
         </span>
-        <canvas
-          ref="lutCanvas"
-          width="200"
-          height="18"
-          class="w-100 rounded-xs border-thin"
-        />
+        <canvas ref="lutCanvas" width="200" height="18" class="w-100 rounded-xs border-thin" />
       </v-card>
     </template>
 
@@ -156,19 +142,19 @@
 </template>
 
 <style scoped>
-  .blur-picker {
-    background-color: rgba(40, 40, 40, 0.7) !important;
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
-    border-color: rgba(255, 255, 255, 0.2) !important;
-    transition: background-color 0.2s;
-  }
-
-  .blur-picker {
-    background-color: rgba(60, 60, 60, 0.9) !important;
-  }
-
-  .border-thin {
-    border: 1px solid rgba(255, 255, 255, 0.15) !important;
-  }
+.blur-picker {
+  background-color: rgba(40, 40, 40, 0.7) !important;
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  border-color: rgba(255, 255, 255, 0.2) !important;
+  transition: background-color 0.2s;
+}
+
+.blur-picker {
+  background-color: rgba(60, 60, 60, 0.9) !important;
+}
+
+.border-thin {
+  border: 1px solid rgba(255, 255, 255, 0.15) !important;
+}
 </style>
diff --git a/app/components/Viewer/Options/ColorPicker.vue b/app/components/Viewer/Options/ColorPicker.vue
index 8beba690..cead3408 100644
--- a/app/components/Viewer/Options/ColorPicker.vue
+++ b/app/components/Viewer/Options/ColorPicker.vue
@@ -1,15 +1,15 @@
 <script setup>
-  const colorPickerRef = useTemplateRef("colorPickerRef")
-  const model = defineModel()
-  const { pressed } = useMousePressed({ target: colorPickerRef })
+const colorPickerRef = useTemplateRef("colorPickerRef");
+const model = defineModel();
+const { pressed } = useMousePressed({ target: colorPickerRef });
 
-  const color = ref(model)
+const color = ref(model);
 
-  watch(pressed, (value) => {
-    if (!value) {
-      model.value = color.value
-    }
-  })
+watch(pressed, (value) => {
+  if (!value) {
+    model.value = color.value;
+  }
+});
 </script>
 
 <template>
diff --git a/app/components/Viewer/Options/ColoringTypeSelector.vue b/app/components/Viewer/Options/ColoringTypeSelector.vue
index 4a140cf6..53959bf0 100644
--- a/app/components/Viewer/Options/ColoringTypeSelector.vue
+++ b/app/components/Viewer/Options/ColoringTypeSelector.vue
@@ -1,102 +1,94 @@
 <script setup>
-  import ViewerOptionsAttributeSelector from "@ogw_front/components/Viewer/Options/AttributeSelector.vue"
-  import ViewerOptionsColorPicker from "@ogw_front/components/Viewer/Options/ColorPicker.vue"
-  import ViewerOptionsTexturesSelector from "@ogw_front/components/Viewer/Options/TexturesSelector.vue"
-  import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+import ViewerOptionsAttributeSelector from "@ogw_front/components/Viewer/Options/AttributeSelector.vue";
+import ViewerOptionsColorPicker from "@ogw_front/components/Viewer/Options/ColorPicker.vue";
+import ViewerOptionsTexturesSelector from "@ogw_front/components/Viewer/Options/TexturesSelector.vue";
+import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 
-  const coloring_style_key = defineModel("coloring_style_key")
+const coloring_style_key = defineModel("coloring_style_key");
 
-  const color = defineModel("color")
-  const textures = defineModel("textures")
+const color = defineModel("color");
+const textures = defineModel("textures");
 
-  const vertex_attribute_name = defineModel("vertex_attribute_name")
-  const vertex_attribute_range = defineModel("vertex_attribute_range")
-  const vertex_attribute_color_map = defineModel("vertex_attribute_color_map")
+const vertex_attribute_name = defineModel("vertex_attribute_name");
+const vertex_attribute_range = defineModel("vertex_attribute_range");
+const vertex_attribute_color_map = defineModel("vertex_attribute_color_map");
 
-  const edge_attribute_name = defineModel("edge_attribute_name")
-  const edge_attribute_range = defineModel("edge_attribute_range")
-  const edge_attribute_color_map = defineModel("edge_attribute_color_map")
+const edge_attribute_name = defineModel("edge_attribute_name");
+const edge_attribute_range = defineModel("edge_attribute_range");
+const edge_attribute_color_map = defineModel("edge_attribute_color_map");
 
-  const cell_attribute_name = defineModel("cell_attribute_name")
-  const cell_attribute_range = defineModel("cell_attribute_range")
-  const cell_attribute_color_map = defineModel("cell_attribute_color_map")
+const cell_attribute_name = defineModel("cell_attribute_name");
+const cell_attribute_range = defineModel("cell_attribute_range");
+const cell_attribute_color_map = defineModel("cell_attribute_color_map");
 
-  const polygon_attribute_name = defineModel("polygon_attribute_name")
-  const polygon_attribute_range = defineModel("polygon_attribute_range")
-  const polygon_attribute_color_map = defineModel("polygon_attribute_color_map")
+const polygon_attribute_name = defineModel("polygon_attribute_name");
+const polygon_attribute_range = defineModel("polygon_attribute_range");
+const polygon_attribute_color_map = defineModel("polygon_attribute_color_map");
 
-  const polyhedron_attribute_name = defineModel("polyhedron_attribute_name")
-  const polyhedron_attribute_range = defineModel("polyhedron_attribute_range")
-  const polyhedron_attribute_color_map = defineModel(
-    "polyhedron_attribute_color_map",
-  )
+const polyhedron_attribute_name = defineModel("polyhedron_attribute_name");
+const polyhedron_attribute_range = defineModel("polyhedron_attribute_range");
+const polyhedron_attribute_color_map = defineModel("polyhedron_attribute_color_map");
 
-  const { id } = defineProps({
-    id: { type: String, required: true },
-  })
+const { id } = defineProps({
+  id: { type: String, required: true },
+});
 
-  const has_color = computed(() => color.value !== undefined)
-  const has_textures = computed(() => textures.value !== undefined)
-  const has_vertex = computed(() => vertex_attribute_range.value !== undefined)
-  const has_edge = computed(() => edge_attribute_range.value !== undefined)
-  const has_cells = computed(() => cell_attribute_range.value !== undefined)
-  const has_polygons = computed(
-    () => polygon_attribute_range.value !== undefined,
-  )
-  const has_polyhedra = computed(
-    () => polyhedron_attribute_range.value !== undefined,
-  )
+const has_color = computed(() => color.value !== undefined);
+const has_textures = computed(() => textures.value !== undefined);
+const has_vertex = computed(() => vertex_attribute_range.value !== undefined);
+const has_edge = computed(() => edge_attribute_range.value !== undefined);
+const has_cells = computed(() => cell_attribute_range.value !== undefined);
+const has_polygons = computed(() => polygon_attribute_range.value !== undefined);
+const has_polyhedra = computed(() => polyhedron_attribute_range.value !== undefined);
 
-  const color_dict = { name: "Color", value: "color" }
-  const textures_dict = { name: "Textures", value: "textures" }
-  const vertex_dict = { name: "Vertex attribute", value: "vertex" }
-  const edge_dict = { name: "Edge attribute", value: "edge" }
-  const cell_dict = { name: "Cell attribute", value: "cell" }
-  const polygon_dict = { name: "Polygon attribute", value: "polygon" }
-  const polyhedron_dict = {
-    name: "Polyhedron attribute",
-    value: "polyhedron",
+const color_dict = { name: "Color", value: "color" };
+const textures_dict = { name: "Textures", value: "textures" };
+const vertex_dict = { name: "Vertex attribute", value: "vertex" };
+const edge_dict = { name: "Edge attribute", value: "edge" };
+const cell_dict = { name: "Cell attribute", value: "cell" };
+const polygon_dict = { name: "Polygon attribute", value: "polygon" };
+const polyhedron_dict = {
+  name: "Polyhedron attribute",
+  value: "polyhedron",
+};
+const coloring_styles = computed(() => {
+  const array = [];
+  if (has_color.value) {
+    array.push(color_dict);
+  }
+  if (has_textures.value) {
+    array.push(textures_dict);
+  }
+  if (has_vertex.value) {
+    array.push(vertex_dict);
+  }
+  if (has_edge.value) {
+    array.push(edge_dict);
+  }
+  if (has_cells.value) {
+    array.push(cell_dict);
+  }
+  if (has_polygons.value) {
+    array.push(polygon_dict);
+  }
+  if (has_polyhedra.value) {
+    array.push(polyhedron_dict);
   }
-  const coloring_styles = computed(() => {
-    const array = []
-    if (has_color.value) {
-      array.push(color_dict)
-    }
-    if (has_textures.value) {
-      array.push(textures_dict)
-    }
-    if (has_vertex.value) {
-      array.push(vertex_dict)
-    }
-    if (has_edge.value) {
-      array.push(edge_dict)
-    }
-    if (has_cells.value) {
-      array.push(cell_dict)
-    }
-    if (has_polygons.value) {
-      array.push(polygon_dict)
-    }
-    if (has_polyhedra.value) {
-      array.push(polyhedron_dict)
-    }
 
-    const labels = array.map((coloring) => coloring.name)
-    const values = array.map((coloring) => coloring.value)
+  const labels = array.map((coloring) => coloring.name);
+  const values = array.map((coloring) => coloring.value);
 
-    return { labels, values }
-  })
+  return { labels, values };
+});
 
-  const coloring_style_label = ref(
-    coloring_styles.value.labels[
-      coloring_styles.value.values.indexOf(coloring_style_key.value)
-    ],
-  )
+const coloring_style_label = ref(
+  coloring_styles.value.labels[coloring_styles.value.values.indexOf(coloring_style_key.value)],
+);
 
-  watch(coloring_style_label, (value) => {
-    coloring_style_key.value =
-      coloring_styles.value.values[coloring_styles.value.labels.indexOf(value)]
-  })
+watch(coloring_style_label, (value) => {
+  coloring_style_key.value =
+    coloring_styles.value.values[coloring_styles.value.labels.indexOf(value)];
+});
 </script>
 <template>
   <v-row justify="center" align="center">
@@ -104,11 +96,7 @@
     <v-col>
       <v-row justify="center" align="center">
         <v-col cols="auto">
-          <v-icon
-            size="30"
-            icon="mdi-format-color-fill"
-            v-tooltip:left="'Coloring'"
-          />
+          <v-icon size="30" icon="mdi-format-color-fill" v-tooltip:left="'Coloring'" />
         </v-col>
         <v-col>
           <v-select
@@ -170,9 +158,7 @@
               v-model:range="polyhedron_attribute_range"
               v-model:colorMap="polyhedron_attribute_color_map"
               :id="id"
-              :schema="
-                back_schemas.opengeodeweb_back.polyhedron_attribute_names
-              "
+              :schema="back_schemas.opengeodeweb_back.polyhedron_attribute_names"
             />
           </template>
         </v-col>
diff --git a/app/components/Viewer/Options/TextureItem.vue b/app/components/Viewer/Options/TextureItem.vue
index 054e90f4..25d2ae08 100644
--- a/app/components/Viewer/Options/TextureItem.vue
+++ b/app/components/Viewer/Options/TextureItem.vue
@@ -1,74 +1,74 @@
 <script setup>
-  import FileUploader from "@ogw_front/components/FileUploader"
-  import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
+import FileUploader from "@ogw_front/components/FileUploader";
+import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-  const emit = defineEmits(["update_value"])
+const emit = defineEmits(["update_value"]);
 
-  const { id } = defineProps({
-    id: { type: String, required: true },
-    texture_id: { type: String, required: true },
-    texture_name: { type: String, required: true },
-  })
+const { id } = defineProps({
+  id: { type: String, required: true },
+  texture_id: { type: String, required: true },
+  texture_name: { type: String, required: true },
+});
 
-  const texture_name = ref("")
-  texture_name.value = texture_name
+const texture_name = ref("");
+texture_name.value = texture_name;
 
-  const texture_id = ref("")
-  texture_id.value = texture_id
+const texture_id = ref("");
+texture_id.value = texture_id;
 
-  const texture_coordinates = ref([])
-  const geodeStore = useGeodeStore()
+const texture_coordinates = ref([]);
+const geodeStore = useGeodeStore();
 
-  onMounted(() => {
-    getTextureCoordinates()
-  })
+onMounted(() => {
+  getTextureCoordinates();
+});
 
-  function getTextureCoordinates() {
-    geodeStore.request(
-      back_schemas.opengeodeweb_back.texture_coordinates,
-      { id: id },
-      {
-        response_function: (response) => {
-          texture_coordinates.value = response.texture_coordinates
-        },
+function getTextureCoordinates() {
+  geodeStore.request(
+    back_schemas.opengeodeweb_back.texture_coordinates,
+    { id: id },
+    {
+      response_function: (response) => {
+        texture_coordinates.value = response.texture_coordinates;
       },
-    )
-  }
+    },
+  );
+}
 
-  async function files_uploaded_event(value) {
-    if (value.length > 0) {
-      await geodeStore.request(
-        back_schemas.opengeodeweb_back.save_viewable_file,
-        {
-          schema: back_schemas.opengeodeweb_back.save_viewable_file,
-          params: {
-            geode_object_type: "RasterImage2D",
-            filename: value[0].name,
-          },
+async function files_uploaded_event(value) {
+  if (value.length > 0) {
+    await geodeStore.request(
+      back_schemas.opengeodeweb_back.save_viewable_file,
+      {
+        schema: back_schemas.opengeodeweb_back.save_viewable_file,
+        params: {
+          geode_object_type: "RasterImage2D",
+          filename: value[0].name,
         },
-        {
-          response_function: (response) => {
-            texture_id.value = response.id
-          },
+      },
+      {
+        response_function: (response) => {
+          texture_id.value = response.id;
         },
-      )
-    }
+      },
+    );
   }
+}
 
-  watch(texture_name, (value) => {
-    emit("update_value", { key: "texture_name", value })
-  })
+watch(texture_name, (value) => {
+  emit("update_value", { key: "texture_name", value });
+});
 
-  watch(texture_id, (value) => {
-    emit("update_value", { key: "id", value })
-  })
+watch(texture_id, (value) => {
+  emit("update_value", { key: "id", value });
+});
 </script>
 
 <style>
-  .v-input__details {
-    display: none;
-  }
+.v-input__details {
+  display: none;
+}
 </style>
 
 <template>
@@ -100,10 +100,6 @@
     </v-col>
   </v-badge>
   <v-col v-if="texture_name == '' || texture_file_name == ''" cols="1">
-    <v-icon
-      size="20"
-      icon="mdi-close-circle"
-      v-tooltip:bottom="'Invalid texture'"
-    />
+    <v-icon size="20" icon="mdi-close-circle" v-tooltip:bottom="'Invalid texture'" />
   </v-col>
 </template>
diff --git a/app/components/Viewer/Options/TexturesSelector.vue b/app/components/Viewer/Options/TexturesSelector.vue
index 31a303cd..1e59536f 100644
--- a/app/components/Viewer/Options/TexturesSelector.vue
+++ b/app/components/Viewer/Options/TexturesSelector.vue
@@ -1,39 +1,35 @@
 <script setup>
-  import ViewerOptionsTextureItem from "@ogw_front/components/Viewer/Options/TextureItem"
+import ViewerOptionsTextureItem from "@ogw_front/components/Viewer/Options/TextureItem";
 
-  const textures = defineModel()
+const textures = defineModel();
 
-  const { id } = defineProps({
-    id: { type: String, required: true },
-  })
+const { id } = defineProps({
+  id: { type: String, required: true },
+});
 
-  const internal_textures = ref([])
+const internal_textures = ref([]);
 
-  onMounted(() => {
-    if (textures.value === null) {
-      internal_textures.value = [{ id: "", texture_name: "" }]
-    } else {
-      internal_textures.value = textures.value
-    }
-  })
+onMounted(() => {
+  if (textures.value === null) {
+    internal_textures.value = [{ id: "", texture_name: "" }];
+  } else {
+    internal_textures.value = textures.value;
+  }
+});
 
-  function update_value_event($event, index) {
-    internal_textures.value[index][$event.key] = $event.value
-    const filtered = internal_textures.value.filter(
-      (texture) => texture.texture_name !== "" && texture.id !== "",
-    )
-    if (filtered.length > 0) {
-      textures.value = filtered
-    }
+function update_value_event($event, index) {
+  internal_textures.value[index][$event.key] = $event.value;
+  const filtered = internal_textures.value.filter(
+    (texture) => texture.texture_name !== "" && texture.id !== "",
+  );
+  if (filtered.length > 0) {
+    textures.value = filtered;
   }
+}
 </script>
 
 <template>
-  <v-row
-    v-for="(texture, index) in internal_textures"
-    :key="texture"
-    align="center"
-  >
+  <v-row v-for="(texture, index) in internal_textures" :key="texture" align="center">
     <br />
     <v-col cols="1" class="pa-0">
       <v-icon
diff --git a/app/components/Viewer/Options/VisibilitySwitch.vue b/app/components/Viewer/Options/VisibilitySwitch.vue
index a3f178e9..8bc31182 100644
--- a/app/components/Viewer/Options/VisibilitySwitch.vue
+++ b/app/components/Viewer/Options/VisibilitySwitch.vue
@@ -1,5 +1,5 @@
 <script setup>
-  const visibility = defineModel()
+const visibility = defineModel();
 </script>
 
 <template>
diff --git a/app/components/Viewer/PointSet/SpecificPointsOptions.vue b/app/components/Viewer/PointSet/SpecificPointsOptions.vue
index 1f32ebb3..f68383c7 100644
--- a/app/components/Viewer/PointSet/SpecificPointsOptions.vue
+++ b/app/components/Viewer/PointSet/SpecificPointsOptions.vue
@@ -1,77 +1,70 @@
 <script setup>
-  import PointSetPoints from "@ogw_front/assets/viewer_svgs/point_set_points.svg"
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import PointSetPoints from "@ogw_front/assets/viewer_svgs/point_set_points.svg";
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshPointsVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const size = computed({
-    get: () => dataStyleStore.meshPointsSize(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsSize(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshPointsActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshPointsColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshPointsVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsVertexAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshPointsVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshPointsVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPointsVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshPointsVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const size = computed({
+  get: () => dataStyleStore.meshPointsSize(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsSize(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshPointsActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshPointsColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshPointsVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshPointsVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPointsVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPointsVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 <template>
   <ViewerContextMenuItem
diff --git a/app/components/Viewer/PolygonalSurface/EdgesOptions.vue b/app/components/Viewer/PolygonalSurface/EdgesOptions.vue
index f955ef62..3b439247 100644
--- a/app/components/Viewer/PolygonalSurface/EdgesOptions.vue
+++ b/app/components/Viewer/PolygonalSurface/EdgesOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import PolygonalSurfaceEdges from "@ogw_front/assets/viewer_svgs/surface_edges.svg"
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
+import PolygonalSurfaceEdges from "@ogw_front/assets/viewer_svgs/surface_edges.svg";
+import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshEdgesOptions
-    :itemProps="itemProps"
-    :btn_image="PolygonalSurfaceEdges"
-  />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="PolygonalSurfaceEdges" />
 </template>
diff --git a/app/components/Viewer/PolygonalSurface/PointsOptions.vue b/app/components/Viewer/PolygonalSurface/PointsOptions.vue
index fab10dab..3c6ad686 100644
--- a/app/components/Viewer/PolygonalSurface/PointsOptions.vue
+++ b/app/components/Viewer/PolygonalSurface/PointsOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import PolygonalSurfacePoints from "@ogw_front/assets/viewer_svgs/surface_points.svg"
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
+import PolygonalSurfacePoints from "@ogw_front/assets/viewer_svgs/surface_points.svg";
+import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshPointsOptions
-    :itemProps="itemProps"
-    :btn_image="PolygonalSurfacePoints"
-  />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="PolygonalSurfacePoints" />
 </template>
diff --git a/app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue b/app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue
index 3110341d..3aef9dad 100644
--- a/app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue
+++ b/app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue
@@ -1,112 +1,92 @@
 <script setup>
-  import PolygonalSurfacePolygons from "@ogw_front/assets/viewer_svgs/surface_triangles.svg"
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import PolygonalSurfacePolygons from "@ogw_front/assets/viewer_svgs/surface_triangles.svg";
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-    tooltip: { type: String, required: false, default: "Polygons options" },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+  tooltip: { type: String, required: false, default: "Polygons options" },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshPolygonsVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshPolygonsActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshPolygonsColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const textures = computed({
-    get: () => dataStyleStore.meshPolygonsTextures(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsTextures(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshPolygonsVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsVertexAttributeName(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshPolygonsVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshPolygonsVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polygon_attribute_name = computed({
-    get: () => dataStyleStore.meshPolygonsPolygonAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsPolygonAttributeName(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polygon_attribute_range = computed({
-    get: () => dataStyleStore.meshPolygonsPolygonAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsPolygonAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polygon_attribute_color_map = computed({
-    get: () => dataStyleStore.meshPolygonsPolygonAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsPolygonAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshPolygonsVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshPolygonsActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshPolygonsColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const textures = computed({
+  get: () => dataStyleStore.meshPolygonsTextures(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsTextures(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshPolygonsVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshPolygonsVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPolygonsVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polygon_attribute_name = computed({
+  get: () => dataStyleStore.meshPolygonsPolygonAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsPolygonAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polygon_attribute_range = computed({
+  get: () => dataStyleStore.meshPolygonsPolygonAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsPolygonAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polygon_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPolygonsPolygonAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsPolygonAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 
 <template>
diff --git a/app/components/Viewer/Solid/EdgesOptions.vue b/app/components/Viewer/Solid/EdgesOptions.vue
index 7c6165aa..c270dc25 100644
--- a/app/components/Viewer/Solid/EdgesOptions.vue
+++ b/app/components/Viewer/Solid/EdgesOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import SolidEdges from "@ogw_front/assets/viewer_svgs/solid_edges.svg"
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
+import SolidEdges from "@ogw_front/assets/viewer_svgs/solid_edges.svg";
+import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshEdgesOptions
-    :itemProps="itemProps"
-    :btn_image="SolidEdges"
-  />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="SolidEdges" />
 </template>
diff --git a/app/components/Viewer/Solid/PointsOptions.vue b/app/components/Viewer/Solid/PointsOptions.vue
index cc73b3f2..465ed053 100644
--- a/app/components/Viewer/Solid/PointsOptions.vue
+++ b/app/components/Viewer/Solid/PointsOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import SolidPoints from "@ogw_front/assets/viewer_svgs/solid_points.svg"
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
+import SolidPoints from "@ogw_front/assets/viewer_svgs/solid_points.svg";
+import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshPointsOptions
-    :itemProps="itemProps"
-    :btn_image="SolidPoints"
-  />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="SolidPoints" />
 </template>
diff --git a/app/components/Viewer/Solid/PolygonsOptions.vue b/app/components/Viewer/Solid/PolygonsOptions.vue
index 8b73cd48..7c33dc97 100644
--- a/app/components/Viewer/Solid/PolygonsOptions.vue
+++ b/app/components/Viewer/Solid/PolygonsOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import SolidFacets from "@ogw_front/assets/viewer_svgs/solid_facets.svg"
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
+import SolidFacets from "@ogw_front/assets/viewer_svgs/solid_facets.svg";
+import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshPolygonsOptions
-    :itemProps="itemProps"
-    :btn_image="SolidFacets"
-  />
+  <ViewerGenericMeshPolygonsOptions :itemProps="itemProps" :btn_image="SolidFacets" />
 </template>
diff --git a/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue b/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
index 94dd69cb..0bc177c4 100644
--- a/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
+++ b/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
@@ -1,113 +1,92 @@
 <script setup>
-  import SolidPolyhedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg"
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import SolidPolyhedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg";
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-    tooltip: { type: String, required: false, default: "Polyhedra options" },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+  tooltip: { type: String, required: false, default: "Polyhedra options" },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshPolyhedraVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshPolyhedraActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshPolyhedraColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshPolyhedraVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraVertexAttributeName(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshPolyhedraVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshPolyhedraVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polyhedron_attribute_name = computed({
-    get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraPolyhedronAttributeName(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polyhedron_attribute_range = computed({
-    get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraPolyhedronAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polyhedron_attribute_color_map = computed({
-    get: () =>
-      dataStyleStore.meshPolyhedraPolyhedronAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraPolyhedronAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshPolyhedraVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshPolyhedraActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshPolyhedraColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshPolyhedraVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshPolyhedraVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPolyhedraVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polyhedron_attribute_name = computed({
+  get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraPolyhedronAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polyhedron_attribute_range = computed({
+  get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraPolyhedronAttributeRange(
+      id.value,
+      newValue[0],
+      newValue[1],
+    );
+    hybridViewerStore.remoteRender();
+  },
+});
+const polyhedron_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraPolyhedronAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 <template>
-  <ViewerContextMenuItem
-    :itemProps="itemProps"
-    :tooltip="tooltip"
-    :btn_image="SolidPolyhedra"
-  >
+  <ViewerContextMenuItem :itemProps="itemProps" :tooltip="tooltip" :btn_image="SolidPolyhedra">
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
       <template v-if="visibility">
@@ -120,9 +99,7 @@
           v-model:vertex_attribute_color_map="vertex_attribute_color_map"
           v-model:polyhedron_attribute_name="polyhedron_attribute_name"
           v-model:polyhedron_attribute_range="polyhedron_attribute_range"
-          v-model:polyhedron_attribute_color_map="
-            polyhedron_attribute_color_map
-          "
+          v-model:polyhedron_attribute_color_map="polyhedron_attribute_color_map"
         />
       </template>
     </template>
diff --git a/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue b/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue
index d94a2b70..4df9c9f4 100644
--- a/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue
+++ b/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue
@@ -1,10 +1,10 @@
 <script setup>
-  import TetrahedralSolidTetrahedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg"
-  import ViewerGenericMeshPolyhedraOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolyhedraOptions"
+import TetrahedralSolidTetrahedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg";
+import ViewerGenericMeshPolyhedraOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolyhedraOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
diff --git a/app/components/Viewer/TetrahedralSolid/TrianglesOptions.vue b/app/components/Viewer/TetrahedralSolid/TrianglesOptions.vue
index 38a071ce..d47be44f 100644
--- a/app/components/Viewer/TetrahedralSolid/TrianglesOptions.vue
+++ b/app/components/Viewer/TetrahedralSolid/TrianglesOptions.vue
@@ -1,10 +1,10 @@
 <script setup>
-  import TetrahedralSolidTriangles from "@ogw_front/assets/viewer_svgs/solid_facets.svg"
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
+import TetrahedralSolidTriangles from "@ogw_front/assets/viewer_svgs/solid_facets.svg";
+import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
diff --git a/app/components/Viewer/Tree/ObjectTree.vue b/app/components/Viewer/Tree/ObjectTree.vue
index 57ae2ed5..ce2fff80 100644
--- a/app/components/Viewer/Tree/ObjectTree.vue
+++ b/app/components/Viewer/Tree/ObjectTree.vue
@@ -1,34 +1,31 @@
 <script setup>
-  import ViewerBreadCrumb from "@ogw_front/components/Viewer/BreadCrumb"
-  import ViewerTreeComponent from "@ogw_front/components/Viewer/TreeComponent"
-  import ViewerTreeObject from "@ogw_front/components/Viewer/TreeObject"
-  import { useTreeviewStore } from "@ogw_front/stores/treeview"
+import ViewerBreadCrumb from "@ogw_front/components/Viewer/BreadCrumb";
+import ViewerTreeComponent from "@ogw_front/components/Viewer/TreeComponent";
+import ViewerTreeObject from "@ogw_front/components/Viewer/TreeObject";
+import { useTreeviewStore } from "@ogw_front/stores/treeview";
 
-  const WIDTH_MIN = 150
+const WIDTH_MIN = 150;
 
-  const treeviewStore = useTreeviewStore()
-  const emit = defineEmits(["show-menu"])
+const treeviewStore = useTreeviewStore();
+const emit = defineEmits(["show-menu"]);
 
-  function onResizeStart(event) {
-    const startWidth = treeviewStore.panelWidth
-    const startX = event.clientX
-    function resize(move_event) {
-      const deltaX = move_event.clientX - startX
-      const newWidth = Math.max(
-        WIDTH_MIN,
-        Math.min(startWidth + deltaX, window.innerWidth),
-      )
-      treeviewStore.setPanelWidth(newWidth)
-      document.body.style.userSelect = "none"
-    }
-    function stopResize() {
-      document.removeEventListener("mousemove", resize)
-      document.removeEventListener("mouseup", stopResize)
-      document.body.style.userSelect = ""
-    }
-    document.addEventListener("mousemove", resize)
-    document.addEventListener("mouseup", stopResize)
+function onResizeStart(event) {
+  const startWidth = treeviewStore.panelWidth;
+  const startX = event.clientX;
+  function resize(move_event) {
+    const deltaX = move_event.clientX - startX;
+    const newWidth = Math.max(WIDTH_MIN, Math.min(startWidth + deltaX, window.innerWidth));
+    treeviewStore.setPanelWidth(newWidth);
+    document.body.style.userSelect = "none";
   }
+  function stopResize() {
+    document.removeEventListener("mousemove", resize);
+    document.removeEventListener("mouseup", stopResize);
+    document.body.style.userSelect = "";
+  }
+  document.addEventListener("mousemove", resize);
+  document.addEventListener("mouseup", stopResize);
+}
 </script>
 
 <template>
@@ -38,15 +35,9 @@
     @contextmenu.prevent
     @mousedown.stop
   >
-    <v-row
-      class="resizable-panel"
-      :style="{ width: `${treeviewStore.panelWidth}px` }"
-    >
+    <v-row class="resizable-panel" :style="{ width: `${treeviewStore.panelWidth}px` }">
       <div class="scrollable-wrapper">
-        <v-sheet
-          style="max-height: calc(85vh)"
-          class="transparent-treeview scrollbar-hover"
-        >
+        <v-sheet style="max-height: calc(85vh)" class="transparent-treeview scrollbar-hover">
           <v-row v-if="treeviewStore.items.length > 0">
             <v-col>
               <ViewerBreadCrumb />
@@ -73,69 +64,69 @@
 </template>
 
 <style scoped>
-  .treeview-container {
-    position: absolute;
-    z-index: 2;
-    left: 0;
-    top: 0;
-    background-color: transparent;
-    border-radius: 16px;
-    padding: 8px;
-    display: flex;
-    box-sizing: border-box;
-  }
+.treeview-container {
+  position: absolute;
+  z-index: 2;
+  left: 0;
+  top: 0;
+  background-color: transparent;
+  border-radius: 16px;
+  padding: 8px;
+  display: flex;
+  box-sizing: border-box;
+}
 
-  .resizable-panel {
-    display: flex;
-    height: 100%;
-    position: relative;
-    box-sizing: border-box;
-  }
+.resizable-panel {
+  display: flex;
+  height: 100%;
+  position: relative;
+  box-sizing: border-box;
+}
 
-  .scrollable-wrapper {
-    overflow-y: auto;
-    padding-right: 6px;
-    flex: 1;
-  }
+.scrollable-wrapper {
+  overflow-y: auto;
+  padding-right: 6px;
+  flex: 1;
+}
 
-  .resizer {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 6px;
-    height: 100%;
-    cursor: ew-resize;
-    background-color: transparent;
-    z-index: 15;
-  }
+.resizer {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 6px;
+  height: 100%;
+  cursor: ew-resize;
+  background-color: transparent;
+  z-index: 15;
+}
 
-  .resizer:hover {
-    background-color: #999;
-  }
+.resizer:hover {
+  background-color: #999;
+}
 
-  .resizer:active {
-    background-color: #666;
-  }
+.resizer:active {
+  background-color: #666;
+}
 
-  .transparent-treeview {
-    background-color: transparent;
-    margin: 4px 0;
-  }
+.transparent-treeview {
+  background-color: transparent;
+  margin: 4px 0;
+}
 
-  .scrollbar-hover {
-    overflow-x: hidden;
-  }
+.scrollbar-hover {
+  overflow-x: hidden;
+}
 
-  .scrollbar-hover::-webkit-scrollbar {
-    width: 5px;
-  }
+.scrollbar-hover::-webkit-scrollbar {
+  width: 5px;
+}
 
-  .scrollbar-hover::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
+.scrollbar-hover::-webkit-scrollbar-thumb {
+  background-color: transparent;
+}
 
-  .scrollbar-hover:hover::-webkit-scrollbar-thumb {
-    background-color: rgba(0, 0, 0, 0.3);
-    border-radius: 10px;
-  }
+.scrollbar-hover:hover::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 10px;
+}
 </style>
diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue
index 544b9a7b..7e4fa0ec 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -1,48 +1,44 @@
 <script setup>
-  import { useDataStore } from "@ogw_front/stores/data"
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  import { compareSelections } from "@ogw_front/utils/treeview"
+import { compareSelections } from "@ogw_front/utils/treeview";
 
-  const dataStyleStore = useDataStyleStore()
-  const dataStore = useDataStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const dataStore = useDataStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { id } = defineProps({ id: { type: String, required: true } })
+const { id } = defineProps({ id: { type: String, required: true } });
 
-  const emit = defineEmits(["show-menu"])
+const emit = defineEmits(["show-menu"]);
 
-  const items = ref([])
-  const mesh_components_selection = dataStyleStore.visibleMeshComponents(id)
+const items = ref([]);
+const mesh_components_selection = dataStyleStore.visibleMeshComponents(id);
 
-  watchEffect(async () => {
-    items.value = await dataStore.formatedMeshComponents(id)
-  })
+watchEffect(async () => {
+  items.value = await dataStore.formatedMeshComponents(id);
+});
 
-  watch(
-    mesh_components_selection,
-    async (current, previous) => {
-      if (!previous) {
-        return
-      }
+watch(
+  mesh_components_selection,
+  async (current, previous) => {
+    if (!previous) {
+      return;
+    }
 
-      const { added, removed } = compareSelections(current, previous)
+    const { added, removed } = compareSelections(current, previous);
 
-      if (added.length > 0) {
-        await dataStyleStore.setModelMeshComponentsVisibility(id, added, true)
-      }
-      if (removed.length > 0) {
-        await dataStyleStore.setModelMeshComponentsVisibility(
-          id,
-          removed,
-          false,
-        )
-      }
-      hybridViewerStore.remoteRender()
-    },
-    { deep: true },
-  )
+    if (added.length > 0) {
+      await dataStyleStore.setModelMeshComponentsVisibility(id, added, true);
+    }
+    if (removed.length > 0) {
+      await dataStyleStore.setModelMeshComponentsVisibility(id, removed, false);
+    }
+    hybridViewerStore.remoteRender();
+  },
+  { deep: true },
+);
 </script>
 
 <template>
@@ -57,9 +53,7 @@
     <template #title="{ item }">
       <span
         class="treeview-item"
-        @contextmenu.prevent.stop="
-          emit('show-menu', { event: $event, itemId: item })
-        "
+        @contextmenu.prevent.stop="emit('show-menu', { event: $event, itemId: item })"
         >{{ item.title }}</span
       >
     </template>
@@ -67,16 +61,16 @@
 </template>
 
 <style scoped>
-  .treeview-item {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
-    display: inline-block;
-  }
+.treeview-item {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  display: inline-block;
+}
 
-  .transparent-treeview {
-    background-color: transparent;
-    margin: 4px 0;
-  }
+.transparent-treeview {
+  background-color: transparent;
+  margin: 4px 0;
+}
 </style>
diff --git a/app/components/Viewer/TreeObject.vue b/app/components/Viewer/TreeObject.vue
index e0b2d120..2ddcfb55 100644
--- a/app/components/Viewer/TreeObject.vue
+++ b/app/components/Viewer/TreeObject.vue
@@ -1,47 +1,47 @@
 <script setup>
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
-  import { useTreeviewStore } from "@ogw_front/stores/treeview"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
+import { useTreeviewStore } from "@ogw_front/stores/treeview";
 
-  import { compareSelections } from "@ogw_front/utils/treeview"
+import { compareSelections } from "@ogw_front/utils/treeview";
 
-  const treeviewStore = useTreeviewStore()
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const treeviewStore = useTreeviewStore();
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const emit = defineEmits(["show-menu"])
+const emit = defineEmits(["show-menu"]);
 
-  function isLeafNode(item) {
-    return !item.children || item.children.length === 0
-  }
+function isLeafNode(item) {
+  return !item.children || item.children.length === 0;
+}
 
-  watch(
-    () => treeviewStore.selection,
-    async (current, previous) => {
-      const oldSelection = previous || []
-      if (current === oldSelection) {
-        return
-      }
-      const { added, removed } = compareSelections(current, previous)
-      const updates = [
-        ...added.map((item) => dataStyleStore.setVisibility(item.id, true)),
-        ...removed.map((item) => dataStyleStore.setVisibility(item.id, false)),
-      ]
-      await Promise.all(updates)
-      hybridViewerStore.remoteRender()
-    },
-  )
+watch(
+  () => treeviewStore.selection,
+  async (current, previous) => {
+    const oldSelection = previous || [];
+    if (current === oldSelection) {
+      return;
+    }
+    const { added, removed } = compareSelections(current, previous);
+    const updates = [
+      ...added.map((item) => dataStyleStore.setVisibility(item.id, true)),
+      ...removed.map((item) => dataStyleStore.setVisibility(item.id, false)),
+    ];
+    await Promise.all(updates);
+    hybridViewerStore.remoteRender();
+  },
+);
 
-  function isModel(item) {
-    return item.viewer_type === "model"
-  }
+function isModel(item) {
+  return item.viewer_type === "model";
+}
 
-  onMounted(() => {
-    const savedSelection = treeviewStore.selection
-    if (savedSelection && savedSelection.length > 0) {
-      treeviewStore.selection = savedSelection
-    }
-  })
+onMounted(() => {
+  const savedSelection = treeviewStore.selection;
+  if (savedSelection && savedSelection.length > 0) {
+    treeviewStore.selection = savedSelection;
+  }
+});
 </script>
 
 <template>
@@ -58,9 +58,7 @@
       <span
         class="treeview-item"
         @contextmenu.prevent.stop="
-          isLeafNode(item)
-            ? emit('show-menu', { event: $event, itemId: item.id })
-            : null
+          isLeafNode(item) ? emit('show-menu', { event: $event, itemId: item.id }) : null
         "
       >
         {{ item.title }}
@@ -82,16 +80,16 @@
 </template>
 
 <style scoped>
-  .transparent-treeview {
-    background-color: transparent;
-    margin: 4px 0;
-  }
+.transparent-treeview {
+  background-color: transparent;
+  margin: 4px 0;
+}
 
-  .treeview-item {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
-    display: inline-block;
-  }
+.treeview-item {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  display: inline-block;
+}
 </style>
diff --git a/app/components/Viewer/TriangulatedSurface/EdgesOptions.vue b/app/components/Viewer/TriangulatedSurface/EdgesOptions.vue
index 4fd000e7..3113b20c 100644
--- a/app/components/Viewer/TriangulatedSurface/EdgesOptions.vue
+++ b/app/components/Viewer/TriangulatedSurface/EdgesOptions.vue
@@ -1,15 +1,12 @@
 <script setup>
-  import SurfaceEdges from "@ogw_front/assets/viewer_svgs/surface_edges.svg"
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
+import SurfaceEdges from "@ogw_front/assets/viewer_svgs/surface_edges.svg";
+import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshEdgesOptions
-    :itemProps="itemProps"
-    :btn_image="SurfaceEdges"
-  />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="SurfaceEdges" />
 </template>
diff --git a/app/components/Viewer/TriangulatedSurface/PointsOptions.vue b/app/components/Viewer/TriangulatedSurface/PointsOptions.vue
index c84d0976..ae2d4199 100644
--- a/app/components/Viewer/TriangulatedSurface/PointsOptions.vue
+++ b/app/components/Viewer/TriangulatedSurface/PointsOptions.vue
@@ -1,10 +1,10 @@
 <script setup>
-  import TriangulatedSurfaceEdgesPoints from "@ogw_front/assets/viewer_svgs/surface_points.svg"
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
+import TriangulatedSurfaceEdgesPoints from "@ogw_front/assets/viewer_svgs/surface_points.svg";
+import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
diff --git a/app/components/Viewer/TriangulatedSurface/TrianglesOptions.vue b/app/components/Viewer/TriangulatedSurface/TrianglesOptions.vue
index f6ee2916..095b08cf 100644
--- a/app/components/Viewer/TriangulatedSurface/TrianglesOptions.vue
+++ b/app/components/Viewer/TriangulatedSurface/TrianglesOptions.vue
@@ -1,10 +1,10 @@
 <script setup>
-  import TriangulatedSurfaceTriangles from "@ogw_front/assets/viewer_svgs/surface_triangles.svg"
-  import ViewerSpecificPolygonsOptions from "@ogw_front/components/Viewer/PolygonalSurface/SpecificPolygonsOptions"
+import TriangulatedSurfaceTriangles from "@ogw_front/assets/viewer_svgs/surface_triangles.svg";
+import ViewerSpecificPolygonsOptions from "@ogw_front/components/Viewer/PolygonalSurface/SpecificPolygonsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
diff --git a/app/components/Wrapper.vue b/app/components/Wrapper.vue
index 36e39754..12724f62 100644
--- a/app/components/Wrapper.vue
+++ b/app/components/Wrapper.vue
@@ -1,15 +1,15 @@
 <script setup>
-  import Launcher from "@ogw_front/components/Launcher"
-  import PackagesVersions from "@ogw_front/components/PackagesVersions"
-  import Stepper from "@ogw_front/components/Stepper"
+import Launcher from "@ogw_front/components/Launcher";
+import PackagesVersions from "@ogw_front/components/PackagesVersions";
+import Stepper from "@ogw_front/components/Stepper";
 
-  import { useInfraStore } from "@ogw_front/stores/infra"
+import { useInfraStore } from "@ogw_front/stores/infra";
 
-  const infraStore = useInfraStore()
+const infraStore = useInfraStore();
 
-  const { versions_schema } = defineProps({
-    versions_schema: { type: Object, required: true },
-  })
+const { versions_schema } = defineProps({
+  versions_schema: { type: Object, required: true },
+});
 </script>
 
 <template>
diff --git a/app/components/ZScaling.vue b/app/components/ZScaling.vue
index b79c020e..b55c55fe 100644
--- a/app/components/ZScaling.vue
+++ b/app/components/ZScaling.vue
@@ -1,12 +1,12 @@
 <script setup>
-  import GlassCard from "@ogw_front/components/GlassCard"
+import GlassCard from "@ogw_front/components/GlassCard";
 
-  const zScale = defineModel({ type: Number, default: 1 })
-  const { width } = defineProps({
-    width: { type: Number, default: 400 },
-  })
+const zScale = defineModel({ type: Number, default: 1 });
+const { width } = defineProps({
+  width: { type: Number, default: 400 },
+});
 
-  const emit = defineEmits(["close"])
+const emit = defineEmits(["close"]);
 </script>
 <template>
   <GlassCard
@@ -23,14 +23,7 @@
       <v-container>
         <v-row>
           <v-col cols="12" class="py-2">
-            <v-slider
-              v-model="zScale"
-              :min="1"
-              :max="10"
-              :step="0.2"
-              label="Z Scale"
-              thumb-label
-            />
+            <v-slider v-model="zScale" :min="1" :max="10" :step="0.2" label="Z Scale" thumb-label />
           </v-col>
         </v-row>
         <v-row>
@@ -53,24 +46,22 @@
     <template #actions>
       <v-card-actions class="justify-center pb-4">
         <v-btn variant="text" color="white" @click="emit('close')">Close</v-btn>
-        <v-btn variant="outlined" color="white" @click="emit('close')"
-          >Apply</v-btn
-        >
+        <v-btn variant="outlined" color="white" @click="emit('close')">Apply</v-btn>
       </v-card-actions>
     </template>
   </GlassCard>
 </template>
 
 <style scoped>
-  .z-scaling-menu {
-    position: absolute;
-    z-index: 2;
-    top: 90px;
-    right: 55px;
-    border-radius: 12px !important;
-  }
+.z-scaling-menu {
+  position: absolute;
+  z-index: 2;
+  top: 90px;
+  right: 55px;
+  border-radius: 12px !important;
+}
 
-  .custom-number-input :deep(.v-input__control) {
-    min-height: 48px;
-  }
+.custom-number-input :deep(.v-input__control) {
+  min-height: 48px;
+}
 </style>
diff --git a/app/composables/project_manager.js b/app/composables/project_manager.js
index 120fc82a..aeae3437 100644
--- a/app/composables/project_manager.js
+++ b/app/composables/project_manager.js
@@ -1,110 +1,100 @@
-import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
-import fileDownload from "js-file-download"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
+import fileDownload from "js-file-download";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
-import { importWorkflowFromSnapshot } from "@ogw_front/utils/file_import_workflow"
+import { importWorkflowFromSnapshot } from "@ogw_front/utils/file_import_workflow";
 
-import { useAppStore } from "@ogw_front/stores/app"
-import { useDataStore } from "@ogw_front/stores/data"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useGeodeStore } from "@ogw_front/stores/geode"
-import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
-import { useTreeviewStore } from "@ogw_front/stores/treeview"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useAppStore } from "@ogw_front/stores/app";
+import { useDataStore } from "@ogw_front/stores/data";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useGeodeStore } from "@ogw_front/stores/geode";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
+import { useTreeviewStore } from "@ogw_front/stores/treeview";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 export function useProjectManager() {
   async function exportProject() {
-    console.log("[export triggered]")
-    const appStore = useAppStore()
-    const geodeStore = useGeodeStore()
-    const snapshot = await appStore.exportStores()
-    const schema = back_schemas.opengeodeweb_back.export_project
-    const defaultName = "project.vease"
+    console.log("[export triggered]");
+    const appStore = useAppStore();
+    const geodeStore = useGeodeStore();
+    const snapshot = await appStore.exportStores();
+    const schema = back_schemas.opengeodeweb_back.export_project;
+    const defaultName = "project.vease";
 
     const result = await $fetch(schema.$id, {
       baseURL: geodeStore.base_url,
       method: schema.methods.find((method) => method !== "OPTIONS"),
       body: { snapshot, filename: defaultName },
-    })
-    fileDownload(result, defaultName)
-    return { result }
+    });
+    fileDownload(result, defaultName);
+    return { result };
   }
 
   async function importProjectFile(file) {
-    const geodeStore = useGeodeStore()
-    const dataStyleStore = useDataStyleStore()
-    const viewerStore = useViewerStore()
-    const dataStore = useDataStore()
-    const treeviewStore = useTreeviewStore()
-    const hybridViewerStore = useHybridViewerStore()
+    const geodeStore = useGeodeStore();
+    const dataStyleStore = useDataStyleStore();
+    const viewerStore = useViewerStore();
+    const dataStore = useDataStore();
+    const treeviewStore = useTreeviewStore();
+    const hybridViewerStore = useHybridViewerStore();
 
-    await viewerStore.ws_connect()
+    await viewerStore.ws_connect();
 
-    const { client } = viewerStore
+    const { client } = viewerStore;
     if (client && client.getConnection && client.getConnection().getSession) {
-      await client
-        .getConnection()
-        .getSession()
-        .call("opengeodeweb_viewer.release_database", [{}])
+      await client.getConnection().getSession().call("opengeodeweb_viewer.release_database", [{}]);
     }
 
     await viewerStore.request(
       viewer_schemas.opengeodeweb_viewer.viewer.reset_visualization,
       {},
       undefined,
-    )
+    );
 
-    treeviewStore.clear()
-    dataStore.clear()
-    hybridViewerStore.clear()
+    treeviewStore.clear();
+    dataStore.clear();
+    hybridViewerStore.clear();
 
-    const schemaImport = back_schemas.opengeodeweb_back.import_project
-    const form = new FormData()
-    const originalFileName = file && file.name ? file.name : "project.vease"
+    const schemaImport = back_schemas.opengeodeweb_back.import_project;
+    const form = new FormData();
+    const originalFileName = file && file.name ? file.name : "project.vease";
     if (!originalFileName.toLowerCase().endsWith(".vease")) {
-      throw new Error("Uploaded file must be a .vease")
+      throw new Error("Uploaded file must be a .vease");
     }
-    form.append("file", file, originalFileName)
+    form.append("file", file, originalFileName);
 
     const result = await $fetch(schemaImport.$id, {
       baseURL: geodeStore.base_url,
       method: "POST",
       body: form,
-    })
-    const snapshot = result && result.snapshot ? result.snapshot : {}
-
-    treeviewStore.isImporting = true
-
-    const { client: client2 } = viewerStore
-    if (
-      client2 &&
-      client2.getConnection &&
-      client2.getConnection().getSession
-    ) {
-      await client2
-        .getConnection()
-        .getSession()
-        .call("opengeodeweb_viewer.import_project", [{}])
+    });
+    const snapshot = result && result.snapshot ? result.snapshot : {};
+
+    treeviewStore.isImporting = true;
+
+    const { client: client2 } = viewerStore;
+    if (client2 && client2.getConnection && client2.getConnection().getSession) {
+      await client2.getConnection().getSession().call("opengeodeweb_viewer.import_project", [{}]);
     }
 
-    await treeviewStore.importStores(snapshot.treeview || {})
-    await hybridViewerStore.initHybridViewer()
-    await hybridViewerStore.importStores(snapshot.hybridViewer || {})
+    await treeviewStore.importStores(snapshot.treeview || {});
+    await hybridViewerStore.initHybridViewer();
+    await hybridViewerStore.importStores(snapshot.hybridViewer || {});
 
-    const items = snapshot?.data?.items || []
+    const items = snapshot?.data?.items || [];
 
-    await importWorkflowFromSnapshot(items)
-    await hybridViewerStore.importStores(snapshot.hybridViewer || {})
+    await importWorkflowFromSnapshot(items);
+    await hybridViewerStore.importStores(snapshot.hybridViewer || {});
     {
-      await dataStyleStore.importStores(snapshot.dataStyle || {})
+      await dataStyleStore.importStores(snapshot.dataStyle || {});
     }
     {
-      await dataStyleStore.applyAllStylesFromState()
+      await dataStyleStore.applyAllStylesFromState();
     }
 
-    treeviewStore.finalizeImportSelection()
-    treeviewStore.isImporting = false
+    treeviewStore.finalizeImportSelection();
+    treeviewStore.isImporting = false;
   }
 
-  return { exportProject, importProjectFile }
+  return { exportProject, importProjectFile };
 }
diff --git a/app/composables/run_function_when_microservices_connected.js b/app/composables/run_function_when_microservices_connected.js
index 62ffc49e..0248f220 100644
--- a/app/composables/run_function_when_microservices_connected.js
+++ b/app/composables/run_function_when_microservices_connected.js
@@ -1,16 +1,16 @@
-import { useInfraStore } from "@ogw_front/stores/infra"
+import { useInfraStore } from "@ogw_front/stores/infra";
 export function run_function_when_microservices_connected(function_to_run) {
-  const infraStore = useInfraStore()
-  const { microservices_connected } = storeToRefs(infraStore)
-  console.log("inside microservices_connected", microservices_connected.value)
+  const infraStore = useInfraStore();
+  const { microservices_connected } = storeToRefs(infraStore);
+  console.log("inside microservices_connected", microservices_connected.value);
   if (microservices_connected.value) {
-    function_to_run()
+    function_to_run();
   } else {
     watch(microservices_connected, (value) => {
       if (value) {
-        console.log("watch microservices_connected", value)
-        function_to_run()
+        console.log("watch microservices_connected", value);
+        function_to_run();
       }
-    })
+    });
   }
 }
diff --git a/app/plugins/auto_store_register.js b/app/plugins/auto_store_register.js
index 026e97f3..56a71cb4 100644
--- a/app/plugins/auto_store_register.js
+++ b/app/plugins/auto_store_register.js
@@ -1,28 +1,26 @@
-import { useAppStore } from "@ogw_front/stores/app"
+import { useAppStore } from "@ogw_front/stores/app";
 
 function autoStoreRegister({ store }) {
   if (store.$id === "app") {
-    return
+    return;
   }
 
-  const appStore = useAppStore()
-  appStore.registerStore(store)
-  console.log(`[AutoRegister] Store "${store.$id}" processed`)
+  const appStore = useAppStore();
+  appStore.registerStore(store);
+  console.log(`[AutoRegister] Store "${store.$id}" processed`);
 }
 
 export default defineNuxtPlugin({
   name: "auto-store-register",
   dependsOn: ["pinia"],
   setup(nuxtApp) {
-    const { $pinia } = nuxtApp
+    const { $pinia } = nuxtApp;
     if (!$pinia) {
-      console.warn("Pinia instance not available.")
-      return
+      console.warn("Pinia instance not available.");
+      return;
     }
 
-    $pinia.use(autoStoreRegister)
-    console.log(
-      "[AUTOREGISTER PLUGIN] Loaded automatically from OpenGeodeWeb-Front",
-    )
+    $pinia.use(autoStoreRegister);
+    console.log("[AUTOREGISTER PLUGIN] Loaded automatically from OpenGeodeWeb-Front");
   },
-})
+});
diff --git a/app/stores/app.js b/app/stores/app.js
index ec1379a0..c1e26a40 100644
--- a/app/stores/app.js
+++ b/app/stores/app.js
@@ -1,269 +1,249 @@
-import { api_fetch } from "@ogw_internal/utils/api_fetch.js"
-import { upload_file } from "@ogw_internal/utils/upload_file.js"
+import { api_fetch } from "@ogw_internal/utils/api_fetch.js";
+import { upload_file } from "@ogw_internal/utils/upload_file.js";
 
 export const useAppStore = defineStore("app", () => {
-  const stores = []
+  const stores = [];
 
   function registerStore(store) {
-    const isAlreadyRegistered = stores.some(
-      (registeredStore) => registeredStore.$id === store.$id,
-    )
+    const isAlreadyRegistered = stores.some((registeredStore) => registeredStore.$id === store.$id);
     if (isAlreadyRegistered) {
-      console.log(
-        `[AppStore] Store "${store.$id}" already registered, skipping`,
-      )
-      return
+      console.log(`[AppStore] Store "${store.$id}" already registered, skipping`);
+      return;
     }
-    console.log("[AppStore] Registering store", store.$id)
-    stores.push(store)
+    console.log("[AppStore] Registering store", store.$id);
+    stores.push(store);
   }
 
   async function exportStores(params = {}) {
-    const snapshot = {}
-    let exportCount = 0
+    const snapshot = {};
+    let exportCount = 0;
 
-    console.log(
-      `[AppStore] Exporting stores, total registered: ${stores.length}`,
-    )
+    console.log(`[AppStore] Exporting stores, total registered: ${stores.length}`);
     await Promise.all(
       stores.map(async (store) => {
         if (!store.exportStores) {
-          return
+          return;
         }
-        const storeId = store.$id
+        const storeId = store.$id;
         try {
-          snapshot[storeId] = await store.exportStores(params)
-          exportCount += 1
+          snapshot[storeId] = await store.exportStores(params);
+          exportCount += 1;
         } catch (error) {
-          console.error(`[AppStore] Error exporting store "${storeId}":`, error)
+          console.error(`[AppStore] Error exporting store "${storeId}":`, error);
         }
       }),
-    )
-    console.log(
-      `[AppStore] Exported ${exportCount} stores; snapshot keys:`,
-      Object.keys(snapshot),
-    )
-    return snapshot
+    );
+    console.log(`[AppStore] Exported ${exportCount} stores; snapshot keys:`, Object.keys(snapshot));
+    return snapshot;
   }
 
   async function importStores(snapshot) {
     if (!snapshot) {
-      console.warn("[AppStore] import called with invalid snapshot")
-      return
+      console.warn("[AppStore] import called with invalid snapshot");
+      return;
     }
-    console.log("[AppStore] Import snapshot keys:", Object.keys(snapshot || {}))
+    console.log("[AppStore] Import snapshot keys:", Object.keys(snapshot || {}));
 
-    let importedCount = 0
-    const notFoundStores = []
+    let importedCount = 0;
+    const notFoundStores = [];
     await Promise.all(
       stores.map(async (store) => {
         if (!store.importStores) {
-          return
+          return;
         }
-        const storeId = store.$id
+        const storeId = store.$id;
         if (!snapshot[storeId]) {
-          notFoundStores.push(storeId)
-          return
+          notFoundStores.push(storeId);
+          return;
         }
         try {
-          await store.importStores(snapshot[storeId])
-          importedCount += 1
+          await store.importStores(snapshot[storeId]);
+          importedCount += 1;
         } catch (error) {
-          console.error(`[AppStore] Error importing store "${storeId}":`, error)
+          console.error(`[AppStore] Error importing store "${storeId}":`, error);
         }
       }),
-    )
+    );
     if (notFoundStores.length > 0) {
-      console.warn(
-        `[AppStore] Stores not found in snapshot: ${notFoundStores.join(", ")}`,
-      )
+      console.warn(`[AppStore] Stores not found in snapshot: ${notFoundStores.join(", ")}`);
     }
-    console.log(`[AppStore] Imported ${importedCount} stores`)
+    console.log(`[AppStore] Imported ${importedCount} stores`);
   }
 
-  const loadedExtensions = ref(new Map())
-  const extensionAPI = ref(undefined)
-  const codeTransformer = ref(undefined)
+  const loadedExtensions = ref(new Map());
+  const extensionAPI = ref(undefined);
+  const codeTransformer = ref(undefined);
 
   function setExtensionAPI(api) {
-    extensionAPI.value = api
+    extensionAPI.value = api;
   }
 
   function setCodeTransformer(transformer) {
-    codeTransformer.value = transformer
+    codeTransformer.value = transformer;
   }
 
   function getExtension(id) {
-    return loadedExtensions.value.get(id)
+    return loadedExtensions.value.get(id);
   }
 
   async function loadExtension(path, backendPath = undefined) {
     try {
-      let finalURL = path
+      let finalURL = path;
 
       if (codeTransformer.value && path.startsWith("blob:")) {
-        const response = await fetch(path)
-        const code = await response.text()
-        const transformedCode = codeTransformer.value(code)
+        const response = await fetch(path);
+        const code = await response.text();
+        const transformedCode = codeTransformer.value(code);
 
         const newBlob = new Blob([transformedCode], {
           type: "application/javascript",
-        })
-        finalURL = URL.createObjectURL(newBlob)
+        });
+        finalURL = URL.createObjectURL(newBlob);
       }
-      const extensionModule = await import(/* @vite-ignore */ finalURL)
+      // oxlint-disable-next-line no-inline-comments
+      const extensionModule = await import(/* @vite-ignore */ finalURL);
 
       if (finalURL !== path && finalURL.startsWith("blob:")) {
-        URL.revokeObjectURL(finalURL)
+        URL.revokeObjectURL(finalURL);
       }
 
       if (!extensionModule.metadata?.id) {
-        throw new Error("Extension must have metadata.id")
+        throw new Error("Extension must have metadata.id");
       }
 
-      const extensionId = extensionModule.metadata.id
+      const extensionId = extensionModule.metadata.id;
 
       if (loadedExtensions.value.has(extensionId)) {
-        console.warn(`[AppStore] Extension "${extensionId}" is already loaded`)
-        throw new Error(`Extension "${extensionId}" is already loaded.`)
+        console.warn(`[AppStore] Extension "${extensionId}" is already loaded`);
+        throw new Error(`Extension "${extensionId}" is already loaded.`);
       }
 
       if (!extensionAPI.value) {
-        throw new Error("Extension API not initialized")
+        throw new Error("Extension API not initialized");
       }
 
-      if (typeof extensionModule.install === "function") {
-        await extensionModule.install(extensionAPI.value, backendPath)
-
-        const extensionData = {
-          module: extensionModule,
-          id: extensionId,
-          path,
-          backendPath,
-          loadedAt: new Date().toISOString(),
-          metadata: extensionModule.metadata,
-          enabled: true,
-        }
-        loadedExtensions.value.set(extensionId, extensionData)
-
-        console.log(`[AppStore] Extension loaded successfully: ${extensionId}`)
-        return extensionModule
-      } else {
-        throw new Error("Extension must export an install function")
+      if (typeof extensionModule.install !== "function") {
+        throw new TypeError("Extension must export an install function");
       }
+
+      await extensionModule.install(extensionAPI.value, backendPath);
+
+      const extensionData = {
+        module: extensionModule,
+        id: extensionId,
+        path,
+        backendPath,
+        loadedAt: new Date().toISOString(),
+        metadata: extensionModule.metadata,
+        enabled: true,
+      };
+      loadedExtensions.value.set(extensionId, extensionData);
+
+      console.log(`[AppStore] Extension loaded successfully: ${extensionId}`);
+      return extensionModule;
     } catch (error) {
-      console.error(`[AppStore] Failed to load extension from ${path}:`, error)
-      throw error
+      console.error(`[AppStore] Failed to load extension from ${path}:`, error);
+      throw error;
     }
   }
 
   function getLoadedExtensions() {
-    return [...loadedExtensions.value.values()]
+    return [...loadedExtensions.value.values()];
   }
 
   function unloadExtension(id) {
-    const extensionData = getExtension(id)
+    const extensionData = getExtension(id);
     if (!extensionData) {
-      return false
+      return false;
     }
-    if (
-      extensionData.module &&
-      typeof extensionData.module.uninstall === "function"
-    ) {
+    if (extensionData.module && typeof extensionData.module.uninstall === "function") {
       try {
-        extensionData.module.uninstall(extensionAPI.value)
-        console.log(`[AppStore] Extension uninstall called: ${id}`)
+        extensionData.module.uninstall(extensionAPI.value);
+        console.log(`[AppStore] Extension uninstall called: ${id}`);
       } catch (error) {
-        console.error(`[AppStore] Error calling uninstall for ${id}:`, error)
+        console.error(`[AppStore] Error calling uninstall for ${id}:`, error);
       }
     }
 
-    if (
-      extensionAPI.value &&
-      typeof extensionAPI.value.unregisterToolsByExtension === "function"
-    ) {
-      extensionAPI.value.unregisterToolsByExtension(id)
+    if (extensionAPI.value && typeof extensionAPI.value.unregisterToolsByExtension === "function") {
+      extensionAPI.value.unregisterToolsByExtension(id);
     }
 
-    loadedExtensions.value.delete(id)
-    console.log(`[AppStore] Extension unloaded: ${id}`)
-    return true
+    loadedExtensions.value.delete(id);
+    console.log(`[AppStore] Extension unloaded: ${id}`);
+    return true;
   }
 
   function toggleExtension(id) {
-    const extensionData = getExtension(id)
+    const extensionData = getExtension(id);
     if (!extensionData) {
-      return false
+      return false;
     }
-    extensionData.enabled = !extensionData.enabled
-    console.log(
-      `[AppStore] Extension ${extensionData.enabled ? "enabled" : "disabled"}: ${id}`,
-    )
-    return extensionData.enabled
+    extensionData.enabled = !extensionData.enabled;
+    console.log(`[AppStore] Extension ${extensionData.enabled ? "enabled" : "disabled"}: ${id}`);
+    return extensionData.enabled;
   }
 
   function setExtensionEnabled(id, enabled) {
-    const extensionData = getExtension(id)
+    const extensionData = getExtension(id);
     if (!extensionData) {
-      return false
+      return false;
     }
-    extensionData.enabled = enabled
-    console.log(
-      `[AppStore] Extension ${enabled ? "enabled" : "disabled"}: ${id}`,
-    )
-    return true
+    extensionData.enabled = enabled;
+    console.log(`[AppStore] Extension ${enabled ? "enabled" : "disabled"}: ${id}`);
+    return true;
   }
 
   function getExtensionEnabled(id) {
-    return getExtension(id)?.enabled ?? false
+    return getExtension(id)?.enabled ?? false;
   }
 
   function upload(file, callbacks = {}) {
-    const route = "/api/extensions/upload"
-    const store = useAppStore()
+    const route = "/api/extensions/upload";
+    const store = useAppStore();
     return upload_file(
       store,
       { route, file },
       {
         ...callbacks,
         response_function: async (response) => {
-          console.log("[APP] Request completed:", route)
+          console.log("[APP] Request completed:", route);
           if (callbacks.response_function) {
-            await callbacks.response_function(response)
+            await callbacks.response_function(response);
           }
         },
       },
-    )
+    );
   }
 
   function request(schema, params, callbacks = {}) {
-    console.log("[APP] Request:", schema.$id)
+    console.log("[APP] Request:", schema.$id);
 
-    const store = useAppStore()
+    const store = useAppStore();
     return api_fetch(
       store,
       { schema, params },
       {
         ...callbacks,
         response_function: async (response) => {
-          console.log("[APP] Request completed:", schema.$id)
+          console.log("[APP] Request completed:", schema.$id);
           if (callbacks.response_function) {
-            await callbacks.response_function(response)
+            await callbacks.response_function(response);
           }
         },
       },
-    )
+    );
   }
 
-  const request_counter = ref(0)
+  const request_counter = ref(0);
   function start_request() {
-    request_counter.value += 1
+    request_counter.value += 1;
   }
   function stop_request() {
-    request_counter.value -= 1
+    request_counter.value -= 1;
   }
 
-  const projectFolderPath = ref("")
+  const projectFolderPath = ref("");
   function createProjectFolder() {
     const schema = {
       $id: "/api/app/project_folder_path",
@@ -272,18 +252,18 @@ export const useAppStore = defineStore("app", () => {
       properties: {},
       required: [],
       additionalProperties: true,
-    }
+    };
 
     return request(
       schema,
       {},
       {
-        response_function: async (response) => {
-          console.log(`[APP] ${response.projectFolderPath} created`)
-          projectFolderPath.value = response.projectFolderPath
+        response_function: (response) => {
+          console.log(`[APP] ${response.projectFolderPath} created`);
+          projectFolderPath.value = response.projectFolderPath;
         },
       },
-    )
+    );
   }
 
   return {
@@ -308,5 +288,5 @@ export const useAppStore = defineStore("app", () => {
     createProjectFolder,
     start_request,
     stop_request,
-  }
-})
+  };
+});
diff --git a/app/stores/data.js b/app/stores/data.js
index 90f66c4c..62bd60ae 100644
--- a/app/stores/data.js
+++ b/app/stores/data.js
@@ -1,53 +1,51 @@
 // Third party imports
-import { liveQuery } from "dexie"
-import { useObservable } from "@vueuse/rxjs"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import { liveQuery } from "dexie";
+import { useObservable } from "@vueuse/rxjs";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { database } from "@ogw_internal/database/database.js"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { database } from "@ogw_internal/database/database.js";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
-const viewer_generic_schemas = viewer_schemas.opengeodeweb_viewer.generic
+const viewer_generic_schemas = viewer_schemas.opengeodeweb_viewer.generic;
 
 export const useDataStore = defineStore("data", () => {
-  const viewerStore = useViewerStore()
+  const viewerStore = useViewerStore();
 
   function item(id) {
-    return database.data.get(id)
+    return database.data.get(id);
   }
 
   function refItem(id) {
     return useObservable(
       liveQuery(() => database.data.get(id)),
       { initialValue: {} },
-    )
+    );
   }
 
   function refAllItems() {
     return useObservable(
       liveQuery(() => database.data.toArray()),
       { initialValue: [] },
-    )
+    );
   }
 
   async function formatedMeshComponents(modelId) {
-    const items = await database.model_components
-      .where({ id: modelId })
-      .toArray()
+    const items = await database.model_components.where({ id: modelId }).toArray();
     const componentTitles = {
       Corner: "Corners",
       Line: "Lines",
       Surface: "Surfaces",
       Block: "Blocks",
-    }
+    };
 
-    const componentsByType = {}
+    const componentsByType = {};
     for (const component_item of items) {
       if (componentTitles[component_item.type]) {
         if (!componentsByType[component_item.type]) {
-          componentsByType[component_item.type] = []
+          componentsByType[component_item.type] = [];
         }
-        componentsByType[component_item.type].push(component_item)
+        componentsByType[component_item.type].push(component_item);
       }
     }
 
@@ -61,22 +59,20 @@ export const useDataStore = defineStore("data", () => {
           title: meshComponent.name,
           category: meshComponent.type,
         })),
-      }))
+      }));
   }
 
   async function meshComponentType(modelId, geode_id) {
-    const component = await database.model_components
-      .where({ id: modelId, geode_id })
-      .first()
-    return component?.type
+    const component = await database.model_components.where({ id: modelId, geode_id }).first();
+    return component?.type;
   }
 
   async function registerObject(id) {
-    return await viewerStore.request(viewer_generic_schemas.register, { id })
+    return await viewerStore.request(viewer_generic_schemas.register, { id });
   }
 
   async function deregisterObject(id) {
-    return await viewerStore.request(viewer_generic_schemas.deregister, { id })
+    return await viewerStore.request(viewer_generic_schemas.deregister, { id });
   }
 
   function addItem(new_item) {
@@ -88,12 +84,12 @@ export const useDataStore = defineStore("data", () => {
       visible: true,
       created_at: new Date().toISOString(),
       binary_light_viewable: new_item.binary_light_viewable,
-    }
-    return database.data.put(itemData)
+    };
+    return database.data.put(itemData);
   }
 
   function addComponents(new_item) {
-    const allComponents = []
+    const allComponents = [];
     function addModelComponents(components) {
       for (const component of components) {
         allComponents.push({
@@ -102,16 +98,16 @@ export const useDataStore = defineStore("data", () => {
           type: component.type,
           viewer_id: component.viewer_id,
           name: component.name,
-        })
+        });
       }
     }
-    addModelComponents(new_item.mesh_components)
-    addModelComponents(new_item.collection_components)
-    return database.model_components.bulkPut(allComponents)
+    addModelComponents(new_item.mesh_components);
+    addModelComponents(new_item.collection_components);
+    return database.model_components.bulkPut(allComponents);
   }
 
   function addComponentRelations(new_item) {
-    const relations = []
+    const relations = [];
     function addModelComponentRelations(components, parent, type) {
       for (const child of components) {
         relations.push({
@@ -119,93 +115,81 @@ export const useDataStore = defineStore("data", () => {
           parent,
           child,
           type,
-        })
+        });
       }
     }
     for (const component of new_item.mesh_components) {
       if (component.boundaries) {
-        addModelComponentRelations(
-          component.boundaries,
-          component.geode_id,
-          "boundary",
-        )
+        addModelComponentRelations(component.boundaries, component.geode_id, "boundary");
       }
       if (component.internals) {
-        addModelComponentRelations(
-          component.internals,
-          component.geode_id,
-          "internal",
-        )
+        addModelComponentRelations(component.internals, component.geode_id, "internal");
       }
     }
     for (const component of new_item.collection_components) {
       if (component.items) {
-        addModelComponentRelations(
-          component.items,
-          component.geode_id,
-          "collection",
-        )
+        addModelComponentRelations(component.items, component.geode_id, "collection");
       }
     }
-    return database.model_components_relation.bulkPut(relations)
+    return database.model_components_relation.bulkPut(relations);
   }
 
   async function deleteItem(id) {
-    await database.data.delete(id)
-    await deleteModelComponents(id)
+    await database.data.delete(id);
+    await deleteModelComponents(id);
   }
 
   async function updateItem(id, changes) {
-    await database.data.update(id, changes)
+    await database.data.update(id, changes);
   }
 
   async function deleteModelComponents(modelId) {
-    await database.model_components.where({ id: modelId }).delete()
-    await database.model_components_relation.where({ id: modelId }).delete()
+    await database.model_components.where({ id: modelId }).delete();
+    await database.model_components_relation.where({ id: modelId }).delete();
   }
 
   async function getMeshComponentGeodeIds(modelId, component_type) {
     const components = await database.model_components
       .where({ id: modelId, type: component_type })
-      .toArray()
-    return components.map((component) => component.geode_id)
+      .toArray();
+    return components.map((component) => component.geode_id);
   }
 
   async function getCornersGeodeIds(modelId) {
-    return await getMeshComponentGeodeIds(modelId, "Corner")
+    return await getMeshComponentGeodeIds(modelId, "Corner");
   }
 
   async function getLinesGeodeIds(modelId) {
-    return await getMeshComponentGeodeIds(modelId, "Line")
+    return await getMeshComponentGeodeIds(modelId, "Line");
   }
 
   async function getSurfacesGeodeIds(modelId) {
-    return await getMeshComponentGeodeIds(modelId, "Surface")
+    return await getMeshComponentGeodeIds(modelId, "Surface");
   }
 
   async function getBlocksGeodeIds(modelId) {
-    return await getMeshComponentGeodeIds(modelId, "Block")
+    return await getMeshComponentGeodeIds(modelId, "Block");
   }
 
   async function getMeshComponentsViewerIds(modelId, meshComponentGeodeIds) {
     const components = await database.model_components
       .where("[id+geode_id]")
       .anyOf(meshComponentGeodeIds.map((geode_id) => [modelId, geode_id]))
-      .toArray()
-    return components.map((component) => component.viewer_id)
+      .toArray();
+    return components.map((component) => component.viewer_id);
   }
 
   async function exportStores() {
-    const items = await database.data.toArray()
-    return { items }
+    const items = await database.data.toArray();
+    return { items };
   }
 
   async function importStores(_snapshot) {
-    await clear()
+    await clear();
   }
 
   async function clear() {
-    await database.data.clear()
+    await database.data.clear();
   }
 
   return {
@@ -229,5 +213,5 @@ export const useDataStore = defineStore("data", () => {
     exportStores,
     importStores,
     clear,
-  }
-})
+  };
+});
diff --git a/app/stores/data_style.js b/app/stores/data_style.js
index fa52ac62..a1a8ac95 100644
--- a/app/stores/data_style.js
+++ b/app/stores/data_style.js
@@ -1,78 +1,78 @@
-import { getDefaultStyle } from "@ogw_front/utils/default_styles"
-import { useDataStore } from "@ogw_front/stores/data"
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
-import { useMeshStyle } from "@ogw_internal/stores/data_style/mesh/index"
-import { useModelStyle } from "@ogw_internal/stores/data_style/model/index"
+import { getDefaultStyle } from "@ogw_front/utils/default_styles";
+import { useDataStore } from "@ogw_front/stores/data";
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
+import { useMeshStyle } from "@ogw_internal/stores/data_style/mesh/index";
+import { useModelStyle } from "@ogw_internal/stores/data_style/model/index";
 
 export const useDataStyleStore = defineStore("dataStyle", () => {
-  const dataStyleState = useDataStyleStateStore()
-  const meshStyleStore = useMeshStyle()
-  const modelStyleStore = useModelStyle()
-  const dataStore = useDataStore()
+  const dataStyleState = useDataStyleStateStore();
+  const meshStyleStore = useMeshStyle();
+  const modelStyleStore = useModelStyle();
+  const dataStore = useDataStore();
 
   function addDataStyle(id, geode_object) {
-    dataStyleState.styles[id] = getDefaultStyle(geode_object)
+    dataStyleState.styles[id] = getDefaultStyle(geode_object);
   }
 
   async function setVisibility(id, visibility) {
-    const item = await dataStore.item(id)
-    const viewer_type = item?.viewer_type
+    const item = await dataStore.item(id);
+    const viewer_type = item?.viewer_type;
     if (!viewer_type) {
-      throw new Error(`Item not found or not loaded: ${id}`)
+      throw new Error(`Item not found or not loaded: ${id}`);
     }
 
     if (viewer_type === "mesh") {
-      return meshStyleStore.setMeshVisibility(id, visibility)
+      return meshStyleStore.setMeshVisibility(id, visibility);
     }
     if (viewer_type === "model") {
-      return modelStyleStore.setModelVisibility(id, visibility)
+      return modelStyleStore.setModelVisibility(id, visibility);
     }
-    throw new Error("Unknown viewer_type")
+    throw new Error("Unknown viewer_type");
   }
 
   async function applyDefaultStyle(id) {
-    const item = await dataStore.item(id)
-    const viewer_type = item?.viewer_type
+    const item = await dataStore.item(id);
+    const viewer_type = item?.viewer_type;
     if (!viewer_type) {
-      throw new Error(`Item not found or not loaded: ${id}`)
+      throw new Error(`Item not found or not loaded: ${id}`);
     }
     if (viewer_type === "mesh") {
-      return meshStyleStore.applyMeshStyle(id)
+      return meshStyleStore.applyMeshStyle(id);
     }
     if (viewer_type === "model") {
-      return modelStyleStore.applyModelStyle(id)
+      return modelStyleStore.applyModelStyle(id);
     }
-    throw new Error(`Unknown viewer_type: ${viewer_type}`)
+    throw new Error(`Unknown viewer_type: ${viewer_type}`);
   }
 
   function exportStores() {
-    return { styles: dataStyleState.styles }
+    return { styles: dataStyleState.styles };
   }
 
   function importStores(snapshot) {
-    const stylesSnapshot = snapshot.styles || {}
+    const stylesSnapshot = snapshot.styles || {};
     for (const id of Object.keys(dataStyleState.styles)) {
-      delete dataStyleState.styles[id]
+      delete dataStyleState.styles[id];
     }
     for (const [id, style] of Object.entries(stylesSnapshot)) {
-      dataStyleState.styles[id] = style
+      dataStyleState.styles[id] = style;
     }
   }
 
   function applyAllStylesFromState() {
-    const ids = Object.keys(dataStyleState.styles || {})
+    const ids = Object.keys(dataStyleState.styles || {});
     const promises = ids.map(async (id) => {
-      const meta = await dataStore.item(id)
-      const viewerType = meta?.viewer_type
-      const style = dataStyleState.styles[id]
+      const meta = await dataStore.item(id);
+      const viewerType = meta?.viewer_type;
+      const style = dataStyleState.styles[id];
       if (style && viewerType === "mesh") {
-        return meshStyleStore.applyMeshStyle(id)
+        return meshStyleStore.applyMeshStyle(id);
       }
       if (style && viewerType === "model") {
-        return modelStyleStore.applyModelStyle(id)
+        return modelStyleStore.applyModelStyle(id);
       }
-    })
-    return Promise.all(promises)
+    });
+    return Promise.all(promises);
   }
 
   return {
@@ -88,5 +88,5 @@ export const useDataStyleStore = defineStore("dataStyle", () => {
     exportStores,
     importStores,
     applyAllStylesFromState,
-  }
-})
+  };
+});
diff --git a/app/stores/feedback.js b/app/stores/feedback.js
index 9baf3e5a..d1101281 100644
--- a/app/stores/feedback.js
+++ b/app/stores/feedback.js
@@ -1,18 +1,17 @@
-import { v4 as uuidv4 } from "uuid"
+import { v4 as uuidv4 } from "uuid";
 
-const MILLISECONDS_IN_SECOND = 1000
-const DEFAULT_FEEDBACKS_TIMEOUT_SECONDS = 10
+const MILLISECONDS_IN_SECOND = 1000;
+const DEFAULT_FEEDBACKS_TIMEOUT_SECONDS = 10;
 
 export const useFeedbackStore = defineStore("feedback", {
   state: () => ({
     feedbacks: [],
     server_error: false,
-    feedbacks_timeout_miliseconds:
-      DEFAULT_FEEDBACKS_TIMEOUT_SECONDS * MILLISECONDS_IN_SECOND,
+    feedbacks_timeout_miliseconds: DEFAULT_FEEDBACKS_TIMEOUT_SECONDS * MILLISECONDS_IN_SECOND,
   }),
   actions: {
     async add_error(code, route, name, description) {
-      const feedbackId = uuidv4()
+      const feedbackId = uuidv4();
       await this.feedbacks.push({
         id: feedbackId,
         type: "error",
@@ -20,29 +19,27 @@ export const useFeedbackStore = defineStore("feedback", {
         route,
         name,
         description,
-      })
+      });
       setTimeout(() => {
-        this.delete_feedback(feedbackId)
-      }, this.feedbacks_timeout_miliseconds)
+        this.delete_feedback(feedbackId);
+      }, this.feedbacks_timeout_miliseconds);
     },
     async add_success(description) {
-      const feedbackId = uuidv4()
+      const feedbackId = uuidv4();
       await this.feedbacks.push({
         id: feedbackId,
         type: "success",
         description,
-      })
+      });
       setTimeout(() => {
-        this.delete_feedback(feedbackId)
-      }, this.feedbacks_timeout_miliseconds)
+        this.delete_feedback(feedbackId);
+      }, this.feedbacks_timeout_miliseconds);
     },
-    async delete_feedback(feedbackId) {
-      this.feedbacks = this.feedbacks.filter(
-        (feedback) => feedback.id !== feedbackId,
-      )
+    delete_feedback(feedbackId) {
+      this.feedbacks = this.feedbacks.filter((feedback) => feedback.id !== feedbackId);
     },
-    async delete_server_error() {
-      this.server_error = false
+    delete_server_error() {
+      this.server_error = false;
     },
   },
-})
+});
diff --git a/app/stores/geode.js b/app/stores/geode.js
index 9f9a6c6b..8ff74308 100644
--- a/app/stores/geode.js
+++ b/app/stores/geode.js
@@ -1,14 +1,14 @@
-import { Status } from "@ogw_front/utils/status"
-import { api_fetch } from "@ogw_internal/utils/api_fetch"
-import { appMode } from "@ogw_front/utils/local/app_mode"
-import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
-import { upload_file } from "@ogw_internal/utils/upload_file.js"
-import { useAppStore } from "@ogw_front/stores/app"
-import { useFeedbackStore } from "@ogw_front/stores/feedback"
-import { useInfraStore } from "@ogw_front/stores/infra"
+import { Status } from "@ogw_front/utils/status";
+import { api_fetch } from "@ogw_internal/utils/api_fetch";
+import { appMode } from "@ogw_front/utils/local/app_mode";
+import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
+import { upload_file } from "@ogw_internal/utils/upload_file.js";
+import { useAppStore } from "@ogw_front/stores/app";
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
+import { useInfraStore } from "@ogw_front/stores/infra";
 
-const MILLISECONDS_IN_SECOND = 1000
-const DEFAULT_PING_INTERVAL_SECONDS = 10
+const MILLISECONDS_IN_SECOND = 1000;
+const DEFAULT_PING_INTERVAL_SECONDS = 10;
 
 export const useGeodeStore = defineStore("geode", {
   state: () => ({
@@ -19,69 +19,68 @@ export const useGeodeStore = defineStore("geode", {
   getters: {
     protocol() {
       if (useInfraStore().app_mode === appMode.CLOUD) {
-        return "https"
+        return "https";
       }
-      return "http"
+      return "http";
     },
     port() {
       if (useInfraStore().app_mode === appMode.CLOUD) {
-        return "443"
+        return "443";
       }
-      return this.default_local_port
+      return this.default_local_port;
     },
     base_url() {
-      const infraStore = useInfraStore()
-      let geode_url = `${this.protocol}://${infraStore.domain_name}:${this.port}`
+      const infraStore = useInfraStore();
+      let geode_url = `${this.protocol}://${infraStore.domain_name}:${this.port}`;
       if (infraStore.app_mode === appMode.CLOUD) {
         if (infraStore.ID === "") {
-          throw new Error("ID must not be empty in cloud mode")
+          throw new Error("ID must not be empty in cloud mode");
         }
-        geode_url += `/${infraStore.ID}/geode`
+        geode_url += `/${infraStore.ID}/geode`;
       }
-      return geode_url
+      return geode_url;
     },
     is_busy() {
-      return this.request_counter > 0
+      return this.request_counter > 0;
     },
   },
   actions: {
     set_ping() {
-      this.ping()
+      this.ping();
       setInterval(() => {
-        this.ping()
-      }, DEFAULT_PING_INTERVAL_SECONDS * MILLISECONDS_IN_SECOND)
+        this.ping();
+      }, DEFAULT_PING_INTERVAL_SECONDS * MILLISECONDS_IN_SECOND);
     },
     ping() {
-      const geodeStore = this
-      const feedbackStore = useFeedbackStore()
+      const feedbackStore = useFeedbackStore();
       return this.request(
         back_schemas.opengeodeweb_back.ping,
         {},
         {
           request_error_function: () => {
-            feedbackStore.$patch({ server_error: true })
-            geodeStore.status = Status.NOT_CONNECTED
+            feedbackStore.$patch({ server_error: true });
+            this.status = Status.NOT_CONNECTED;
           },
           response_function: () => {
-            feedbackStore.$patch({ server_error: false })
-            geodeStore.status = Status.CONNECTED
+            feedbackStore.$patch({ server_error: false });
+            this.status = Status.CONNECTED;
           },
           response_error_function: () => {
-            feedbackStore.$patch({ server_error: true })
-            geodeStore.status = Status.NOT_CONNECTED
+            feedbackStore.$patch({ server_error: true });
+            this.status = Status.NOT_CONNECTED;
           },
         },
-      )
+      );
     },
     start_request() {
-      this.request_counter += 1
+      this.request_counter += 1;
     },
     stop_request() {
-      this.request_counter -= 1
+      this.request_counter -= 1;
     },
     launch(args) {
-      console.log("[GEODE] Launching back microservice...", { args })
-      const appStore = useAppStore()
+      console.log("[GEODE] Launching back microservice...", { args });
+      const appStore = useAppStore();
       const schema = {
         $id: "/api/app/run_back",
         methods: ["POST"],
@@ -89,26 +88,26 @@ export const useGeodeStore = defineStore("geode", {
         properties: {},
         required: [],
         additionalProperties: true,
-      }
+      };
 
-      const params = { args }
+      const params = { args };
 
-      console.log("[GEODE] params", params)
+      console.log("[GEODE] params", params);
       return appStore.request(schema, params, {
         response_function: (response) => {
-          console.log(`[GEODE] Back launched on port ${response.port}`)
-          this.default_local_port = response.port
+          console.log(`[GEODE] Back launched on port ${response.port}`);
+          this.default_local_port = response.port;
         },
-      })
+      });
     },
     connect() {
-      console.log("[GEODE] Connecting to geode microservice...")
-      this.set_ping()
-      return Promise.resolve()
+      console.log("[GEODE] Connecting to geode microservice...");
+      this.set_ping();
+      return Promise.resolve();
     },
     request(schema, params, callbacks = {}) {
-      console.log("[GEODE] Request:", schema.$id)
-      const start = Date.now()
+      console.log("[GEODE] Request:", schema.$id);
+      const start = Date.now();
 
       return api_fetch(
         this,
@@ -122,16 +121,16 @@ export const useGeodeStore = defineStore("geode", {
               "in",
               (Date.now() - start) / MILLISECONDS_IN_SECOND,
               "s",
-            )
+            );
             if (callbacks.response_function) {
-              await callbacks.response_function(response)
+              await callbacks.response_function(response);
             }
           },
         },
-      )
+      );
     },
     upload(file, callbacks = {}) {
-      const route = back_schemas.opengeodeweb_back.upload_file.$id
+      const route = back_schemas.opengeodeweb_back.upload_file.$id;
       return upload_file(
         this,
         {
@@ -141,16 +140,16 @@ export const useGeodeStore = defineStore("geode", {
         {
           ...callbacks,
           response_function: async (response) => {
-            console.log("[GEODE] Request completed:", route)
+            console.log("[GEODE] Request completed:", route);
             if (callbacks.response_function) {
-              await callbacks.response_function(response)
+              await callbacks.response_function(response);
             }
           },
         },
-      )
+      );
     },
   },
   share: {
     omit: ["status"],
   },
-})
+});
diff --git a/app/stores/hybrid_viewer.js b/app/stores/hybrid_viewer.js
index 32660a6b..e6c20b3c 100644
--- a/app/stores/hybrid_viewer.js
+++ b/app/stores/hybrid_viewer.js
@@ -1,137 +1,137 @@
 // oxlint-disable-next-line import/no-unassigned-import
-import "@kitware/vtk.js/Rendering/Profiles/Geometry"
-import { newInstance as vtkActor } from "@kitware/vtk.js/Rendering/Core/Actor"
-import { newInstance as vtkGenericRenderWindow } from "@kitware/vtk.js/Rendering/Misc/GenericRenderWindow"
-import { newInstance as vtkMapper } from "@kitware/vtk.js/Rendering/Core/Mapper"
-import { newInstance as vtkXMLPolyDataReader } from "@kitware/vtk.js/IO/XML/XMLPolyDataReader"
+import "@kitware/vtk.js/Rendering/Profiles/Geometry";
+import { newInstance as vtkActor } from "@kitware/vtk.js/Rendering/Core/Actor";
+import { newInstance as vtkGenericRenderWindow } from "@kitware/vtk.js/Rendering/Misc/GenericRenderWindow";
+import { newInstance as vtkMapper } from "@kitware/vtk.js/Rendering/Core/Mapper";
+import { newInstance as vtkXMLPolyDataReader } from "@kitware/vtk.js/IO/XML/XMLPolyDataReader";
 
-import { Status } from "@ogw_front/utils/status"
-import { useDataStore } from "@ogw_front/stores/data"
-import { useViewerStore } from "@ogw_front/stores/viewer"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import { Status } from "@ogw_front/utils/status";
+import { useDataStore } from "@ogw_front/stores/data";
+import { useViewerStore } from "@ogw_front/stores/viewer";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
-const RGB_MAX = 255
-const BACKGROUND_GREY_VALUE = 180
-const ACTOR_DARK_VALUE = 20
+const RGB_MAX = 255;
+const BACKGROUND_GREY_VALUE = 180;
+const ACTOR_DARK_VALUE = 20;
 const BACKGROUND_COLOR = [
   BACKGROUND_GREY_VALUE / RGB_MAX,
   BACKGROUND_GREY_VALUE / RGB_MAX,
   BACKGROUND_GREY_VALUE / RGB_MAX,
-]
+];
 const ACTOR_COLOR = [
   ACTOR_DARK_VALUE / RGB_MAX,
   ACTOR_DARK_VALUE / RGB_MAX,
   ACTOR_DARK_VALUE / RGB_MAX,
-]
-const WHEEL_TIME_OUT_MS = 600
+];
+const WHEEL_TIME_OUT_MS = 600;
 
 export const useHybridViewerStore = defineStore("hybridViewer", () => {
-  const dataStore = useDataStore()
-  const viewerStore = useViewerStore()
-  const hybridDb = reactive({})
-  const status = ref(Status.NOT_CREATED)
-  const camera_options = reactive({})
-  const genericRenderWindow = reactive({})
-  const is_moving = ref(false)
-  const zScale = ref(1)
-  let viewStream = undefined
-  const gridActor = undefined
+  const dataStore = useDataStore();
+  const viewerStore = useViewerStore();
+  const hybridDb = reactive({});
+  const status = ref(Status.NOT_CREATED);
+  const camera_options = reactive({});
+  const genericRenderWindow = reactive({});
+  const is_moving = ref(false);
+  const zScale = ref(1);
+  let viewStream = undefined;
+  const gridActor = undefined;
 
   async function initHybridViewer() {
     if (status.value !== Status.NOT_CREATED) {
-      return
+      return;
     }
-    status.value = Status.CREATING
+    status.value = Status.CREATING;
     genericRenderWindow.value = vtkGenericRenderWindow({
       background: BACKGROUND_COLOR,
       listenWindowResize: false,
-    })
+    });
 
-    const webGLRenderWindow =
-      genericRenderWindow.value.getApiSpecificRenderWindow()
-    const imageStyle = webGLRenderWindow.getReferenceByName("bgImage").style
-    imageStyle.transition = "opacity 0.1s ease-in"
-    imageStyle.zIndex = 1
+    const webGLRenderWindow = genericRenderWindow.value.getApiSpecificRenderWindow();
+    const imageStyle = webGLRenderWindow.getReferenceByName("bgImage").style;
+    imageStyle.transition = "opacity 0.1s ease-in";
+    imageStyle.zIndex = 1;
 
-    await viewerStore.ws_connect()
-    viewStream = viewerStore.client.getImageStream().createViewStream("-1")
+    await viewerStore.ws_connect();
+    viewStream = viewerStore.client.getImageStream().createViewStream("-1");
     viewStream.onImageReady((event) => {
       if (is_moving.value) {
-        return
+        return;
       }
-      webGLRenderWindow.setBackgroundImage(event.image)
-      imageStyle.opacity = 1
-    })
+      webGLRenderWindow.setBackgroundImage(event.image);
+      imageStyle.opacity = 1;
+    });
 
-    status.value = Status.CREATED
+    status.value = Status.CREATED;
   }
 
   async function addItem(id) {
     if (!genericRenderWindow.value) {
-      return
+      return;
     }
-    const value = await dataStore.item(id)
-    console.log("hybridViewerStore.addItem", { value })
-    const reader = vtkXMLPolyDataReader()
-    const textEncoder = new TextEncoder()
-    await reader.parseAsArrayBuffer(
-      textEncoder.encode(value.binary_light_viewable),
-    )
-    const polydata = reader.getOutputData(0)
-    const mapper = vtkMapper()
-    mapper.setInputData(polydata)
-    const actor = vtkActor()
-    actor.getProperty().setColor(ACTOR_COLOR)
-    actor.setMapper(mapper)
-    const renderer = genericRenderWindow.value.getRenderer()
-    const renderWindow = genericRenderWindow.value.getRenderWindow()
-    renderer.addActor(actor)
-    renderer.resetCamera()
-    renderWindow.render()
-    hybridDb[id] = { actor, polydata, mapper }
+    const value = await dataStore.item(id);
+    console.log("hybridViewerStore.addItem", { value });
+    const reader = vtkXMLPolyDataReader();
+    const textEncoder = new TextEncoder();
+    await reader.parseAsArrayBuffer(textEncoder.encode(value.binary_light_viewable));
+    const polydata = reader.getOutputData(0);
+    const mapper = vtkMapper();
+    mapper.setInputData(polydata);
+    const actor = vtkActor();
+    actor.getProperty().setColor(ACTOR_COLOR);
+    actor.setMapper(mapper);
+    const renderer = genericRenderWindow.value.getRenderer();
+    const renderWindow = genericRenderWindow.value.getRenderWindow();
+    renderer.addActor(actor);
+    renderer.resetCamera();
+    renderWindow.render();
+    hybridDb[id] = { actor, polydata, mapper };
   }
 
-  async function removeItem(id) {
+  function removeItem(id) {
     if (!hybridDb[id]) {
-      return
+      return;
     }
-    const renderer = genericRenderWindow.value.getRenderer()
-    renderer.removeActor(hybridDb[id].actor)
-    genericRenderWindow.value.getRenderWindow().render()
-    delete hybridDb[id]
+    const renderer = genericRenderWindow.value.getRenderer();
+    renderer.removeActor(hybridDb[id].actor);
+    genericRenderWindow.value.getRenderWindow().render();
+    delete hybridDb[id];
   }
 
-  async function setVisibility(id, visibility) {
-    hybridDb[id].actor.setVisibility(visibility)
-    const renderWindow = genericRenderWindow.value.getRenderWindow()
-    renderWindow.render()
+  function setVisibility(id, visibility) {
+    if (!hybridDb[id]) {
+      return;
+    }
+    hybridDb[id].actor.setVisibility(visibility);
+    const renderWindow = genericRenderWindow.value.getRenderWindow();
+    renderWindow.render();
   }
   async function setZScaling(z_scale) {
-    zScale.value = z_scale
-    const renderer = genericRenderWindow.value.getRenderer()
-    const actors = renderer.getActors()
+    zScale.value = z_scale;
+    const renderer = genericRenderWindow.value.getRenderer();
+    const actors = renderer.getActors();
     for (const actor of actors) {
       if (actor !== gridActor) {
-        const scale = actor.getScale()
-        actor.setScale(scale[0], scale[1], z_scale)
+        const scale = actor.getScale();
+        actor.setScale(scale[0], scale[1], z_scale);
       }
     }
-    renderer.resetCamera()
-    genericRenderWindow.value.getRenderWindow().render()
-    const schema = viewer_schemas?.opengeodeweb_viewer?.viewer?.set_z_scaling
+    renderer.resetCamera();
+    genericRenderWindow.value.getRenderWindow().render();
+    const schema = viewer_schemas?.opengeodeweb_viewer?.viewer?.set_z_scaling;
     if (!schema) {
-      return
+      return;
     }
     await viewerStore.request(schema, {
       z_scale,
-    })
-    remoteRender()
+    });
+    remoteRender();
   }
 
   function syncRemoteCamera() {
-    console.log("syncRemoteCamera")
-    const renderer = genericRenderWindow.value.getRenderer()
-    const camera = renderer.getActiveCamera()
+    console.log("syncRemoteCamera");
+    const renderer = genericRenderWindow.value.getRenderer();
+    const camera = renderer.getActiveCamera();
     const params = {
       camera_options: {
         focal_point: [...camera.getFocalPoint()],
@@ -141,93 +141,84 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
         clipping_range: [...camera.getClippingRange()],
         distance: camera.getDistance(),
       },
-    }
-    viewerStore.request(
-      viewer_schemas.opengeodeweb_viewer.viewer.update_camera,
-      params,
-      {
-        response_function: () => {
-          remoteRender()
-          for (const key in params.camera_options) {
-            if (Object.hasOwn(params.camera_options, key)) {
-              camera_options[key] = params.camera_options[key]
-            }
+    };
+    viewerStore.request(viewer_schemas.opengeodeweb_viewer.viewer.update_camera, params, {
+      response_function: () => {
+        remoteRender();
+        for (const key in params.camera_options) {
+          if (Object.hasOwn(params.camera_options, key)) {
+            camera_options[key] = params.camera_options[key];
           }
-        },
+        }
       },
-    )
+    });
   }
 
   function remoteRender() {
-    return viewerStore.request(viewer_schemas.opengeodeweb_viewer.viewer.render)
+    return viewerStore.request(viewer_schemas.opengeodeweb_viewer.viewer.render);
   }
 
   function setContainer(container) {
-    genericRenderWindow.value.setContainer(container.value.$el)
-    const webGLRenderWindow =
-      genericRenderWindow.value.getApiSpecificRenderWindow()
-    webGLRenderWindow.setUseBackgroundImage(true)
-    const imageStyle = webGLRenderWindow.getReferenceByName("bgImage").style
-    imageStyle.transition = "opacity 0.1s ease-in"
-    imageStyle.zIndex = 1
-    resize(container.value.$el.offsetWidth, container.value.$el.offsetHeight)
-    console.log("setContainer", container.value.$el)
+    genericRenderWindow.value.setContainer(container.value.$el);
+    const webGLRenderWindow = genericRenderWindow.value.getApiSpecificRenderWindow();
+    webGLRenderWindow.setUseBackgroundImage(true);
+    const imageStyle = webGLRenderWindow.getReferenceByName("bgImage").style;
+    imageStyle.transition = "opacity 0.1s ease-in";
+    imageStyle.zIndex = 1;
+    resize(container.value.$el.offsetWidth, container.value.$el.offsetHeight);
+    console.log("setContainer", container.value.$el);
 
     useMousePressed({
       target: container,
       onPressed: (event) => {
-        console.log("onPressed")
+        console.log("onPressed");
         if (event.button === 0) {
-          is_moving.value = true
-          event.stopPropagation()
-          imageStyle.opacity = 0
+          is_moving.value = true;
+          event.stopPropagation();
+          imageStyle.opacity = 0;
         }
       },
       onReleased: () => {
         if (!is_moving.value) {
-          return
+          return;
         }
-        is_moving.value = false
-        console.log("onReleased")
-        syncRemoteCamera()
+        is_moving.value = false;
+        console.log("onReleased");
+        syncRemoteCamera();
       },
-    })
+    });
 
-    let wheelEventEndTimeout = undefined
+    let wheelEventEndTimeout = undefined;
     useEventListener(container, "wheel", () => {
-      is_moving.value = true
-      imageStyle.opacity = 0
-      clearTimeout(wheelEventEndTimeout)
+      is_moving.value = true;
+      imageStyle.opacity = 0;
+      clearTimeout(wheelEventEndTimeout);
       wheelEventEndTimeout = setTimeout(() => {
-        is_moving.value = false
-        syncRemoteCamera()
-      }, WHEEL_TIME_OUT_MS)
-    })
+        is_moving.value = false;
+        syncRemoteCamera();
+      }, WHEEL_TIME_OUT_MS);
+    });
   }
 
   async function resize(width, height) {
-    if (
-      viewerStore.status !== Status.CONNECTED ||
-      status.value !== Status.CREATED
-    ) {
-      return
+    if (viewerStore.status !== Status.CONNECTED || status.value !== Status.CREATED) {
+      return;
     }
-    const webGLRenderWindow =
-      genericRenderWindow.value.getApiSpecificRenderWindow()
-    const canvas = webGLRenderWindow.getCanvas()
-    canvas.width = width
-    canvas.height = height
-    await nextTick()
-    webGLRenderWindow.setSize(width, height)
-    viewStream.setSize(width, height)
-    const renderWindow = genericRenderWindow.value.getRenderWindow()
-    renderWindow.render()
-    remoteRender()
+    const webGLRenderWindow = genericRenderWindow.value.getApiSpecificRenderWindow();
+    const canvas = webGLRenderWindow.getCanvas();
+    canvas.width = width;
+    canvas.height = height;
+    await nextTick();
+    webGLRenderWindow.setSize(width, height);
+    viewStream.setSize(width, height);
+    const renderWindow = genericRenderWindow.value.getRenderWindow();
+    renderWindow.render();
+    remoteRender();
   }
 
   function exportStores() {
-    const renderer = genericRenderWindow.value.getRenderer()
-    const camera = renderer.getActiveCamera()
+    const renderer = genericRenderWindow.value.getRenderer();
+    const camera = renderer.getActiveCamera();
     const cameraSnapshot = camera
       ? {
           focal_point: [...camera.getFocalPoint()],
@@ -237,33 +228,33 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
           clipping_range: [...camera.getClippingRange()],
           distance: camera.getDistance(),
         }
-      : camera_options
-    return { zScale: zScale.value, camera_options: cameraSnapshot }
+      : camera_options;
+    return { zScale: zScale.value, camera_options: cameraSnapshot };
   }
 
   async function importStores(snapshot) {
     if (!snapshot) {
-      console.warn("importStores called with undefined snapshot")
-      return
+      console.warn("importStores called with undefined snapshot");
+      return;
     }
-    const z_scale = snapshot.zScale
+    const z_scale = snapshot.zScale;
 
     function applyCamera() {
-      const { camera_options: snapshot_camera_options } = snapshot
+      const { camera_options: snapshot_camera_options } = snapshot;
       if (!snapshot_camera_options) {
-        return
+        return;
       }
 
-      const renderer = genericRenderWindow.value.getRenderer()
-      const camera = renderer.getActiveCamera()
+      const renderer = genericRenderWindow.value.getRenderer();
+      const camera = renderer.getActiveCamera();
 
-      camera.setFocalPoint(...snapshot_camera_options.focal_point)
-      camera.setViewUp(...snapshot_camera_options.view_up)
-      camera.setPosition(...snapshot_camera_options.position)
-      camera.setViewAngle(snapshot_camera_options.view_angle)
-      camera.setClippingRange(...snapshot_camera_options.clipping_range)
+      camera.setFocalPoint(...snapshot_camera_options.focal_point);
+      camera.setViewUp(...snapshot_camera_options.view_up);
+      camera.setPosition(...snapshot_camera_options.position);
+      camera.setViewAngle(snapshot_camera_options.view_angle);
+      camera.setClippingRange(...snapshot_camera_options.clipping_range);
 
-      genericRenderWindow.value.getRenderWindow().render()
+      genericRenderWindow.value.getRenderWindow().render();
 
       const payload = {
         camera_options: {
@@ -273,35 +264,31 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
           view_angle: snapshot_camera_options.view_angle,
           clipping_range: [...snapshot_camera_options.clipping_range],
         },
-      }
-      return viewerStore.request(
-        viewer_schemas.opengeodeweb_viewer.viewer.update_camera,
-        payload,
-        {
-          response_function: () => {
-            remoteRender()
-            Object.assign(camera_options, payload.camera_options)
-          },
+      };
+      return viewerStore.request(viewer_schemas.opengeodeweb_viewer.viewer.update_camera, payload, {
+        response_function: () => {
+          remoteRender();
+          Object.assign(camera_options, payload.camera_options);
         },
-      )
+      });
     }
 
     if (typeof z_scale === "number") {
-      await setZScaling(z_scale)
-      return await applyCamera()
+      await setZScaling(z_scale);
+      return await applyCamera();
     }
-    return await applyCamera()
+    return await applyCamera();
   }
 
   function clear() {
-    const renderer = genericRenderWindow.value.getRenderer()
-    const actors = renderer.getActors()
+    const renderer = genericRenderWindow.value.getRenderer();
+    const actors = renderer.getActors();
     for (const actor of actors) {
-      renderer.removeActor(actor)
+      renderer.removeActor(actor);
     }
-    genericRenderWindow.value.getRenderWindow().render()
+    genericRenderWindow.value.getRenderWindow().render();
     for (const id of Object.keys(hybridDb)) {
-      delete hybridDb[id]
+      delete hybridDb[id];
     }
   }
 
@@ -321,5 +308,5 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     clear,
     exportStores,
     importStores,
-  }
-})
+  };
+});
diff --git a/app/stores/infra.js b/app/stores/infra.js
index 446c7193..45efd22c 100644
--- a/app/stores/infra.js
+++ b/app/stores/infra.js
@@ -1,8 +1,8 @@
-import { Status } from "@ogw_front/utils/status"
-import { appMode } from "@ogw_front/utils/local/app_mode"
-import { registerRunningExtensions } from "@ogw_front/utils/extension"
-import { useAppStore } from "@ogw_front/stores/app"
-import { useLambdaStore } from "@ogw_front/stores/lambda"
+import { Status } from "@ogw_front/utils/status";
+import { appMode } from "@ogw_front/utils/local/app_mode";
+import { registerRunningExtensions } from "@ogw_front/utils/extension";
+import { useAppStore } from "@ogw_front/stores/app";
+import { useLambdaStore } from "@ogw_front/stores/lambda";
 
 export const useInfraStore = defineStore("infra", {
   state: () => ({
@@ -15,96 +15,86 @@ export const useInfraStore = defineStore("infra", {
   getters: {
     domain_name() {
       if (this.app_mode === appMode.CLOUD) {
-        return useRuntimeConfig().public.API_URL
+        return useRuntimeConfig().public.API_URL;
       }
-      return "localhost"
+      return "localhost";
     },
     microservices_connected() {
-      console.log("microservices", this.microservices)
-      return this.microservices.every(
-        (store) => store.status === Status.CONNECTED,
-      )
+      console.log("microservices", this.microservices);
+      return this.microservices.every((store) => store.status === Status.CONNECTED);
     },
     microservices_busy() {
-      return this.microservices.some((store) => store.is_busy === true)
+      return this.microservices.some((store) => store.is_busy === true);
     },
   },
   actions: {
     register_microservice(store) {
-      const store_name = store.$id
-      console.log("[INFRA] Registering microservice:", store_name)
+      const store_name = store.$id;
+      console.log("[INFRA] Registering microservice:", store_name);
 
-      if (
-        !this.microservices.find(
-          (microservice) => microservice.$id === store_name,
-        )
-      ) {
-        this.microservices.push(store)
-        console.log("[INFRA] Microservice registered:", store_name)
+      if (!this.microservices.some((microservice) => microservice.$id === store_name)) {
+        this.microservices.push(store);
+        console.log("[INFRA] Microservice registered:", store_name);
       }
     },
-    async create_backend() {
-      console.log("[INFRA] Starting create_backend - Mode:", this.app_mode)
+    create_backend() {
+      console.log("[INFRA] Starting create_backend - Mode:", this.app_mode);
       console.log(
         "[INFRA] Registered microservices:",
         this.microservices.map((store) => store.$id),
-      )
+      );
       if (this.status === Status.CREATED) {
-        return
+        return;
       }
       return navigator.locks.request("infra.create_backend", async () => {
-        this.status = Status.CREATING
+        this.status = Status.CREATING;
         if (this.status === Status.CREATED) {
-          return
+          return;
         }
-        console.log("[INFRA] Lock granted for create_backend")
+        console.log("[INFRA] Lock granted for create_backend");
         if (this.app_mode === appMode.CLOUD) {
-          console.log("[INFRA] CLOUD mode - Launching lambda...")
-          const lambdaStore = useLambdaStore()
-          this.ID = await lambdaStore.launch()
-          console.log("[INFRA] Lambda launched successfully")
+          console.log("[INFRA] CLOUD mode - Launching lambda...");
+          const lambdaStore = useLambdaStore();
+          this.ID = await lambdaStore.launch();
+          console.log("[INFRA] Lambda launched successfully");
         } else {
-          console.log(
-            `[INFRA] ${this.app_mode} mode - Launching microservices...`,
-          )
-          const appStore = useAppStore()
-          await appStore.createProjectFolder()
+          console.log(`[INFRA] ${this.app_mode} mode - Launching microservices...`);
+          const appStore = useAppStore();
+          await appStore.createProjectFolder();
           if (this.app_mode === appMode.DESKTOP) {
             globalThis.electronAPI.project_folder_path({
               projectFolderPath: appStore.projectFolderPath,
-            })
+            });
           }
-          const microservices_with_launch = this.microservices.filter(
-            (store) => store.launch,
-          )
+          const microservices_with_launch = this.microservices.filter((store) => store.launch);
           const launch_promises = microservices_with_launch.map((store) =>
             store.launch({ projectFolderPath: appStore.projectFolderPath }),
-          )
-          launch_promises.push(registerRunningExtensions())
-          await Promise.all(launch_promises)
+          );
+          launch_promises.push(registerRunningExtensions());
+          await Promise.all(launch_promises);
         }
-        this.status = Status.CREATED
-        console.log("[INFRA] Backend created successfully")
-        return this.create_connection()
-      })
+        this.status = Status.CREATED;
+        console.log("[INFRA] Backend created successfully");
+        return this.create_connection();
+      });
     },
     async create_connection() {
-      console.log("[INFRA] Starting create_connection")
+      console.log("[INFRA] Starting create_connection");
       console.log(
         "[INFRA] Connecting microservices:",
         this.microservices.map((store) => store.$id),
-      )
+      );
 
       await Promise.all(
         this.microservices.map(async (store) => {
-          await store.connect()
-          console.log("[INFRA] Microservice connected:", store.$id)
+          await store.connect();
+          console.log("[INFRA] Microservice connected:", store.$id);
         }),
-      )
-      console.log("[INFRA] All microservices connected")
+      );
+      console.log("[INFRA] All microservices connected");
     },
   },
   share: {
     omit: ["microservices"],
   },
-})
+});
diff --git a/app/stores/lambda.js b/app/stores/lambda.js
index e634e5de..2fb8609c 100644
--- a/app/stores/lambda.js
+++ b/app/stores/lambda.js
@@ -1,5 +1,5 @@
-import { Status } from "@ogw_front/utils/status"
-import { useFeedbackStore } from "@ogw_front/stores/feedback"
+import { Status } from "@ogw_front/utils/status";
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
 
 export const useLambdaStore = defineStore("lambda", {
   state: () => ({
@@ -7,51 +7,51 @@ export const useLambdaStore = defineStore("lambda", {
   }),
   getters: {
     protocol() {
-      return "https"
+      return "https";
     },
     port() {
-      return "443"
+      return "443";
     },
     base_url() {
-      const public_runtime_config = useRuntimeConfig().public
-      const domain_name = public_runtime_config.API_URL
-      const projectPath = `/${public_runtime_config.PROJECT}`
-      const url = `${this.protocol}://${domain_name}:${this.port}${public_runtime_config.SITE_BRANCH}${projectPath}/createbackend`
-      return url
+      const public_runtime_config = useRuntimeConfig().public;
+      const domain_name = public_runtime_config.API_URL;
+      const projectPath = `/${public_runtime_config.PROJECT}`;
+      const url = `${this.protocol}://${domain_name}:${this.port}${public_runtime_config.SITE_BRANCH}${projectPath}/createbackend`;
+      return url;
     },
     is_busy() {
-      return false
+      return false;
     },
   },
   actions: {
     async launch() {
-      console.log("[LAMBDA] Launching lambda backend...")
-      const feedbackStore = useFeedbackStore()
+      console.log("[LAMBDA] Launching lambda backend...");
+      const feedbackStore = useFeedbackStore();
 
       const { data, error } = await useFetch(this.base_url, {
         method: "POST",
-      })
+      });
 
       if (error.value || !data.value) {
-        this.status = Status.NOT_CONNECTED
-        feedbackStore.server_error = true
-        console.error("[LAMBDA] Failed to launch lambda backend", error.value)
-        throw new Error("Failed to launch lambda backend")
+        this.status = Status.NOT_CONNECTED;
+        feedbackStore.server_error = true;
+        console.error("[LAMBDA] Failed to launch lambda backend", error.value);
+        throw new Error("Failed to launch lambda backend");
       }
 
-      this.status = Status.CONNECTED
-      const id = data.value.ID
+      this.status = Status.CONNECTED;
+      const id = data.value.ID;
 
-      console.log("[LAMBDA] Lambda launched, ID:", id)
-      return id
+      console.log("[LAMBDA] Lambda launched, ID:", id);
+      return id;
     },
-    async connect() {
-      console.log("[LAMBDA] Lambda connected")
-      this.status = Status.CONNECTED
-      return Promise.resolve()
+    connect() {
+      console.log("[LAMBDA] Lambda connected");
+      this.status = Status.CONNECTED;
+      return Promise.resolve();
     },
   },
   share: {
     omit: ["status"],
   },
-})
+});
diff --git a/app/stores/menu.js b/app/stores/menu.js
index 910da4f5..feb8502a 100644
--- a/app/stores/menu.js
+++ b/app/stores/menu.js
@@ -1,96 +1,92 @@
 // PointSet components
-import PointSetPointsOptions from "@ogw_front/components/Viewer/PointSet/SpecificPointsOptions"
+import PointSetPointsOptions from "@ogw_front/components/Viewer/PointSet/SpecificPointsOptions";
 
 // EdgedCurve components
-import EdgedCurveEdgesOptions from "@ogw_front/components/Viewer/EdgedCurve/SpecificEdgesOptions"
-import EdgedCurvePointsOptions from "@ogw_front/components/Viewer/EdgedCurve/PointsOptions"
+import EdgedCurveEdgesOptions from "@ogw_front/components/Viewer/EdgedCurve/SpecificEdgesOptions";
+import EdgedCurvePointsOptions from "@ogw_front/components/Viewer/EdgedCurve/PointsOptions";
 
 // PolygonalSurface components
-import PolygonalSurfaceEdgesOptions from "@ogw_front/components/Viewer/PolygonalSurface/EdgesOptions"
-import PolygonalSurfacePointsOptions from "@ogw_front/components/Viewer/PolygonalSurface/PointsOptions"
-import PolygonalSurfacePolygonsOptions from "@ogw_front/components/Viewer/PolygonalSurface/SpecificPolygonsOptions"
+import PolygonalSurfaceEdgesOptions from "@ogw_front/components/Viewer/PolygonalSurface/EdgesOptions";
+import PolygonalSurfacePointsOptions from "@ogw_front/components/Viewer/PolygonalSurface/PointsOptions";
+import PolygonalSurfacePolygonsOptions from "@ogw_front/components/Viewer/PolygonalSurface/SpecificPolygonsOptions";
 
 // TriangulatedSurface components
-import TriangulatedSurfaceEdgesOptions from "@ogw_front/components/Viewer/TriangulatedSurface/EdgesOptions"
-import TriangulatedSurfacePointsOptions from "@ogw_front/components/Viewer/TriangulatedSurface/PointsOptions"
-import TriangulatedSurfaceTrianglesOptions from "@ogw_front/components/Viewer/TriangulatedSurface/TrianglesOptions"
+import TriangulatedSurfaceEdgesOptions from "@ogw_front/components/Viewer/TriangulatedSurface/EdgesOptions";
+import TriangulatedSurfacePointsOptions from "@ogw_front/components/Viewer/TriangulatedSurface/PointsOptions";
+import TriangulatedSurfaceTrianglesOptions from "@ogw_front/components/Viewer/TriangulatedSurface/TrianglesOptions";
 
 // Grid 2D components
-import Grid2DCellsOptions from "@ogw_front/components/Viewer/Grid/2D/CellsOptions"
-import Grid2DEdgesOptions from "@ogw_front/components/Viewer/Grid/2D/EdgesOptions"
-import Grid2DPointsOptions from "@ogw_front/components/Viewer/Grid/2D/PointsOptions"
+import Grid2DCellsOptions from "@ogw_front/components/Viewer/Grid/2D/CellsOptions";
+import Grid2DEdgesOptions from "@ogw_front/components/Viewer/Grid/2D/EdgesOptions";
+import Grid2DPointsOptions from "@ogw_front/components/Viewer/Grid/2D/PointsOptions";
 
 // Grid 3D components
-import Grid3DCellsOptions from "@ogw_front/components/Viewer/Grid/3D/CellsOptions"
-import Grid3DEdgesOptions from "@ogw_front/components/Viewer/Grid/3D/EdgesOptions"
-import Grid3DPointsOptions from "@ogw_front/components/Viewer/Grid/3D/PointsOptions"
+import Grid3DCellsOptions from "@ogw_front/components/Viewer/Grid/3D/CellsOptions";
+import Grid3DEdgesOptions from "@ogw_front/components/Viewer/Grid/3D/EdgesOptions";
+import Grid3DPointsOptions from "@ogw_front/components/Viewer/Grid/3D/PointsOptions";
 
 // Solid components
-import SolidEdgesOptions from "@ogw_front/components/Viewer/Solid/EdgesOptions"
-import SolidPointsOptions from "@ogw_front/components/Viewer/Solid/PointsOptions"
-import SolidPolygonsOptions from "@ogw_front/components/Viewer/Solid/PolygonsOptions"
-import SolidPolyhedraOptions from "@ogw_front/components/Viewer/Solid/SpecificPolyhedraOptions"
+import SolidEdgesOptions from "@ogw_front/components/Viewer/Solid/EdgesOptions";
+import SolidPointsOptions from "@ogw_front/components/Viewer/Solid/PointsOptions";
+import SolidPolygonsOptions from "@ogw_front/components/Viewer/Solid/PolygonsOptions";
+import SolidPolyhedraOptions from "@ogw_front/components/Viewer/Solid/SpecificPolyhedraOptions";
 
 // TetrahedralSolid components
-import TetrahedralSolidTetrahedraOptions from "@ogw_front/components/Viewer/TetrahedralSolid/TetrahedraOptions"
-import TetrahedralSolidTrianglesOptions from "@ogw_front/components/Viewer/TetrahedralSolid/TrianglesOptions"
+import TetrahedralSolidTetrahedraOptions from "@ogw_front/components/Viewer/TetrahedralSolid/TetrahedraOptions";
+import TetrahedralSolidTrianglesOptions from "@ogw_front/components/Viewer/TetrahedralSolid/TrianglesOptions";
 
 // Model components
-import ModelEdgesOptions from "@ogw_front/components/Viewer/Generic/Model/EdgesOptions"
-import ModelPointsOptions from "@ogw_front/components/Viewer/Generic/Model/PointsOptions"
+import ModelEdgesOptions from "@ogw_front/components/Viewer/Generic/Model/EdgesOptions";
+import ModelPointsOptions from "@ogw_front/components/Viewer/Generic/Model/PointsOptions";
 
-const PointSet_menu = [PointSetPointsOptions]
+const PointSet_menu = [PointSetPointsOptions];
 
-const EdgedCurve_menu = [EdgedCurvePointsOptions, EdgedCurveEdgesOptions]
+const EdgedCurve_menu = [EdgedCurvePointsOptions, EdgedCurveEdgesOptions];
 
 const PolygonalSurface_menu = [
   PolygonalSurfacePointsOptions,
   PolygonalSurfaceEdgesOptions,
   PolygonalSurfacePolygonsOptions,
-]
+];
 
 const TriangulatedSurface_menu = [
   TriangulatedSurfacePointsOptions,
   TriangulatedSurfaceEdgesOptions,
   TriangulatedSurfaceTrianglesOptions,
-]
+];
 
-const Grid2D_menu = [
-  Grid2DPointsOptions,
-  Grid2DEdgesOptions,
-  Grid2DCellsOptions,
-]
+const Grid2D_menu = [Grid2DPointsOptions, Grid2DEdgesOptions, Grid2DCellsOptions];
 const Grid3D_menu = [
   Grid3DPointsOptions,
   Grid3DEdgesOptions,
   // Grid3DFacetsOptions,
   Grid3DCellsOptions,
-]
+];
 
 const Solid_menu = [
   SolidPointsOptions,
   SolidEdgesOptions,
   SolidPolygonsOptions,
   SolidPolyhedraOptions,
-]
+];
 
 const TetrahedralSolid_menu = [
   SolidPointsOptions,
   SolidEdgesOptions,
   TetrahedralSolidTrianglesOptions,
   TetrahedralSolidTetrahedraOptions,
-]
+];
 
-const BRep_menu = [ModelEdgesOptions, ModelPointsOptions]
+const BRep_menu = [ModelEdgesOptions, ModelPointsOptions];
 
-const CrossSection_menu = [ModelEdgesOptions, ModelPointsOptions]
+const CrossSection_menu = [ModelEdgesOptions, ModelPointsOptions];
 
-const ImplicitCrossSection_menu = [ModelEdgesOptions, ModelPointsOptions]
-const ImplicitStructuralModel_menu = [ModelEdgesOptions, ModelPointsOptions]
+const ImplicitCrossSection_menu = [ModelEdgesOptions, ModelPointsOptions];
+const ImplicitStructuralModel_menu = [ModelEdgesOptions, ModelPointsOptions];
 
-const Section_menu = [ModelEdgesOptions, ModelPointsOptions]
+const Section_menu = [ModelEdgesOptions, ModelPointsOptions];
 
-const StructuralModel_menu = [ModelEdgesOptions, ModelPointsOptions]
+const StructuralModel_menu = [ModelEdgesOptions, ModelPointsOptions];
 
 const menusData = {
   mesh: {
@@ -118,88 +114,85 @@ const menusData = {
     Section: Section_menu,
     StructuralModel: StructuralModel_menu,
   },
-}
+};
 
 export const useMenuStore = defineStore("menu", () => {
-  const menus = shallowRef(menusData)
-  const display_menu = ref(false)
-  const current_id = ref(undefined)
-  const menuX = ref(0)
-  const menuY = ref(0)
-  const containerWidth = ref(window.innerWidth)
-  const containerHeight = ref(window.innerHeight)
-  const containerTop = ref(0)
-  const containerLeft = ref(0)
-  const active_item_index = ref(undefined)
-  const current_meta_data = ref({})
+  const menus = shallowRef(menusData);
+  const display_menu = ref(false);
+  const current_id = ref(undefined);
+  const menuX = ref(0);
+  const menuY = ref(0);
+  const containerWidth = ref(window.innerWidth);
+  const containerHeight = ref(window.innerHeight);
+  const containerTop = ref(0);
+  const containerLeft = ref(0);
+  const active_item_index = ref(undefined);
+  const current_meta_data = ref({});
 
   function getMenuItems(objectType, geodeObject) {
     if (!objectType || !geodeObject || !menus.value[objectType]) {
-      return []
+      return [];
     }
-    return menus.value[objectType][geodeObject] || []
+    return menus.value[objectType][geodeObject] || [];
   }
 
   function closeMenu() {
-    active_item_index.value = undefined
-    current_id.value = undefined
-    current_meta_data.value = {}
-    menuX.value = 0
-    menuY.value = 0
-    display_menu.value = false
+    active_item_index.value = undefined;
+    current_id.value = undefined;
+    current_meta_data.value = {};
+    menuX.value = 0;
+    menuY.value = 0;
+    display_menu.value = false;
   }
 
   async function openMenu(id, x, y, width, height, top, left, meta_data) {
-    await closeMenu()
+    await closeMenu();
 
     if (meta_data) {
-      const items = getMenuItems(
-        meta_data.viewer_type,
-        meta_data.geode_object_type,
-      )
+      const items = getMenuItems(meta_data.viewer_type, meta_data.geode_object_type);
       if (items.length === 0) {
-        return
+        return;
       }
     }
 
-    current_id.value = id
-    current_meta_data.value = meta_data || {}
+    current_id.value = id;
+    current_meta_data.value = meta_data || {};
 
     if (x !== undefined && y !== undefined) {
-      menuX.value = x
-      menuY.value = y
+      menuX.value = x;
+      menuY.value = y;
     }
 
-    containerWidth.value = width
-    containerHeight.value = height
-    containerTop.value = top
-    containerLeft.value = left
+    containerWidth.value = width;
+    containerHeight.value = height;
+    containerTop.value = top;
+    containerLeft.value = left;
 
-    display_menu.value = true
+    display_menu.value = true;
   }
 
   function setMenuPosition(x, y) {
-    menuX.value = x
-    menuY.value = y
+    menuX.value = x;
+    menuY.value = y;
   }
 
   function toggleItemOptions(index) {
     if (active_item_index.value === index) {
-      active_item_index.value = undefined
+      active_item_index.value = undefined;
     } else {
-      active_item_index.value = index
+      active_item_index.value = index;
     }
   }
 
-  const router = useRouter()
+  const router = useRouter();
   watch(
     () => router.currentRoute.value.path,
     () => {
       if (display_menu.value || active_item_index.value !== null) {
-        closeMenu()
+        closeMenu();
       }
     },
-  )
+  );
 
   return {
     display_menu,
@@ -217,5 +210,5 @@ export const useMenuStore = defineStore("menu", () => {
     openMenu,
     setMenuPosition,
     toggleItemOptions,
-  }
-})
+  };
+});
diff --git a/app/stores/treeview.js b/app/stores/treeview.js
index e122e9b0..10e8d551 100644
--- a/app/stores/treeview.js
+++ b/app/stores/treeview.js
@@ -1,67 +1,64 @@
 export const useTreeviewStore = defineStore("treeview", () => {
-  const PANEL_WIDTH = 300
-
-  const items = ref([])
-  const selection = ref([])
-  const components_selection = ref([])
-  const isAdditionnalTreeDisplayed = ref(false)
-  const panelWidth = ref(PANEL_WIDTH)
-  const model_id = ref("")
-  const isTreeCollection = ref(false)
-  const selectedTree = ref(undefined)
-  const isImporting = ref(false)
-  const pendingSelectionIds = ref([])
+  const PANEL_WIDTH = 300;
+
+  const items = ref([]);
+  const selection = ref([]);
+  const components_selection = ref([]);
+  const isAdditionnalTreeDisplayed = ref(false);
+  const panelWidth = ref(PANEL_WIDTH);
+  const model_id = ref("");
+  const isTreeCollection = ref(false);
+  const selectedTree = ref(undefined);
+  const isImporting = ref(false);
+  const pendingSelectionIds = ref([]);
 
   // /** Functions **/
   function addItem(geode_object_type, name, id, viewer_type) {
-    const child = { title: name, id, viewer_type }
+    const child = { title: name, id, viewer_type };
 
     for (let i = 0; i < items.value.length; i += 1) {
       if (items.value[i].title === geode_object_type) {
-        items.value[i].children.push(child)
+        items.value[i].children.push(child);
         items.value[i].children.sort((element1, element2) =>
           element1.title.localeCompare(element2.title, undefined, {
             numeric: true,
             sensitivity: "base",
           }),
-        )
-        selection.value.push(child)
-        return
+        );
+        selection.value.push(child);
+        return;
       }
     }
-    items.value.push({ title: geode_object_type, children: [child] })
+    items.value.push({ title: geode_object_type, children: [child] });
     items.value.sort((element1, element2) =>
       element1.title.localeCompare(element2.title, undefined, {
         numeric: true,
         sensitivity: "base",
       }),
-    )
-    selection.value.push(child)
+    );
+    selection.value.push(child);
   }
 
   function displayAdditionalTree(id) {
-    isAdditionnalTreeDisplayed.value = true
-    model_id.value = id
+    isAdditionnalTreeDisplayed.value = true;
+    model_id.value = id;
   }
 
   function displayFileTree() {
-    isAdditionnalTreeDisplayed.value = false
+    isAdditionnalTreeDisplayed.value = false;
   }
 
   function toggleTreeView() {
-    isTreeCollection.value = !isTreeCollection.value
-    console.log(
-      "Switched to",
-      isTreeCollection.value ? "TreeCollection" : "TreeComponent",
-    )
+    isTreeCollection.value = !isTreeCollection.value;
+    console.log("Switched to", isTreeCollection.value ? "TreeCollection" : "TreeComponent");
   }
 
   function setPanelWidth(width) {
-    panelWidth.value = width
+    panelWidth.value = width;
   }
 
   function exportStores() {
-    const selectionIds = selection.value.map((store) => store.id)
+    const selectionIds = selection.value.map((store) => store.id);
     return {
       isAdditionnalTreeDisplayed: isAdditionnalTreeDisplayed.value,
       panelWidth: panelWidth.value,
@@ -69,76 +66,71 @@ export const useTreeviewStore = defineStore("treeview", () => {
       isTreeCollection: isTreeCollection.value,
       selectedTree: selectedTree.value,
       selectionIds,
-    }
+    };
   }
 
-  async function importStores(snapshot) {
-    isAdditionnalTreeDisplayed.value =
-      snapshot?.isAdditionnalTreeDisplayed || false
-    panelWidth.value = snapshot?.panelWidth || PANEL_WIDTH
-    model_id.value = snapshot?.model_id || ""
-    isTreeCollection.value = snapshot?.isTreeCollection || false
-    selectedTree.value = snapshot?.selectedTree || undefined
+  function importStores(snapshot) {
+    isAdditionnalTreeDisplayed.value = snapshot?.isAdditionnalTreeDisplayed || false;
+    panelWidth.value = snapshot?.panelWidth || PANEL_WIDTH;
+    model_id.value = snapshot?.model_id || "";
+    isTreeCollection.value = snapshot?.isTreeCollection || false;
+    selectedTree.value = snapshot?.selectedTree || undefined;
 
     pendingSelectionIds.value =
-      snapshot?.selectionIds ||
-      (snapshot?.selection || []).map((store) => store.id) ||
-      []
+      snapshot?.selectionIds || (snapshot?.selection || []).map((store) => store.id) || [];
   }
 
   function finalizeImportSelection() {
-    const ids = pendingSelectionIds.value || []
-    const rebuilt = []
-    if (!ids.length) {
+    const ids = pendingSelectionIds.value || [];
+    const rebuilt = [];
+    if (ids.length === 0) {
       for (const group of items.value) {
         for (const child of group.children) {
-          rebuilt.push(child)
+          rebuilt.push(child);
         }
       }
     } else {
       for (const group of items.value) {
         for (const child of group.children) {
           if (ids.includes(child.id)) {
-            rebuilt.push(child)
+            rebuilt.push(child);
           }
         }
       }
     }
-    selection.value = rebuilt
-    pendingSelectionIds.value = []
+    selection.value = rebuilt;
+    pendingSelectionIds.value = [];
   }
 
   function removeItem(id) {
     for (let i = 0; i < items.value.length; i += 1) {
-      const group = items.value[i]
-      const childIndex = group.children.findIndex((child) => child.id === id)
+      const group = items.value[i];
+      const childIndex = group.children.findIndex((child) => child.id === id);
 
       if (childIndex !== -1) {
-        group.children.splice(childIndex, 1)
+        group.children.splice(childIndex, 1);
 
         if (group.children.length === 0) {
-          items.value.splice(i, 1)
+          items.value.splice(i, 1);
         }
 
-        const selectionIndex = selection.value.findIndex(
-          (item) => item.id === id,
-        )
+        const selectionIndex = selection.value.findIndex((item) => item.id === id);
         if (selectionIndex !== -1) {
-          selection.value.splice(selectionIndex, 1)
+          selection.value.splice(selectionIndex, 1);
         }
 
-        return
+        return;
       }
     }
   }
 
   function clear() {
-    items.value = []
-    selection.value = []
-    components_selection.value = []
-    pendingSelectionIds.value = []
-    model_id.value = ""
-    selectedTree.value = undefined
+    items.value = [];
+    selection.value = [];
+    components_selection.value = [];
+    pendingSelectionIds.value = [];
+    model_id.value = "";
+    selectedTree.value = undefined;
   }
 
   return {
@@ -160,5 +152,5 @@ export const useTreeviewStore = defineStore("treeview", () => {
     importStores,
     finalizeImportSelection,
     clear,
-  }
-})
+  };
+});
diff --git a/app/stores/viewer.js b/app/stores/viewer.js
index 04d8e85f..e4bff481 100644
--- a/app/stores/viewer.js
+++ b/app/stores/viewer.js
@@ -1,144 +1,137 @@
 // Third party imports
-import vtkWSLinkClient, {
-  newInstance,
-} from "@kitware/vtk.js/IO/Core/WSLinkClient"
-import _ from "lodash"
+import vtkWSLinkClient, { newInstance } from "@kitware/vtk.js/IO/Core/WSLinkClient";
+import _ from "lodash";
 // oxlint-disable-next-line no-unassigned-import
-import "@kitware/vtk.js/Rendering/OpenGL/Profiles/Geometry"
-import SmartConnect from "wslink/src/SmartConnect"
-import { connectImageStream } from "@kitware/vtk.js/Rendering/Misc/RemoteView"
-import schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import "@kitware/vtk.js/Rendering/OpenGL/Profiles/Geometry";
+import SmartConnect from "wslink/src/SmartConnect";
+import { connectImageStream } from "@kitware/vtk.js/Rendering/Misc/RemoteView";
+import schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { appMode } from "@ogw_front/utils/local/app_mode"
-import { useAppStore } from "@ogw_front/stores/app"
-import { useInfraStore } from "@ogw_front/stores/infra"
-import { viewer_call } from "@ogw_internal/utils/viewer_call"
+import { Status } from "@ogw_front/utils/status";
+import { appMode } from "@ogw_front/utils/local/app_mode";
+import { useAppStore } from "@ogw_front/stores/app";
+import { useInfraStore } from "@ogw_front/stores/infra";
+import { viewer_call } from "@ogw_internal/utils/viewer_call";
 
-const MS_PER_SECOND = 1000
-const SECONDS_PER_REQUEST = 10
-const request_timeout = MS_PER_SECOND * SECONDS_PER_REQUEST
+const MS_PER_SECOND = 1000;
+const SECONDS_PER_REQUEST = 10;
+const request_timeout = MS_PER_SECOND * SECONDS_PER_REQUEST;
 
 export const useViewerStore = defineStore(
   "viewer",
   // oxlint-disable-next-line max-lines-per-function max-statements
   () => {
-    const infraStore = useInfraStore()
-    const default_local_port = ref("1234")
-    const client = ref({})
-    const config = ref(undefined)
-    const picking_mode = ref(false)
-    const picked_point = ref({ x: undefined, y: undefined })
-    const request_counter = ref(0)
-    const status = ref(Status.NOT_CONNECTED)
-    const buzy = ref(0)
+    const infraStore = useInfraStore();
+    const default_local_port = ref("1234");
+    const client = ref({});
+    const config = ref(undefined);
+    const picking_mode = ref(false);
+    const picked_point = ref({ x: undefined, y: undefined });
+    const request_counter = ref(0);
+    const status = ref(Status.NOT_CONNECTED);
+    const buzy = ref(0);
 
     const protocol = computed(() => {
       if (infraStore.app_mode === appMode.CLOUD) {
-        return "wss"
+        return "wss";
       }
-      return "ws"
-    })
+      return "ws";
+    });
 
     const port = computed(() => {
       if (infraStore.app_mode === appMode.CLOUD) {
-        return "443"
+        return "443";
       }
-      return default_local_port.value
-    })
+      return default_local_port.value;
+    });
 
     const base_url = computed(() => {
-      let viewer_url = `${protocol.value}://${infraStore.domain_name}:${port.value}`
+      let viewer_url = `${protocol.value}://${infraStore.domain_name}:${port.value}`;
       if (infraStore.app_mode === appMode.CLOUD) {
         if (infraStore.ID === "") {
-          throw new Error("ID must not be empty in cloud mode")
+          throw new Error("ID must not be empty in cloud mode");
         }
-        viewer_url += `/${infraStore.ID}/viewer`
+        viewer_url += `/${infraStore.ID}/viewer`;
       }
-      viewer_url += "/ws"
-      return viewer_url
-    })
+      viewer_url += "/ws";
+      return viewer_url;
+    });
 
-    const is_busy = computed(() => request_counter.value > 0)
+    const is_busy = computed(() => request_counter.value > 0);
 
     function toggle_picking_mode(value) {
-      picking_mode.value = value
+      picking_mode.value = value;
     }
 
     async function set_picked_point(x, y) {
-      const response = await request(
-        schemas.opengeodeweb_viewer.generic.get_point_position,
-        { x, y },
-      )
-      const { x: world_x, y: world_y } = response
-      picked_point.value.x = world_x
-      picked_point.value.y = world_y
-      picking_mode.value = false
+      const response = await request(schemas.opengeodeweb_viewer.generic.get_point_position, {
+        x,
+        y,
+      });
+      const { x: world_x, y: world_y } = response;
+      picked_point.value.x = world_x;
+      picked_point.value.y = world_y;
+      picking_mode.value = false;
     }
 
     function ws_connect() {
       if (status.value === Status.CONNECTED) {
-        return
+        return;
       }
       return navigator.locks.request("viewer.ws_connect", async (lock) => {
         if (status.value === Status.CONNECTED) {
-          return
+          return;
         }
         try {
-          console.log("VIEWER LOCK GRANTED !", lock)
-          status.value = Status.CONNECTING
-          vtkWSLinkClient.setSmartConnectClass(SmartConnect)
+          console.log("VIEWER LOCK GRANTED !", lock);
+          status.value = Status.CONNECTING;
+          vtkWSLinkClient.setSmartConnectClass(SmartConnect);
 
           if (_.isEmpty(client.value)) {
-            client.value = newInstance()
+            client.value = newInstance();
           }
 
           client.value.onBusyChange((count) => {
-            buzy.value = count
-          })
+            buzy.value = count;
+          });
           client.value.onConnectionError((httpReq) => {
-            const message = httpReq?.response?.error || `Connection error`
-            console.error(message)
-          })
+            const message = httpReq?.response?.error || `Connection error`;
+            console.error(message);
+          });
           client.value.onConnectionClose((httpReq) => {
-            const message = httpReq?.response?.error || `Connection close`
-            console.error(message)
-          })
+            const message = httpReq?.response?.error || `Connection close`;
+            console.error(message);
+          });
 
-          client.value.beginBusy()
+          client.value.beginBusy();
           await client.value.connect({
             application: "Viewer",
             sessionURL: base_url.value,
-          })
-          connectImageStream(client.value.getConnection().getSession())
-          client.value.endBusy()
-          await request(
-            schemas.opengeodeweb_viewer.viewer.reset_visualization,
-            {},
-            {},
-            undefined,
-          )
-          status.value = Status.CONNECTED
+          });
+          connectImageStream(client.value.getConnection().getSession());
+          client.value.endBusy();
+          await request(schemas.opengeodeweb_viewer.viewer.reset_visualization, {}, {}, undefined);
+          status.value = Status.CONNECTED;
         } catch (error) {
-          console.error("ws_connect error", error)
-          status.value = Status.NOT_CONNECTED
-          throw error
+          console.error("ws_connect error", error);
+          status.value = Status.NOT_CONNECTED;
+          throw error;
         }
-      })
+      });
     }
 
     function start_request() {
-      request_counter.value += 1
+      request_counter.value += 1;
     }
 
     function stop_request() {
-      request_counter.value -= 1
+      request_counter.value -= 1;
     }
 
-    function launch(args = { projectFolderPath }) {
-      console.log("[VIEWER] Launching viewer microservice...", { args })
-      const appStore = useAppStore()
+    function launch(args = ({ projectFolderPath } = {})) {
+      console.log("[VIEWER] Launching viewer microservice...", { args });
+      const appStore = useAppStore();
       const schema = {
         $id: "/api/app/run_viewer",
         methods: ["POST"],
@@ -146,36 +139,31 @@ export const useViewerStore = defineStore(
         properties: {},
         required: [],
         additionalProperties: true,
-      }
+      };
 
-      const params = { args }
-      console.log("[VIEWER] params", params)
+      const params = { args };
+      console.log("[VIEWER] params", params);
 
       return appStore.request(schema, params, {
         response_function: (response) => {
-          console.log(`[VIEWER] Viewer launched on port ${response.port}`)
-          this.default_local_port = response.port
+          console.log(`[VIEWER] Viewer launched on port ${response.port}`);
+          this.default_local_port = response.port;
         },
-      })
+      });
     }
 
     async function connect() {
-      console.log("[VIEWER] Connecting to viewer microservice...")
-      await ws_connect()
-      console.log("[VIEWER] Viewer connected successfully")
+      console.log("[VIEWER] Connecting to viewer microservice...");
+      await ws_connect();
+      console.log("[VIEWER] Viewer connected successfully");
     }
 
-    function request(
-      schema,
-      params = {},
-      callbacks = {},
-      timeout = request_timeout,
-    ) {
-      console.log("[VIEWER] Request:", schema.$id)
-      const start = Date.now()
+    function request(schema, params = {}, callbacks = {}, timeout = request_timeout) {
+      console.log("[VIEWER] Request:", schema.$id);
+      const start = Date.now();
 
       // Get current store instance to pass to viewer_call
-      const store = useViewerStore()
+      const store = useViewerStore();
 
       return viewer_call(
         store,
@@ -189,14 +177,14 @@ export const useViewerStore = defineStore(
               "in",
               (Date.now() - start) / MS_PER_SECOND,
               "s",
-            )
+            );
             if (callbacks.response_function) {
-              await callbacks.response_function(response)
+              await callbacks.response_function(response);
             }
           },
         },
         timeout,
-      )
+      );
     }
 
     return {
@@ -219,11 +207,11 @@ export const useViewerStore = defineStore(
       launch,
       connect,
       request,
-    }
+    };
   },
   {
     share: {
       omit: ["status", "client"],
     },
   },
-)
+);
diff --git a/app/utils/colormap.js b/app/utils/colormap.js
index 2bac1194..8e3383c4 100644
--- a/app/utils/colormap.js
+++ b/app/utils/colormap.js
@@ -1,7 +1,7 @@
-import vtkColorMaps from "@kitware/vtk.js/Rendering/Core/ColorTransferFunction/ColorMaps"
+import vtkColorMaps from "@kitware/vtk.js/Rendering/Core/ColorTransferFunction/ColorMaps";
 
 function getRGBPointsFromPreset(presetName) {
-  return vtkColorMaps.getPresetByName(presetName).RGBPoints
+  return vtkColorMaps.getPresetByName(presetName).RGBPoints;
 }
 
-export { getRGBPointsFromPreset }
+export { getRGBPointsFromPreset };
diff --git a/app/utils/config.js b/app/utils/config.js
index 48492c06..f8322218 100644
--- a/app/utils/config.js
+++ b/app/utils/config.js
@@ -1,45 +1,39 @@
 // Node.js imports
-import path from "node:path"
+import path from "node:path";
 
 // Third party imports
-import Conf from "conf"
+import Conf from "conf";
 
 // Local imports
 
 function projectConf(projectName) {
-  const projectConfig = new Conf({ projectName })
-  console.log(projectConf.name, { projectConfig })
-  return projectConfig
+  const projectConfig = new Conf({ projectName });
+  console.log(projectConf.name, { projectConfig });
+  return projectConfig;
 }
 
 function confFolderPath(projectName) {
-  const projectConfig = projectConf(projectName)
-  return path.dirname(projectConfig.path)
+  const projectConfig = projectConf(projectName);
+  return path.dirname(projectConfig.path);
 }
 
 function extensionsConf(projectName) {
-  const projectConfig = projectConf(projectName)
+  const projectConfig = projectConf(projectName);
   if (!projectConfig.has("extensions")) {
-    projectConfig.set("extensions", {})
+    projectConfig.set("extensions", {});
   }
-  const extensionsConfig = projectConfig.get("extensions")
-  return extensionsConfig
+  const extensionsConfig = projectConfig.get("extensions");
+  return extensionsConfig;
 }
 
 function addExtensionToConf(projectName, { extensionID, extensionPath }) {
-  const projectConfig = projectConf(projectName)
-  projectConfig.set(`extensions.${extensionID}.path`, extensionPath)
+  const projectConfig = projectConf(projectName);
+  projectConfig.set(`extensions.${extensionID}.path`, extensionPath);
 }
 
 function extensionPathFromConf(projectName, extensionID) {
-  const projectConfig = projectConf(projectName)
-  return projectConfig.get(`extensions.${extensionID}.path`)
+  const projectConfig = projectConf(projectName);
+  return projectConfig.get(`extensions.${extensionID}.path`);
 }
 
-export {
-  confFolderPath,
-  projectConf,
-  extensionsConf,
-  addExtensionToConf,
-  extensionPathFromConf,
-}
+export { confFolderPath, projectConf, extensionsConf, addExtensionToConf, extensionPathFromConf };
diff --git a/app/utils/default_styles.js b/app/utils/default_styles.js
index b50782ae..d2690611 100644
--- a/app/utils/default_styles.js
+++ b/app/utils/default_styles.js
@@ -1,25 +1,25 @@
 // Global variables
-const points_defaultVisibility = true
-const edges_defaultVisibility = true
-const cells_defaultVisibility = true
-const polygons_defaultVisibility = true
-const polyhedra_defaultVisibility = true
-const points_defaultSize = 10
-const points_defaultColor = { r: 20, g: 20, b: 20 }
-const edges_defaultWidth = 2
-const edges_defaultColor = { r: 20, g: 20, b: 20 }
-const cells_defaultColor = { r: 255, g: 255, b: 255 }
-const polygons_defaultColor = { r: 255, g: 255, b: 255 }
-const polyhedra_defaultColor = { r: 255, g: 255, b: 255 }
+const points_defaultVisibility = true;
+const edges_defaultVisibility = true;
+const cells_defaultVisibility = true;
+const polygons_defaultVisibility = true;
+const polyhedra_defaultVisibility = true;
+const points_defaultSize = 10;
+const points_defaultColor = { r: 20, g: 20, b: 20 };
+const edges_defaultWidth = 2;
+const edges_defaultColor = { r: 20, g: 20, b: 20 };
+const cells_defaultColor = { r: 255, g: 255, b: 255 };
+const polygons_defaultColor = { r: 255, g: 255, b: 255 };
+const polyhedra_defaultColor = { r: 255, g: 255, b: 255 };
 
-const corners_defaultVisibility = true
-const corners_defaultColor = { r: 20, g: 20, b: 20 }
-const lines_defaultVisibility = true
-const lines_defaultColor = { r: 20, g: 20, b: 20 }
-const surfaces_defaultVisibility = true
-const surfaces_defaultColor = { r: 255, g: 255, b: 255 }
-const blocks_defaultVisibility = true
-const blocks_defaultColor = { r: 255, g: 255, b: 255 }
+const corners_defaultVisibility = true;
+const corners_defaultColor = { r: 20, g: 20, b: 20 };
+const lines_defaultVisibility = true;
+const lines_defaultColor = { r: 20, g: 20, b: 20 };
+const surfaces_defaultVisibility = true;
+const surfaces_defaultColor = { r: 255, g: 255, b: 255 };
+const blocks_defaultVisibility = true;
+const blocks_defaultColor = { r: 255, g: 255, b: 255 };
 
 // Mesh functions
 function meshPointsDefaultStyle(
@@ -38,7 +38,7 @@ function meshPointsDefaultStyle(
       },
     },
     size,
-  }
+  };
 }
 
 function meshEdgesDefaultStyle(
@@ -61,13 +61,10 @@ function meshEdgesDefaultStyle(
       },
     },
     width,
-  }
+  };
 }
 
-function meshCellsDefaultStyle(
-  visibility = cells_defaultVisibility,
-  color = cells_defaultColor,
-) {
+function meshCellsDefaultStyle(visibility = cells_defaultVisibility, color = cells_defaultColor) {
   return {
     visibility,
     coloring: {
@@ -83,7 +80,7 @@ function meshCellsDefaultStyle(
         storedConfigs: {},
       },
     },
-  }
+  };
 }
 
 function meshPolygonsDefaultStyle(
@@ -105,7 +102,7 @@ function meshPolygonsDefaultStyle(
         storedConfigs: {},
       },
     },
-  }
+  };
 }
 
 function meshPolyhedraDefaultStyle(
@@ -126,14 +123,14 @@ function meshPolyhedraDefaultStyle(
         storedConfigs: {},
       },
     },
-  }
+  };
 }
 
 function pointSet_defaultStyle() {
   return {
     visibility: true,
     points: meshPointsDefaultStyle(),
-  }
+  };
 }
 
 function edgedCurve_defaultStyle() {
@@ -141,7 +138,7 @@ function edgedCurve_defaultStyle() {
     visibility: true,
     points: meshPointsDefaultStyle(),
     edges: meshEdgesDefaultStyle(),
-  }
+  };
 }
 
 function grid2d_defaultStyle() {
@@ -150,7 +147,7 @@ function grid2d_defaultStyle() {
     points: meshPointsDefaultStyle(false),
     edges: meshEdgesDefaultStyle(false),
     cells: meshCellsDefaultStyle(),
-  }
+  };
 }
 
 function grid3d_defaultStyle() {
@@ -160,7 +157,7 @@ function grid3d_defaultStyle() {
     edges: meshEdgesDefaultStyle(false),
     cells: meshCellsDefaultStyle(),
     polyhedra: meshPolyhedraDefaultStyle(),
-  }
+  };
 }
 function surface_defaultStyle() {
   return {
@@ -168,7 +165,7 @@ function surface_defaultStyle() {
     points: meshPointsDefaultStyle(false),
     edges: meshEdgesDefaultStyle(false),
     polygons: meshPolygonsDefaultStyle(),
-  }
+  };
 }
 
 function solid_defaultStyle() {
@@ -178,7 +175,7 @@ function solid_defaultStyle() {
     edges: meshEdgesDefaultStyle(false),
     polygons: meshPolygonsDefaultStyle(),
     polyhedra: meshPolyhedraDefaultStyle(),
-  }
+  };
 }
 
 // Model functions
@@ -186,42 +183,33 @@ function modelCornersDefaultStyle(
   visibility = corners_defaultVisibility,
   color = corners_defaultColor,
 ) {
-  return { visibility, color }
+  return { visibility, color };
 }
 
-function modelLinesDefaultStyle(
-  visibility = lines_defaultVisibility,
-  color = lines_defaultColor,
-) {
-  return { visibility, color }
+function modelLinesDefaultStyle(visibility = lines_defaultVisibility, color = lines_defaultColor) {
+  return { visibility, color };
 }
 
 function modelSurfacesDefaultStyle(
   visibility = surfaces_defaultVisibility,
   color = surfaces_defaultColor,
 ) {
-  return { visibility, color }
+  return { visibility, color };
 }
 
 function modelBlocksDefaultStyle(
   visibility = blocks_defaultVisibility,
   color = blocks_defaultColor,
 ) {
-  return { visibility, color }
+  return { visibility, color };
 }
 
-function modelPointsDefaultStyle(
-  visibility = points_defaultVisibility,
-  size = points_defaultSize,
-) {
-  return { visibility, size }
+function modelPointsDefaultStyle(visibility = points_defaultVisibility, size = points_defaultSize) {
+  return { visibility, size };
 }
 
-function modelEdgesDefaultStyle(
-  visibility = edges_defaultVisibility,
-  width = edges_defaultWidth,
-) {
-  return { visibility, width }
+function modelEdgesDefaultStyle(visibility = edges_defaultVisibility, width = edges_defaultWidth) {
+  return { visibility, width };
 }
 
 function brep_defaultStyle() {
@@ -233,7 +221,7 @@ function brep_defaultStyle() {
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  }
+  };
 }
 
 function crossSection_defaultStyle() {
@@ -244,7 +232,7 @@ function crossSection_defaultStyle() {
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  }
+  };
 }
 
 function structuralModel_defaultStyle() {
@@ -256,7 +244,7 @@ function structuralModel_defaultStyle() {
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  }
+  };
 }
 
 function section_defaultStyle() {
@@ -267,7 +255,7 @@ function section_defaultStyle() {
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  }
+  };
 }
 
 function implicitCrossSection_defaultStyle() {
@@ -278,7 +266,7 @@ function implicitCrossSection_defaultStyle() {
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  }
+  };
 }
 
 function implicitStructuralModel_defaultStyle() {
@@ -290,7 +278,7 @@ function implicitStructuralModel_defaultStyle() {
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  }
+  };
 }
 
 function default_styles() {
@@ -320,11 +308,11 @@ function default_styles() {
     TriangulatedSurface2D: surface_defaultStyle(),
     TriangulatedSurface3D: surface_defaultStyle(),
     VertexSet: {},
-  }
+  };
 }
 
 function getDefaultStyle(type) {
-  return default_styles()[type]
+  return default_styles()[type];
 }
 
-export { getDefaultStyle }
+export { getDefaultStyle };
diff --git a/app/utils/extension.js b/app/utils/extension.js
index 9f3e4d8a..79f2e25f 100644
--- a/app/utils/extension.js
+++ b/app/utils/extension.js
@@ -1,90 +1,90 @@
 // Node.js imports
 
 // Third party imports
-import _ from "lodash"
+import _ from "lodash";
 
 // Local imports
-import { useAppStore } from "@ogw_front/stores/app"
-import { useInfraStore } from "@ogw_front/stores/infra"
+import { useAppStore } from "@ogw_front/stores/app";
+import { useInfraStore } from "@ogw_front/stores/infra";
 
 async function importExtensionFile(file) {
-  await uploadExtension(file)
-  return registerRunningExtensions()
+  await uploadExtension(file);
+  return registerRunningExtensions();
 }
 
 async function registerRunningExtensions() {
-  const appStore = useAppStore()
-  const infraStore = useInfraStore()
-  const { extensionsArray } = await runExtensions()
+  const appStore = useAppStore();
+  const infraStore = useInfraStore();
+  const { extensionsArray } = await runExtensions();
 
   return Promise.all(
     extensionsArray.map(async (extension) => {
-      const { name, version, frontendContent, port } = extension
+      const { name, version, frontendContent, port } = extension;
       const blob = new Blob([frontendContent], {
         type: "application/javascript",
-      })
-      const blobUrl = URL.createObjectURL(blob)
-      const extensionModule = await appStore.loadExtension(blobUrl)
-      console.log("[ExtensionManager] Extension loaded:", id)
+      });
+      const blobUrl = URL.createObjectURL(blob);
+      const extensionModule = await appStore.loadExtension(blobUrl);
+      console.log("[ExtensionManager] Extension loaded:", id);
 
       if (extensionModule.metadata?.store) {
-        const storeFactory = extensionModule.metadata.store
-        const store = storeFactory()
+        const storeFactory = extensionModule.metadata.store;
+        const store = storeFactory();
         store.$patch((state) => {
-          state.default_local_port = port
-        })
-        appStore.registerStore(store)
-        console.log("[ExtensionManager] Store registered:", store.$id)
-        await store.connect()
-        console.log("[ExtensionManager] Microservice connected:", store.$id)
-        infraStore.register_microservice(store)
+          state.default_local_port = port;
+        });
+        appStore.registerStore(store);
+        console.log("[ExtensionManager] Store registered:", store.$id);
+        await store.connect();
+        console.log("[ExtensionManager] Microservice connected:", store.$id);
+        infraStore.register_microservice(store);
       }
       return {
         name,
         version,
         extensionModule,
-      }
+      };
     }),
-  )
+  );
 }
 
 async function unloadExtension(extensionId) {
-  const appStore = useAppStore()
-  console.log("[ExtensionManager] Unloading extension:", extensionId)
+  const appStore = useAppStore();
+  console.log("[ExtensionManager] Unloading extension:", extensionId);
 
-  const extensionData = appStore.getExtension(extensionId)
+  const extensionData = appStore.getExtension(extensionId);
   if (!extensionData) {
-    console.warn("[ExtensionManager] Extension not found:", extensionId)
-    return false
+    console.warn("[ExtensionManager] Extension not found:", extensionId);
+    return false;
   }
 
   // Get the store if it exists
-  const storeFactory = extensionData.metadata?.store
+  const storeFactory = extensionData.metadata?.store;
   if (storeFactory) {
-    const store = storeFactory()
+    const store = storeFactory();
     // Stop the microservice if possible
     if (typeof store.kill === "function") {
-      await store.kill()
+      await store.kill();
     }
   }
 
   // Unload from AppStore
-  appStore.unloadExtension(extensionId)
+  appStore.unloadExtension(extensionId);
 
-  console.log("[ExtensionManager] Extension unloaded:", extensionId)
-  return true
+  console.log("[ExtensionManager] Extension unloaded:", extensionId);
+  return true;
 }
 
 async function uploadExtension(file) {
-  const appStore = useAppStore()
-  await appStore.upload(file)
+  const appStore = useAppStore();
+  await appStore.upload(file);
 }
 
 function runExtensions() {
-  const appStore = useAppStore()
-  const { projectFolderPath } = appStore
-  const { PROJECT: projectName } = useRuntimeConfig().public
-  const params = { projectFolderPath, projectName }
+  const appStore = useAppStore();
+  const { projectFolderPath } = appStore;
+  const { PROJECT: projectName } = useRuntimeConfig().public;
+  const params = { projectFolderPath, projectName };
 
   const schema = {
     $id: "/api/extensions/run",
@@ -96,9 +96,9 @@ function runExtensions() {
     },
     required: ["projectFolderPath", "projectName"],
     additionalProperties: false,
-  }
+  };
 
-  return appStore.request(schema, params)
+  return appStore.request(schema, params);
 }
 
 export {
@@ -107,4 +107,4 @@ export {
   uploadExtension,
   registerRunningExtensions,
   runExtensions,
-}
+};
diff --git a/app/utils/file_import_workflow.js b/app/utils/file_import_workflow.js
index d1a680a1..9c296727 100644
--- a/app/utils/file_import_workflow.js
+++ b/app/utils/file_import_workflow.js
@@ -1,73 +1,62 @@
 // oxlint-disable promise/prefer-await-to-then
 // Third party imports
-import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useGeodeStore } from "@ogw_front/stores/geode"
-import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
-import { useTreeviewStore } from "@ogw_front/stores/treeview"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useGeodeStore } from "@ogw_front/stores/geode";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
+import { useTreeviewStore } from "@ogw_front/stores/treeview";
 
-const SECOND = 1000
+const SECOND = 1000;
 
 async function importWorkflow(files) {
-  console.log("importWorkflow", { files })
-  const start = Date.now()
-  const promise_array = []
+  console.log("importWorkflow", { files });
+  const start = Date.now();
+  const promise_array = [];
   for (const file of files) {
-    const { filename, geode_object_type } = file
-    console.log({ filename }, { geode_object_type })
-    promise_array.push(importFile(filename, geode_object_type))
+    const { filename, geode_object_type } = file;
+    console.log({ filename }, { geode_object_type });
+    promise_array.push(importFile(filename, geode_object_type));
   }
-  const results = await Promise.all(promise_array)
-  const hybridViewerStore = useHybridViewerStore()
-  hybridViewerStore.remoteRender()
-  console.log("importWorkflow completed in", (Date.now() - start) / SECOND)
-  return results
+  const results = await Promise.all(promise_array);
+  const hybridViewerStore = useHybridViewerStore();
+  hybridViewerStore.remoteRender();
+  console.log("importWorkflow completed in", (Date.now() - start) / SECOND);
+  return results;
 }
 
 function buildImportItemFromPayloadApi(value, geode_object_type) {
-  console.log("buildImportItemFromPayloadApi", { value, geode_object_type })
+  console.log("buildImportItemFromPayloadApi", { value, geode_object_type });
   return {
     ...value,
-  }
+  };
 }
 
 async function importItem(item) {
-  const dataStore = useDataStore()
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
-  const treeviewStore = useTreeviewStore()
-  const registerTask = dataStore.registerObject(item.id)
-  const addDataTask = dataStore.addItem(item)
+  const dataStore = useDataStore();
+  const dataStyleStore = useDataStyleStore();
+  const hybridViewerStore = useHybridViewerStore();
+  const treeviewStore = useTreeviewStore();
+  const registerTask = dataStore.registerObject(item.id);
+  const addDataTask = dataStore.addItem(item);
 
   const addDataComponentsTask =
-    item.viewer_type === "model"
-      ? dataStore.addComponents(item)
-      : Promise.resolve()
+    item.viewer_type === "model" ? dataStore.addComponents(item) : Promise.resolve();
   const addDataRelationsTask =
-    item.viewer_type === "model"
-      ? dataStore.addComponentRelations(item)
-      : Promise.resolve()
+    item.viewer_type === "model" ? dataStore.addComponentRelations(item) : Promise.resolve();
   const addTreeviewTask = treeviewStore.addItem(
     item.geode_object_type,
     item.name,
     item.id,
     item.viewer_type,
-  )
-  const addStyleTask = dataStyleStore.addDataStyle(
-    item.id,
-    item.geode_object_type,
-  )
-  const addViewerTask = addDataTask.then(() =>
-    hybridViewerStore.addItem(item.id),
-  )
-  const applyStyleTask = Promise.all([
-    registerTask,
-    addDataComponentsTask,
-    addStyleTask,
-  ]).then(() => dataStyleStore.applyDefaultStyle(item.id))
+  );
+  const addStyleTask = dataStyleStore.addDataStyle(item.id, item.geode_object_type);
+  const addViewerTask = addDataTask.then(() => hybridViewerStore.addItem(item.id));
+  const applyStyleTask = Promise.all([registerTask, addDataComponentsTask, addStyleTask]).then(() =>
+    dataStyleStore.applyDefaultStyle(item.id),
+  );
   await Promise.all([
     registerTask,
     addDataTask,
@@ -77,32 +66,29 @@ async function importItem(item) {
     addDataRelationsTask,
     addViewerTask,
     applyStyleTask,
-  ])
-  return item.id
+  ]);
+  return item.id;
 }
 
 async function importFile(filename, geode_object_type) {
-  const geodeStore = useGeodeStore()
-  const response = await geodeStore.request(
-    back_schemas.opengeodeweb_back.save_viewable_file,
-    {
-      geode_object_type,
-      filename,
-    },
-  )
+  const geodeStore = useGeodeStore();
+  const response = await geodeStore.request(back_schemas.opengeodeweb_back.save_viewable_file, {
+    geode_object_type,
+    filename,
+  });
 
-  const item = buildImportItemFromPayloadApi(response, geode_object_type)
-  return importItem(item)
+  const item = buildImportItemFromPayloadApi(response, geode_object_type);
+  return importItem(item);
 }
 
 async function importWorkflowFromSnapshot(items) {
-  console.log("[importWorkflowFromSnapshot] start", { count: items?.length })
-  const hybridViewerStore = useHybridViewerStore()
+  console.log("[importWorkflowFromSnapshot] start", { count: items?.length });
+  const hybridViewerStore = useHybridViewerStore();
 
-  const ids = await Promise.all(items.map((item) => importItem(item)))
-  hybridViewerStore.remoteRender()
-  console.log("[importWorkflowFromSnapshot] done", { ids })
-  return ids
+  const ids = await Promise.all(items.map((item) => importItem(item)));
+  hybridViewerStore.remoteRender();
+  console.log("[importWorkflowFromSnapshot] done", { ids });
+  return ids;
 }
 
-export { importFile, importWorkflow, importWorkflowFromSnapshot, importItem }
+export { importFile, importWorkflow, importWorkflowFromSnapshot, importItem };
diff --git a/app/utils/local/app_mode.js b/app/utils/local/app_mode.js
index 61961b74..d929bc56 100644
--- a/app/utils/local/app_mode.js
+++ b/app/utils/local/app_mode.js
@@ -2,6 +2,6 @@ const appMode = {
   DESKTOP: "DESKTOP",
   BROWSER: "BROWSER",
   CLOUD: "CLOUD",
-}
+};
 
-export { appMode }
+export { appMode };
diff --git a/app/utils/local/cleanup.js b/app/utils/local/cleanup.js
index 10c76e90..66f808e5 100644
--- a/app/utils/local/cleanup.js
+++ b/app/utils/local/cleanup.js
@@ -1,151 +1,145 @@
 // Node imports
-import fs from "node:fs"
-import path from "node:path"
-import { setTimeout } from "node:timers/promises"
+import fs from "node:fs";
+import path from "node:path";
+import { setTimeout } from "node:timers/promises";
 
 // Third party imports
-import { WebSocket } from "ws"
-import pTimeout from "p-timeout"
-import { rimraf } from "rimraf"
+import { WebSocket } from "ws";
+import pTimeout from "p-timeout";
+import { rimraf } from "rimraf";
 
-const MAX_DELETE_FOLDER_RETRIES = 5
+const MAX_DELETE_FOLDER_RETRIES = 5;
 
 async function deleteFolderRecursive(folderPath) {
   if (!fs.existsSync(folderPath)) {
-    console.log(`Folder ${folderPath} does not exist.`)
-    return
+    console.log(`Folder ${folderPath} does not exist.`);
+    return;
   }
   for (let i = 0; i <= MAX_DELETE_FOLDER_RETRIES; i += 1) {
     try {
-      console.log(`Deleting folder: ${folderPath}`)
+      console.log(`Deleting folder: ${folderPath}`);
       // oxlint-disable-next-line no-await-in-loop
-      await rimraf(folderPath)
-      console.log(`Deleted folder: ${folderPath}`)
-      return
+      await rimraf(folderPath);
+      console.log(`Deleted folder: ${folderPath}`);
+      return;
     } catch (error) {
-      console.error(`Error deleting folder ${folderPath}:`, error)
+      console.error(`Error deleting folder ${folderPath}:`, error);
       // Wait before retrying
-      const MILLISECONDS_PER_RETRY = 1000
-      const DELAY = MILLISECONDS_PER_RETRY * (i + 1)
+      const MILLISECONDS_PER_RETRY = 1000;
+      const DELAY = MILLISECONDS_PER_RETRY * (i + 1);
       // oxlint-disable-next-line no-await-in-loop
-      await setTimeout(DELAY)
-      console.log("Retrying delete folder")
+      await setTimeout(DELAY);
+      console.log("Retrying delete folder");
     }
   }
 }
 
 function killHttpMicroservice(microservice) {
-  console.log("killHttpMicroservice", { ...microservice })
-  const failMessage = `Failed to kill ${microservice.name}`
+  console.log("killHttpMicroservice", { ...microservice });
+  const failMessage = `Failed to kill ${microservice.name}`;
   async function do_kill() {
     try {
       await fetch(microservice.url, {
         method: microservice.method,
-      })
-      throw new Error(failMessage)
+      });
+      throw new Error(failMessage);
     } catch (error) {
-      console.log(`${microservice.name} closed`, error)
+      console.log(`${microservice.name} closed`, error);
     }
   }
   return pTimeout(do_kill(), {
     milliseconds: 5000,
     message: failMessage,
-  })
+  });
 }
 
 function killWebsocketMicroservice(microservice) {
-  console.log("killWebsocketMicroservice", { ...microservice })
-  const failMessage = `Failed to kill ${microservice.name}`
-  const successMessage = `Disconnected from ${microservice.name} WebSocket server`
+  console.log("killWebsocketMicroservice", { ...microservice });
+  const failMessage = `Failed to kill ${microservice.name}`;
+  const successMessage = `Disconnected from ${microservice.name} WebSocket server`;
   function do_kill() {
     // oxlint-disable-next-line promise/avoid-new
     return new Promise((resolve) => {
-      const socket = new WebSocket(microservice.url)
+      const socket = new WebSocket(microservice.url);
       socket.on("open", () => {
-        console.log("Connected to WebSocket server")
+        console.log("Connected to WebSocket server");
         socket.send(
           JSON.stringify({
             id: "system:hello",
             method: "wslink.hello",
             args: [{ secret: "wslink-secret" }],
           }),
-        )
-      })
+        );
+      });
       socket.on("message", (data) => {
-        const message = data.toString()
-        console.log("Received from server:", message)
+        const message = data.toString();
+        console.log("Received from server:", message);
         if (message.includes("hello")) {
           socket.send(
             JSON.stringify({
               id: "application.exit",
               method: "application.exit",
             }),
-          )
-          console.log(successMessage)
-          socket.close()
-          resolve()
+          );
+          console.log(successMessage);
+          socket.close();
+          resolve();
         }
-      })
+      });
       socket.on("close", () => {
-        console.log(successMessage)
-        resolve()
-      })
+        console.log(successMessage);
+        resolve();
+      });
       socket.on("error", (error) => {
-        console.error("WebSocket error:", error)
-        socket.close()
-        resolve()
-      })
-    })
+        console.error("WebSocket error:", error);
+        socket.close();
+        resolve();
+      });
+    });
   }
   return pTimeout(do_kill(), {
     milliseconds: 5000,
     message: failMessage,
-  })
+  });
 }
 
 function killMicroservice(microservice) {
   if (microservice.type === "back") {
-    return killHttpMicroservice(microservice)
-  } else if (microservice.type === "viewer") {
-    return killWebsocketMicroservice(microservice)
-  } else {
-    throw new Error(`Unknown microservice type: ${microservice.type}`)
+    return killHttpMicroservice(microservice);
   }
+  if (microservice.type === "viewer") {
+    return killWebsocketMicroservice(microservice);
+  }
+  throw new Error(`Unknown microservice type: ${microservice.type}`);
 }
 
 function killMicroservices(microservices) {
-  console.log("killMicroservices", { microservices })
+  console.log("killMicroservices", { microservices });
   return Promise.all(
-    microservices.map(
-      async (microservice) => await killMicroservice(microservice),
-    ),
-  )
+    microservices.map(async (microservice) => await killMicroservice(microservice)),
+  );
 }
 
 function projectMicroservices(projectFolderPath) {
-  console.log("projectMicroservices", { projectFolderPath })
-  const filePath = microservicesMetadatasPath(projectFolderPath)
+  console.log("projectMicroservices", { projectFolderPath });
+  const filePath = microservicesMetadatasPath(projectFolderPath);
 
   if (!fs.existsSync(filePath)) {
-    const microservicesMetadatas = { microservices: [] }
-    fs.writeFileSync(
-      filePath,
-      JSON.stringify(microservicesMetadatas, undefined, 2),
-      "utf8",
-    )
+    const microservicesMetadatas = { microservices: [] };
+    fs.writeFileSync(filePath, JSON.stringify(microservicesMetadatas, undefined, 2), "utf8");
   }
-  const content = JSON.parse(fs.readFileSync(filePath, "utf8"))
-  return content.microservices
+  const content = JSON.parse(fs.readFileSync(filePath, "utf8"));
+  return content.microservices;
 }
 
 async function cleanupBackend(projectFolderPath) {
-  const microservices = projectMicroservices(projectFolderPath)
-  await killMicroservices(microservices)
-  await deleteFolderRecursive(projectFolderPath)
+  const microservices = projectMicroservices(projectFolderPath);
+  await killMicroservices(microservices);
+  await deleteFolderRecursive(projectFolderPath);
 }
 
 function microservicesMetadatasPath(projectFolderPath) {
-  return path.join(projectFolderPath, "microservices.json")
+  return path.join(projectFolderPath, "microservices.json");
 }
 
-export { cleanupBackend, microservicesMetadatasPath }
+export { cleanupBackend, microservicesMetadatasPath };
diff --git a/app/utils/local/microservices.js b/app/utils/local/microservices.js
index 46750d09..74871bfd 100644
--- a/app/utils/local/microservices.js
+++ b/app/utils/local/microservices.js
@@ -1,26 +1,26 @@
 // Node imports
-import child_process from "node:child_process"
-import fs from "node:fs"
-import path from "node:path"
+import child_process from "node:child_process";
+import fs from "node:fs";
+import path from "node:path";
 
 // Third party imports
-import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json" with { type: "json" }
-import { getPort } from "get-port-please"
-import pTimeout from "p-timeout"
+import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json" with { type: "json" };
+import { getPort } from "get-port-please";
+import pTimeout from "p-timeout";
 
 // Local imports
-import { commandExistsSync, waitForReady } from "./scripts.js"
-import { executableName, executablePath } from "./path.js"
-import { microservicesMetadatasPath } from "./cleanup.js"
+import { commandExistsSync, waitForReady } from "./scripts.js";
+import { executableName, executablePath } from "./path.js";
+import { microservicesMetadatasPath } from "./cleanup.js";
 
-const DEFAULT_TIMEOUT_SECONDS = 30
-const MILLISECONDS_PER_SECOND = 1000
+const DEFAULT_TIMEOUT_SECONDS = 30;
+const MILLISECONDS_PER_SECOND = 1000;
 
 function getAvailablePort() {
   return getPort({
     host: "localhost",
     random: true,
-  })
+  });
 }
 
 async function runScript(
@@ -30,126 +30,116 @@ async function runScript(
   expectedResponse,
   timeoutSeconds = DEFAULT_TIMEOUT_SECONDS,
 ) {
-  let command = ""
+  let command = "";
   if (commandExistsSync(execName)) {
-    command = execName
+    command = execName;
   } else {
-    command = path.join(executablePath(execPath), executableName(execName))
+    command = path.join(executablePath(execPath), executableName(execName));
   }
-  console.log("runScript", command, args)
+  console.log("runScript", command, args);
   const child = child_process.spawn(command, args, {
     encoding: "utf8",
     shell: true,
-  })
+  });
 
-  child.stdout.on("data", (data) =>
-    console.log(`[${execName}] ${data.toString()}`),
-  )
-  child.stderr.on("data", (data) =>
-    console.log(`[${execName}] ${data.toString()}`),
-  )
+  child.stdout.on("data", (data) => console.log(`[${execName}] ${data.toString()}`));
+  child.stderr.on("data", (data) => console.log(`[${execName}] ${data.toString()}`));
 
   child.on("error", async (error) => {
-    const electron = await import("electron")
+    const electron = await import("electron");
     electron.dialog.showMessageBox({
       title: "Title",
       type: "warning",
       message: `Error occured.\r\n${error}`,
-    })
-  })
+    });
+  });
 
-  child.on("close", (code) =>
-    console.log(`[${execName}] exited with code ${code}`),
-  )
+  child.on("close", (code) => console.log(`[${execName}] exited with code ${code}`));
   child.on("kill", () => {
-    console.log(`[${execName}] process killed`)
-  })
-  child.name = command.replace(/^.*[\\/]/, "")
+    console.log(`[${execName}] process killed`);
+  });
+  child.name = command.replace(/^.*[\\/]/, "");
 
   try {
     return await pTimeout(waitForReady(child, expectedResponse), {
       milliseconds: timeoutSeconds * MILLISECONDS_PER_SECOND,
       message: `Timed out after ${timeoutSeconds} seconds`,
-    })
+    });
   } catch (error) {
-    child.kill()
-    throw error
+    child.kill();
+    throw error;
   }
 }
 
 async function runBack(execName, execPath, args = {}) {
-  const { projectFolderPath } = args
+  const { projectFolderPath } = args;
   if (!projectFolderPath) {
-    throw new Error("projectFolderPath is required")
+    throw new Error("projectFolderPath is required");
   }
-  let { uploadFolderPath } = args
+  let { uploadFolderPath } = args;
   if (!uploadFolderPath) {
-    uploadFolderPath = path.join(projectFolderPath, "uploads")
+    uploadFolderPath = path.join(projectFolderPath, "uploads");
   }
-  const port = await getAvailablePort()
+  const port = await getAvailablePort();
   const backArgs = [
     `--port ${port}`,
     `--data_folder_path ${projectFolderPath}`,
     `--upload_folder_path ${uploadFolderPath}`,
     `--allowed_origin http://localhost:*`,
     `--timeout ${0}`,
-  ]
+  ];
   if (process.env.NODE_ENV === "development" || !process.env.NODE_ENV) {
-    backArgs.push("--debug")
+    backArgs.push("--debug");
   }
-  console.log("runBack", execName, execPath, backArgs)
-  await runScript(execName, execPath, backArgs, "Serving Flask app")
-  return port
+  console.log("runBack", execName, execPath, backArgs);
+  await runScript(execName, execPath, backArgs, "Serving Flask app");
+  return port;
 }
 
 async function runViewer(execName, execPath, args = {}) {
-  const { projectFolderPath } = args
+  const { projectFolderPath } = args;
   if (!projectFolderPath) {
-    throw new Error("projectFolderPath is required")
+    throw new Error("projectFolderPath is required");
   }
-  const port = await getAvailablePort()
+  const port = await getAvailablePort();
   const viewerArgs = [
     `--port ${port}`,
     `--data_folder_path ${projectFolderPath}`,
     `--timeout ${0}`,
-  ]
-  console.log("runViewer", execName, execPath, viewerArgs)
-  await runScript(execName, execPath, viewerArgs, "Starting factory")
-  return port
+  ];
+  console.log("runViewer", execName, execPath, viewerArgs);
+  await runScript(execName, execPath, viewerArgs, "Starting factory");
+  return port;
 }
 
 function projectMicroservices(projectFolderPath) {
-  console.log("projectMicroservices", { projectFolderPath })
-  const filePath = microservicesMetadatasPath(projectFolderPath)
+  console.log("projectMicroservices", { projectFolderPath });
+  const filePath = microservicesMetadatasPath(projectFolderPath);
 
   if (!fs.existsSync(filePath)) {
-    const microservicesMetadatas = { microservices: [] }
-    fs.writeFileSync(
-      filePath,
-      JSON.stringify(microservicesMetadatas, undefined, 2),
-      "utf8",
-    )
+    const microservicesMetadatas = { microservices: [] };
+    fs.writeFileSync(filePath, JSON.stringify(microservicesMetadatas, undefined, 2), "utf8");
   }
-  const content = JSON.parse(fs.readFileSync(filePath, "utf8"))
-  return content.microservices
+  const content = JSON.parse(fs.readFileSync(filePath, "utf8"));
+  return content.microservices;
 }
 
 function addMicroserviceMetadatas(projectFolderPath, serviceObj) {
-  const microservices = projectMicroservices(projectFolderPath)
+  const microservices = projectMicroservices(projectFolderPath);
   if (serviceObj.type === "back") {
-    const schema = back_schemas.opengeodeweb_back.kill
-    serviceObj.url = `http://localhost:${serviceObj.port}/${schema.$id}`
-    const [method] = schema.methods
-    serviceObj.method = method
+    const schema = back_schemas.opengeodeweb_back.kill;
+    serviceObj.url = `http://localhost:${serviceObj.port}/${schema.$id}`;
+    const [method] = schema.methods;
+    serviceObj.method = method;
   } else if (serviceObj.type === "viewer") {
-    serviceObj.url = `ws://localhost:${serviceObj.port}/ws`
+    serviceObj.url = `ws://localhost:${serviceObj.port}/ws`;
   }
 
-  microservices.push(serviceObj)
+  microservices.push(serviceObj);
   fs.writeFileSync(
     microservicesMetadatasPath(projectFolderPath),
     JSON.stringify({ microservices }, undefined, 2),
-  )
+  );
 }
 
-export { addMicroserviceMetadatas, getAvailablePort, runBack, runViewer }
+export { addMicroserviceMetadatas, getAvailablePort, runBack, runViewer };
diff --git a/app/utils/local/path.js b/app/utils/local/path.js
index ad2788dc..af723e20 100644
--- a/app/utils/local/path.js
+++ b/app/utils/local/path.js
@@ -1,42 +1,39 @@
 // Node imports
-import fs from "node:fs"
-import os from "node:os"
-import path from "node:path"
+import fs from "node:fs";
+import os from "node:os";
+import path from "node:path";
 
 // Third party imports
-import { v4 as uuidv4 } from "uuid"
+import { v4 as uuidv4 } from "uuid";
 
 // Local imports
-import { appMode } from "./app_mode.js"
+import { appMode } from "./app_mode.js";
 
 function executablePath(microservicePath) {
-  console.log("[executablePath]", { microservicePath }, process.env.NODE_ENV)
-  if (
-    useRuntimeConfig().public.MODE === appMode.DESKTOP &&
-    process.env.NODE_ENV === "production"
-  ) {
-    return process.env.RESOURCES_PATH
+  console.log("[executablePath]", { microservicePath }, process.env.NODE_ENV);
+  if (useRuntimeConfig().public.MODE === appMode.DESKTOP && process.env.NODE_ENV === "production") {
+    return process.env.RESOURCES_PATH;
   }
-  return microservicePath
+  return microservicePath;
 }
 
 function executableName(name) {
   if (process.platform === "win32") {
-    return `${name}.exe`
+    return `${name}.exe`;
   }
-  return name
+  return name;
 }
 
 function createPath(dirPath) {
   if (!fs.existsSync(dirPath)) {
-    fs.mkdirSync(dirPath, { recursive: true })
-    console.log(`${dirPath} directory created successfully!`)
+    fs.mkdirSync(dirPath, { recursive: true });
+    console.log(`${dirPath} directory created successfully!`);
   }
-  return dirPath
+  return dirPath;
 }
 
 function generateProjectFolderPath(projectName) {
-  return path.join(os.tmpdir(), projectName.replace(/\//g, "_"), uuidv4())
+  return path.join(os.tmpdir(), projectName.replaceAll("/", "_"), uuidv4());
 }
 
-export { createPath, executablePath, executableName, generateProjectFolderPath }
+export { createPath, executablePath, executableName, generateProjectFolderPath };
diff --git a/app/utils/local/scripts.js b/app/utils/local/scripts.js
index 1ce44957..84459372 100644
--- a/app/utils/local/scripts.js
+++ b/app/utils/local/scripts.js
@@ -1,51 +1,51 @@
 // Node imports
-import child_process from "node:child_process"
-import fs from "node:fs"
-import { on } from "node:events"
-import path from "node:path"
+import child_process from "node:child_process";
+import fs from "node:fs";
+import { on } from "node:events";
+import path from "node:path";
 
-import { appMode } from "./app_mode.js"
+import { appMode } from "./app_mode.js";
 
 function commandExistsSync(execName) {
-  const envPath = process.env.PATH || ""
+  const envPath = process.env.PATH || "";
   return envPath.split(path.delimiter).some((dir) => {
-    const filePath = path.join(dir, execName)
-    return fs.existsSync(filePath) && fs.statSync(filePath).isFile()
-  })
+    const filePath = path.join(dir, execName);
+    return fs.existsSync(filePath) && fs.statSync(filePath).isFile();
+  });
 }
 
 async function waitForReady(child, expectedResponse) {
   for await (const [data] of on(child.stdout, "data")) {
     if (data.toString().includes(expectedResponse)) {
-      return child
+      return child;
     }
   }
-  throw new Error("Process closed before signal")
+  throw new Error("Process closed before signal");
 }
 
 async function waitNuxt(nuxtProcess) {
   for await (const [data] of on(nuxtProcess.stdout, "data")) {
-    const output = data.toString()
-    console.log("Nuxt:", output)
-    const portMatch = output.match(/Listening on http:\/\/\[::\]:(\d+)/)
+    const output = data.toString();
+    console.log("Nuxt:", output);
+    const portMatch = output.match(/Listening on http:\/\/\[::\]:(\d+)/);
     if (portMatch) {
-      const [, nuxtPort] = portMatch
+      const [, nuxtPort] = portMatch;
 
-      console.log("Nuxt listening on port", nuxtPort)
-      return nuxtPort
+      console.log("Nuxt listening on port", nuxtPort);
+      return nuxtPort;
     }
   }
-  throw new Error("Nuxt process closed without accepting connections")
+  throw new Error("Nuxt process closed without accepting connections");
 }
 
 async function runBrowser(scriptName) {
-  process.env.MODE = appMode.BROWSER
+  process.env.MODE = appMode.BROWSER;
 
   const nuxtProcess = child_process.spawn("npm", ["run", scriptName], {
     shell: true,
     FORCE_COLOR: true,
-  })
-  return await waitNuxt(nuxtProcess)
+  });
+  return await waitNuxt(nuxtProcess);
 }
 
-export { runBrowser, waitForReady, commandExistsSync }
+export { runBrowser, waitForReady, commandExistsSync };
diff --git a/app/utils/recaptcha.js b/app/utils/recaptcha.js
index 37907f8c..c9ef4773 100644
--- a/app/utils/recaptcha.js
+++ b/app/utils/recaptcha.js
@@ -1,24 +1,24 @@
 function check_recaptcha_params(name, email, launch) {
-  console.log("check_recaptcha_params", { name, email, launch })
+  console.log("check_recaptcha_params", { name, email, launch });
   if (name !== "") {
     return {
       statusCode: 500,
       body: JSON.stringify({ message: "INTERNAL_ERROR" }),
-    }
+    };
   }
   if (email !== "") {
     return {
       statusCode: 500,
       body: JSON.stringify({ message: "INTERNAL_ERROR" }),
-    }
+    };
   }
   if (launch !== false) {
     return {
       statusCode: 500,
       body: JSON.stringify({ message: "INTERNAL_ERROR" }),
-    }
+    };
   }
-  return { statusCode: 200, body: JSON.stringify({ message: "OK" }) }
+  return { statusCode: 200, body: JSON.stringify({ message: "OK" }) };
 }
 
-export { check_recaptcha_params }
+export { check_recaptcha_params };
diff --git a/app/utils/server.js b/app/utils/server.js
index 582ecb72..32bde76b 100644
--- a/app/utils/server.js
+++ b/app/utils/server.js
@@ -1,46 +1,43 @@
 // Node imports
-import fs from "node:fs"
-import path from "node:path"
+import fs from "node:fs";
+import path from "node:path";
 
 // Third party imports
-import JSZip from "jszip"
+import JSZip from "jszip";
 
-async function unzipFile(
-  zipFilePath,
-  outputDir = zipFilePath.replace(/\.[^/.]+$/, ""), // Remove the file extension
-) {
-  console.log("Unzipping file...", zipFilePath, outputDir)
+async function unzipFile(zipFilePath, outputDir = zipFilePath.replace(/\.[^/.]+$/, "")) {
+  console.log("Unzipping file...", zipFilePath, outputDir);
   try {
-    const data = await fs.promises.readFile(zipFilePath)
-    const zip = await JSZip.loadAsync(data)
-    await fs.promises.mkdir(outputDir, { recursive: true })
-    const promises = []
+    const data = await fs.promises.readFile(zipFilePath);
+    const zip = await JSZip.loadAsync(data);
+    await fs.promises.mkdir(outputDir, { recursive: true });
+    const promises = [];
 
     for (const [relativePath, zipEntry] of Object.entries(zip.files)) {
-      const outputPath = path.join(outputDir, relativePath)
+      const outputPath = path.join(outputDir, relativePath);
 
       if (zipEntry.dir) {
-        promises.push(fs.promises.mkdir(outputPath, { recursive: true }))
+        promises.push(fs.promises.mkdir(outputPath, { recursive: true }));
       } else {
         promises.push(
           (async () => {
-            const content = await zipEntry.async("nodebuffer")
+            const content = await zipEntry.async("nodebuffer");
             await fs.promises.mkdir(path.dirname(outputPath), {
               recursive: true,
-            })
-            await fs.promises.writeFile(outputPath, content)
+            });
+            await fs.promises.writeFile(outputPath, content);
           })(),
-        )
+        );
       }
     }
 
-    await Promise.all(promises)
-    console.log("Extraction complete!")
-    return outputDir
+    await Promise.all(promises);
+    console.log("Extraction complete!");
+    return outputDir;
   } catch (error) {
-    console.error("Error unzipping file:", error)
-    throw error
+    console.error("Error unzipping file:", error);
+    throw error;
   }
 }
 
-export { unzipFile }
+export { unzipFile };
diff --git a/app/utils/status.js b/app/utils/status.js
index f7809d29..3c7f8194 100644
--- a/app/utils/status.js
+++ b/app/utils/status.js
@@ -5,6 +5,6 @@ const Status = {
   NOT_CONNECTED: "NOT_CONNECTED",
   CONNECTING: "CONNECTING",
   CONNECTED: "CONNECTED",
-}
+};
 
-export { Status }
+export { Status };
diff --git a/app/utils/treeview.js b/app/utils/treeview.js
index dd2d8bc2..95730f6e 100644
--- a/app/utils/treeview.js
+++ b/app/utils/treeview.js
@@ -1,7 +1,7 @@
 function compareSelections(current, previous) {
-  const added = current.filter((item) => !previous.includes(item))
-  const removed = previous.filter((item) => !current.includes(item))
-  return { added, removed }
+  const added = current.filter((item) => !previous.includes(item));
+  const removed = previous.filter((item) => !current.includes(item));
+  return { added, removed };
 }
 
-export { compareSelections }
+export { compareSelections };
diff --git a/app/utils/validate_schema.js b/app/utils/validate_schema.js
index f68e9c09..e1b59aa4 100644
--- a/app/utils/validate_schema.js
+++ b/app/utils/validate_schema.js
@@ -1,13 +1,13 @@
-import Ajv from "ajv"
+import Ajv from "ajv";
 
 function validate_schema(schema, body) {
-  const ajv = new Ajv()
-  const list_keywords = ["methods", "route", "max_retry", "rpc"]
+  const ajv = new Ajv();
+  const list_keywords = ["methods", "route", "max_retry", "rpc"];
   for (const keyword of list_keywords) {
-    ajv.addKeyword(keyword)
+    ajv.addKeyword(keyword);
   }
-  const valid = ajv.validate(schema, body)
-  return { valid, error: ajv.errorsText() }
+  const valid = ajv.validate(schema, body);
+  return { valid, error: ajv.errorsText() };
 }
 
-export { validate_schema }
+export { validate_schema };
diff --git a/commitlint.config.js b/commitlint.config.js
index a397334b..0055b515 100644
--- a/commitlint.config.js
+++ b/commitlint.config.js
@@ -14,6 +14,6 @@ const Configuration = {
     "type-empty": [0],
     "type-enum": [2, "always", ["feat", "fix", "perf"]],
   },
-}
+};
 
-export default Configuration
+export default Configuration;
diff --git a/eslint.config.js b/eslint.config.js
index cae19a2a..d769d4e7 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,6 +1,6 @@
-import nuxt from "eslint-plugin-nuxt"
-import vue from "eslint-plugin-vue"
-import vuetify from "eslint-plugin-vuetify"
+import nuxt from "eslint-plugin-nuxt";
+import vue from "eslint-plugin-vue";
+import vuetify from "eslint-plugin-vuetify";
 
 // oxlint-disable-next-line import/no-anonymous-default-export
 export default [
@@ -25,4 +25,4 @@ export default [
       ...nuxt.configs.recommended.rules,
     },
   },
-]
+];
diff --git a/internal/database/database.js b/internal/database/database.js
index 84202450..1ad24634 100644
--- a/internal/database/database.js
+++ b/internal/database/database.js
@@ -1,92 +1,84 @@
-import { Dexie } from "dexie"
-import { ExtendedDatabase } from "./extended_database"
-import { dataTable } from "./tables/data"
-import { modelComponentsRelationTable } from "./tables/model_components_relation"
-import { modelComponentsTable } from "./tables/model_components"
+import { Dexie } from "dexie";
+import { ExtendedDatabase } from "./extended_database";
+import { dataTable } from "./tables/data";
+import { modelComponentsRelationTable } from "./tables/model_components_relation";
+import { modelComponentsTable } from "./tables/model_components";
 
 class Database extends Dexie {
   constructor() {
-    super("Database")
+    super("Database");
 
     this.version(1).stores({
       [dataTable.name]: dataTable.schema,
       [modelComponentsTable.name]: modelComponentsTable.schema,
       [modelComponentsRelationTable.name]: modelComponentsRelationTable.schema,
-    })
+    });
   }
 
   static async addTable(tableName, schemaDefinition) {
-    await this.addTables({ [tableName]: schemaDefinition })
+    await this.addTables({ [tableName]: schemaDefinition });
   }
 
   static async addTables(newTables) {
-    const tempDb = new Dexie("Database")
-    await tempDb.open()
+    const tempDb = new Dexie("Database");
+    await tempDb.open();
 
-    const currentVersion = tempDb.verno
-    const currentStores = {}
-
-    currentStores[dataTable.name] = dataTable.schema
-    currentStores[modelComponentsTable.name] = modelComponentsTable.schema
-    currentStores[modelComponentsRelationTable.name] =
-      modelComponentsRelationTable.schema
+    const currentVersion = tempDb.verno;
+    const currentStores = {
+      [dataTable.name]: dataTable.schema,
+      [modelComponentsTable.name]: modelComponentsTable.schema,
+      [modelComponentsRelationTable.name]: modelComponentsRelationTable.schema,
+    };
 
     for (const table of tempDb.tables) {
-      const keyPath = table.schema.primKey.src
-      const indexes = table.schema.indexes.map((index) => index.src)
-      const parts = keyPath ? [keyPath, ...indexes] : indexes
-      currentStores[table.name] = parts.join(",")
+      const keyPath = table.schema.primKey.src;
+      const indexes = table.schema.indexes.map((index) => index.src);
+      const parts = keyPath ? [keyPath, ...indexes] : indexes;
+      currentStores[table.name] = parts.join(",");
     }
 
-    tempDb.close()
+    tempDb.close();
 
-    const allExisting = Object.keys(newTables).every(
-      (tableName) => currentStores[tableName],
-    )
+    const allExisting = Object.keys(newTables).every((tableName) => currentStores[tableName]);
 
-    databaseContainer.instance.close()
+    databaseContainer.instance.close();
 
     if (allExisting) {
-      const existingDb = new Dexie("Database")
+      const existingDb = new Dexie("Database");
       for (let version = 1; version <= currentVersion; version += 1) {
         if (version === 1) {
           existingDb.version(1).stores({
             [dataTable.name]: dataTable.schema,
             [modelComponentsTable.name]: modelComponentsTable.schema,
-            [modelComponentsRelationTable.name]:
-              modelComponentsRelationTable.schema,
-          })
+            [modelComponentsRelationTable.name]: modelComponentsRelationTable.schema,
+          });
         } else {
-          existingDb.version(version).stores(currentStores)
+          existingDb.version(version).stores(currentStores);
         }
       }
-      await existingDb.open()
-      databaseContainer.instance = existingDb
+      await existingDb.open();
+      databaseContainer.instance = existingDb;
     } else {
-      const newDb = new ExtendedDatabase(
-        currentVersion,
-        currentStores,
-        newTables,
-      )
-      await newDb.open()
-      databaseContainer.instance = newDb
+      const newDb = new ExtendedDatabase(currentVersion, currentStores, newTables);
+      await newDb.open();
+      databaseContainer.instance = newDb;
     }
   }
 }
 
-const databaseContainer = { instance: new Database() }
+const databaseContainer = { instance: new Database() };
 
 const database = new Proxy(
   {},
   {
     get(target, prop) {
-      const value = databaseContainer.instance[prop]
+      const value = databaseContainer.instance[prop];
       if (typeof value === "function") {
-        return value.bind(databaseContainer.instance)
+        return value.bind(databaseContainer.instance);
       }
-      return value
+      return value;
     },
   },
-)
+);
 
-export { Database, database }
+export { Database, database };
diff --git a/internal/database/extended_database.js b/internal/database/extended_database.js
index 1b714b11..081df255 100644
--- a/internal/database/extended_database.js
+++ b/internal/database/extended_database.js
@@ -1,28 +1,27 @@
-import { Dexie } from "dexie"
-import { dataTable } from "./tables/data"
-import { modelComponentsRelationTable } from "./tables/model_components_relation"
-import { modelComponentsTable } from "./tables/model_components"
+import { Dexie } from "dexie";
+import { dataTable } from "./tables/data";
+import { modelComponentsRelationTable } from "./tables/model_components_relation";
+import { modelComponentsTable } from "./tables/model_components";
 
 export class ExtendedDatabase extends Dexie {
   constructor(currentVersion, currentStores, newTables) {
-    super("Database")
+    super("Database");
 
     for (let version = 1; version <= currentVersion; version += 1) {
       if (version === 1) {
         this.version(1).stores({
           [dataTable.name]: dataTable.schema,
           [modelComponentsTable.name]: modelComponentsTable.schema,
-          [modelComponentsRelationTable.name]:
-            modelComponentsRelationTable.schema,
-        })
+          [modelComponentsRelationTable.name]: modelComponentsRelationTable.schema,
+        });
       } else {
-        this.version(version).stores(currentStores)
+        this.version(version).stores(currentStores);
       }
     }
 
     this.version(currentVersion + 1).stores({
       ...currentStores,
       ...newTables,
-    })
+    });
   }
 }
diff --git a/internal/database/tables/data.js b/internal/database/tables/data.js
index 4fa29602..4eb879e7 100644
--- a/internal/database/tables/data.js
+++ b/internal/database/tables/data.js
@@ -1,5 +1,4 @@
 export const dataTable = {
   name: "data",
-  schema:
-    "id, name, viewer_type, geode_object_type, visible, created_at, binary_light_viewable",
-}
+  schema: "id, name, viewer_type, geode_object_type, visible, created_at, binary_light_viewable",
+};
diff --git a/internal/database/tables/model_components.js b/internal/database/tables/model_components.js
index cfb9041c..57363088 100644
--- a/internal/database/tables/model_components.js
+++ b/internal/database/tables/model_components.js
@@ -1,4 +1,4 @@
 export const modelComponentsTable = {
   name: "model_components",
   schema: "[id+geode_id], [id+type], viewer_id, name",
-}
+};
diff --git a/internal/database/tables/model_components_relation.js b/internal/database/tables/model_components_relation.js
index b45ae0fa..8bab281f 100644
--- a/internal/database/tables/model_components_relation.js
+++ b/internal/database/tables/model_components_relation.js
@@ -1,4 +1,4 @@
 export const modelComponentsRelationTable = {
   name: "model_components_relation",
   schema: "[id+parent+child], type",
-}
+};
diff --git a/internal/stores/data_style/mesh/cells/cell.js b/internal/stores/data_style/mesh/cells/cell.js
index 40132c77..bb29f8aa 100644
--- a/internal/stores/data_style/mesh/cells/cell.js
+++ b/internal/stores/data_style/mesh/cells/cell.js
@@ -1,130 +1,114 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap"
-import { useMeshCellsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useMeshCellsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshCellsCellAttributeSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.cells.attribute.cell
+const meshCellsCellAttributeSchemas = viewer_schemas.opengeodeweb_viewer.mesh.cells.attribute.cell;
 
 export function useMeshCellsCellAttributeStyle() {
-  const viewerStore = useViewerStore()
-  const meshCellsCommonStyle = useMeshCellsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshCellsCommonStyle = useMeshCellsCommonStyle();
 
   function meshCellsCellAttribute(id) {
-    return meshCellsCommonStyle.meshCellsColoring(id).cell
+    return meshCellsCommonStyle.meshCellsColoring(id).cell;
   }
 
   function meshCellsCellAttributeStoredConfig(id, name) {
-    const { storedConfigs } = meshCellsCellAttribute(id)
+    const { storedConfigs } = meshCellsCellAttribute(id);
     if (name in storedConfigs) {
-      return storedConfigs[name]
+      return storedConfigs[name];
     }
     return setMeshCellsCellAttributeStoredConfig(id, name, {
       minimum: undefined,
       maximum: undefined,
       colorMap: undefined,
-    })
+    });
   }
 
-  function setMeshCellsCellAttributeStoredConfig(
-    id,
-    name,
-    { minimum, maximum, colorMap },
-  ) {
-    const { storedConfigs } = meshCellsCellAttribute(id)
-    storedConfigs[name] = { minimum, maximum, colorMap }
-    return storedConfigs[name]
+  function setMeshCellsCellAttributeStoredConfig(id, name, { minimum, maximum, colorMap }) {
+    const { storedConfigs } = meshCellsCellAttribute(id);
+    storedConfigs[name] = { minimum, maximum, colorMap };
+    return storedConfigs[name];
   }
 
   function meshCellsCellAttributeName(id) {
-    console.log(
-      meshCellsCellAttributeName.name,
-      { id },
-      meshCellsCellAttribute(id),
-    )
-    return meshCellsCellAttribute(id).name
+    console.log(meshCellsCellAttributeName.name, { id }, meshCellsCellAttribute(id));
+    return meshCellsCellAttribute(id).name;
   }
   function setMeshCellsCellAttributeName(id, name) {
-    console.log(setMeshCellsCellAttributeName.name, { id, name })
+    console.log(setMeshCellsCellAttributeName.name, { id, name });
     return viewerStore.request(
       meshCellsCellAttributeSchemas.name,
       { id, name },
       {
         response_function: async () => {
-          meshCellsCellAttribute(id).name = name
-          const { minimum, maximum } = meshCellsCellAttributeStoredConfig(
-            id,
-            name,
-          )
-          await setMeshCellsCellAttributeRange(id, minimum, maximum)
-          console.log(
-            setMeshCellsCellAttributeName.name,
-            { id },
-            meshCellsCellAttributeName(id),
-          )
+          meshCellsCellAttribute(id).name = name;
+          const { minimum, maximum } = meshCellsCellAttributeStoredConfig(id, name);
+          await setMeshCellsCellAttributeRange(id, minimum, maximum);
+          console.log(setMeshCellsCellAttributeName.name, { id }, meshCellsCellAttributeName(id));
         },
       },
-    )
+    );
   }
 
   function meshCellsCellAttributeRange(id) {
-    const name = meshCellsCellAttributeName(id)
-    const storedConfig = meshCellsCellAttributeStoredConfig(id, name)
-    const { minimum, maximum } = storedConfig
-    return [minimum, maximum]
+    const name = meshCellsCellAttributeName(id);
+    const storedConfig = meshCellsCellAttributeStoredConfig(id, name);
+    const { minimum, maximum } = storedConfig;
+    return [minimum, maximum];
   }
   function setMeshCellsCellAttributeRange(id, minimum, maximum) {
-    const name = meshCellsCellAttributeName(id)
-    const storedConfig = meshCellsCellAttributeStoredConfig(id, name)
-    storedConfig.minimum = minimum
-    storedConfig.maximum = maximum
-    return setMeshCellsCellAttributeColorMap(id, storedConfig.colorMap)
+    const name = meshCellsCellAttributeName(id);
+    const storedConfig = meshCellsCellAttributeStoredConfig(id, name);
+    storedConfig.minimum = minimum;
+    storedConfig.maximum = maximum;
+    return setMeshCellsCellAttributeColorMap(id, storedConfig.colorMap);
   }
 
   function meshCellsCellAttributeColorMap(id) {
-    const name = meshCellsCellAttributeName(id)
-    const storedConfig = meshCellsCellAttributeStoredConfig(id, name)
-    const { colorMap } = storedConfig
-    return colorMap
+    const name = meshCellsCellAttributeName(id);
+    const storedConfig = meshCellsCellAttributeStoredConfig(id, name);
+    const { colorMap } = storedConfig;
+    return colorMap;
   }
   function setMeshCellsCellAttributeColorMap(id, colorMap) {
-    const name = meshCellsCellAttributeName(id)
-    const storedConfig = meshCellsCellAttributeStoredConfig(id, name)
+    const name = meshCellsCellAttributeName(id);
+    const storedConfig = meshCellsCellAttributeStoredConfig(id, name);
     if (
       storedConfig.minimum === undefined ||
       storedConfig.maximum === undefined ||
       colorMap === undefined
     ) {
-      storedConfig.colorMap = colorMap
-      return
+      storedConfig.colorMap = colorMap;
+      return;
     }
-    const points = getRGBPointsFromPreset(colorMap)
-    const { minimum, maximum } = storedConfig
+    const points = getRGBPointsFromPreset(colorMap);
+    const { minimum, maximum } = storedConfig;
 
     console.log(setMeshCellsCellAttributeColorMap.name, {
       id,
       minimum,
       maximum,
       colorMap,
-    })
+    });
     return viewerStore.request(
       meshCellsCellAttributeSchemas.color_map,
       { id, points, minimum, maximum },
       {
         response_function: () => {
-          storedConfig.colorMap = colorMap
+          storedConfig.colorMap = colorMap;
           console.log(
             setMeshCellsCellAttributeColorMap.name,
             { id },
             meshCellsCellAttributeColorMap(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
@@ -135,5 +119,5 @@ export function useMeshCellsCellAttributeStyle() {
     setMeshCellsCellAttributeName,
     setMeshCellsCellAttributeRange,
     setMeshCellsCellAttributeColorMap,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/cells/color.js b/internal/stores/data_style/mesh/cells/color.js
index 24db1b5b..ea554f5f 100644
--- a/internal/stores/data_style/mesh/cells/color.js
+++ b/internal/stores/data_style/mesh/cells/color.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshCellsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshCellsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshCellsColorSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.cells.color
+const meshCellsColorSchemas = viewer_schemas.opengeodeweb_viewer.mesh.cells.color;
 
 export function useMeshCellsColorStyle() {
-  const viewerStore = useViewerStore()
-  const meshCellsCommonStyle = useMeshCellsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshCellsCommonStyle = useMeshCellsCommonStyle();
 
   function meshCellsColor(id) {
-    return meshCellsCommonStyle.meshCellsColoring(id).color
+    return meshCellsCommonStyle.meshCellsColoring(id).color;
   }
   function setMeshCellsColor(id, color) {
     return viewerStore.request(
@@ -22,19 +21,15 @@ export function useMeshCellsColorStyle() {
       { id, color },
       {
         response_function: () => {
-          meshCellsCommonStyle.meshCellsColoring(id).color = color
-          console.log(
-            setMeshCellsColor.name,
-            { id },
-            JSON.stringify(meshCellsColor(id)),
-          )
+          meshCellsCommonStyle.meshCellsColoring(id).color = color;
+          console.log(setMeshCellsColor.name, { id }, JSON.stringify(meshCellsColor(id)));
         },
       },
-    )
+    );
   }
 
   return {
     meshCellsColor,
     setMeshCellsColor,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/cells/common.js b/internal/stores/data_style/mesh/cells/common.js
index e6bdeaf3..23e293e4 100644
--- a/internal/stores/data_style/mesh/cells/common.js
+++ b/internal/stores/data_style/mesh/cells/common.js
@@ -1,23 +1,23 @@
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
 
 export function useMeshCellsCommonStyle() {
-  const dataStyleStateStore = useDataStyleStateStore()
+  const dataStyleStateStore = useDataStyleStateStore();
 
   function meshCellsStyle(id) {
-    return dataStyleStateStore.getStyle(id).cells
+    return dataStyleStateStore.getStyle(id).cells;
   }
 
   function meshCellsColoring(id) {
-    return meshCellsStyle(id).coloring
+    return meshCellsStyle(id).coloring;
   }
 
   function meshCellsActiveColoring(id) {
-    return meshCellsColoring(id).active
+    return meshCellsColoring(id).active;
   }
 
   return {
     meshCellsStyle,
     meshCellsColoring,
     meshCellsActiveColoring,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/cells/index.js b/internal/stores/data_style/mesh/cells/index.js
index f5d7e7b4..d7562117 100644
--- a/internal/stores/data_style/mesh/cells/index.js
+++ b/internal/stores/data_style/mesh/cells/index.js
@@ -1,74 +1,64 @@
 // Third party imports
 
 // Local imports
-import { useMeshCellsCellAttributeStyle } from "./cell"
-import { useMeshCellsColorStyle } from "./color"
-import { useMeshCellsCommonStyle } from "./common"
-import { useMeshCellsTexturesStyle } from "./textures"
-import { useMeshCellsVertexAttributeStyle } from "./vertex"
-import { useMeshCellsVisibilityStyle } from "./visibility"
+import { useMeshCellsCellAttributeStyle } from "./cell";
+import { useMeshCellsColorStyle } from "./color";
+import { useMeshCellsCommonStyle } from "./common";
+import { useMeshCellsTexturesStyle } from "./textures";
+import { useMeshCellsVertexAttributeStyle } from "./vertex";
+import { useMeshCellsVisibilityStyle } from "./visibility";
 
 // Local constants
 
 export function useMeshCellsStyle() {
-  const meshCellsCommonStyle = useMeshCellsCommonStyle()
-  const meshCellsVisibility = useMeshCellsVisibilityStyle()
-  const meshCellsColorStyle = useMeshCellsColorStyle()
-  const meshCellsTexturesStore = useMeshCellsTexturesStyle()
-  const meshCellsVertexAttributeStyle = useMeshCellsVertexAttributeStyle()
-  const meshCellsCellAttributeStyle = useMeshCellsCellAttributeStyle()
+  const meshCellsCommonStyle = useMeshCellsCommonStyle();
+  const meshCellsVisibility = useMeshCellsVisibilityStyle();
+  const meshCellsColorStyle = useMeshCellsColorStyle();
+  const meshCellsTexturesStore = useMeshCellsTexturesStyle();
+  const meshCellsVertexAttributeStyle = useMeshCellsVertexAttributeStyle();
+  const meshCellsCellAttributeStyle = useMeshCellsCellAttributeStyle();
 
   async function setMeshCellsActiveColoring(id, type) {
-    const coloring = meshCellsCommonStyle.meshCellsColoring(id)
-    coloring.active = type
+    const coloring = meshCellsCommonStyle.meshCellsColoring(id);
+    coloring.active = type;
     console.log(
       setMeshCellsActiveColoring.name,
       { id },
       meshCellsCommonStyle.meshCellsActiveColoring(id),
-    )
+    );
     if (type === "color") {
-      return meshCellsColorStyle.setMeshCellsColor(
-        id,
-        meshCellsColorStyle.meshCellsColor(id),
-      )
-    } else if (type === "textures") {
-      const textures = meshCellsTexturesStore.meshCellsTextures(id)
+      return meshCellsColorStyle.setMeshCellsColor(id, meshCellsColorStyle.meshCellsColor(id));
+    }
+    if (type === "textures") {
+      const textures = meshCellsTexturesStore.meshCellsTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return;
       }
-      return meshCellsTexturesStore.setMeshCellsTextures(id, textures)
-    } else if (type === "vertex") {
-      const name =
-        meshCellsVertexAttributeStyle.meshCellsVertexAttributeName(id)
+      return meshCellsTexturesStore.setMeshCellsTextures(id, textures);
+    }
+    if (type === "vertex") {
+      const name = meshCellsVertexAttributeStyle.meshCellsVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return;
       }
-      return meshCellsVertexAttributeStyle.setMeshCellsVertexAttributeName(
-        id,
-        name,
-      )
-    } else if (type === "cell") {
-      const name = meshCellsCellAttributeStyle.meshCellsCellAttributeName(id)
+      return meshCellsVertexAttributeStyle.setMeshCellsVertexAttributeName(id, name);
+    }
+    if (type === "cell") {
+      const name = meshCellsCellAttributeStyle.meshCellsCellAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return;
       }
-      await meshCellsCellAttributeStyle.setMeshCellsCellAttributeName(id, name)
-    } else {
-      throw new Error(`Unknown mesh cells coloring type: ${type}`)
+      await meshCellsCellAttributeStyle.setMeshCellsCellAttributeName(id, name);
+      return;
     }
+    throw new Error(`Unknown mesh cells coloring type: ${type}`);
   }
 
   function applyMeshCellsStyle(id) {
     return Promise.all([
-      meshCellsVisibility.setMeshCellsVisibility(
-        id,
-        meshCellsVisibility.meshCellsVisibility(id),
-      ),
-      setMeshCellsActiveColoring(
-        id,
-        meshCellsCommonStyle.meshCellsActiveColoring(id),
-      ),
-    ])
+      meshCellsVisibility.setMeshCellsVisibility(id, meshCellsVisibility.meshCellsVisibility(id)),
+      setMeshCellsActiveColoring(id, meshCellsCommonStyle.meshCellsActiveColoring(id)),
+    ]);
   }
 
   return {
@@ -80,5 +70,5 @@ export function useMeshCellsStyle() {
     ...meshCellsTexturesStore,
     ...meshCellsVertexAttributeStyle,
     ...meshCellsCellAttributeStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/cells/textures.js b/internal/stores/data_style/mesh/cells/textures.js
index c2847281..91000d27 100644
--- a/internal/stores/data_style/mesh/cells/textures.js
+++ b/internal/stores/data_style/mesh/cells/textures.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshCellsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshCellsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshCellsTexturesSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.cells.apply_textures
+const meshCellsTexturesSchemas = viewer_schemas.opengeodeweb_viewer.mesh.cells.apply_textures;
 
 export function useMeshCellsTexturesStyle() {
-  const viewerStore = useViewerStore()
-  const meshCellsCommonStyle = useMeshCellsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshCellsCommonStyle = useMeshCellsCommonStyle();
 
   function meshCellsTextures(id) {
-    return meshCellsCommonStyle.meshCellsColoring(id).textures
+    return meshCellsCommonStyle.meshCellsColoring(id).textures;
   }
   function setMeshCellsTextures(id, textures) {
     return viewerStore.request(
@@ -22,15 +21,15 @@ export function useMeshCellsTexturesStyle() {
       { id, textures },
       {
         response_function: () => {
-          meshCellsCommonStyle.meshCellsColoring(id).textures = textures
-          console.log(setMeshCellsTextures.name, { id }, meshCellsTextures(id))
+          meshCellsCommonStyle.meshCellsColoring(id).textures = textures;
+          console.log(setMeshCellsTextures.name, { id }, meshCellsTextures(id));
         },
       },
-    )
+    );
   }
 
   return {
     meshCellsTextures,
     setMeshCellsTextures,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/cells/vertex.js b/internal/stores/data_style/mesh/cells/vertex.js
index 775db33f..a6ece2bd 100644
--- a/internal/stores/data_style/mesh/cells/vertex.js
+++ b/internal/stores/data_style/mesh/cells/vertex.js
@@ -1,130 +1,119 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap"
-import { useMeshCellsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useMeshCellsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
 const meshCellsVertexAttributeSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.cells.attribute.vertex
+  viewer_schemas.opengeodeweb_viewer.mesh.cells.attribute.vertex;
 
 export function useMeshCellsVertexAttributeStyle() {
-  const viewerStore = useViewerStore()
-  const meshCellsCommonStyle = useMeshCellsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshCellsCommonStyle = useMeshCellsCommonStyle();
 
   function meshCellsVertexAttribute(id) {
-    return meshCellsCommonStyle.meshCellsColoring(id).vertex
+    return meshCellsCommonStyle.meshCellsColoring(id).vertex;
   }
 
   function meshCellsVertexAttributeStoredConfig(id, name) {
-    const { storedConfigs } = meshCellsVertexAttribute(id)
+    const { storedConfigs } = meshCellsVertexAttribute(id);
     if (name in storedConfigs) {
-      return storedConfigs[name]
+      return storedConfigs[name];
     }
     return setMeshCellsVertexAttributeStoredConfig(id, name, {
       minimum: undefined,
       maximum: undefined,
       colorMap: undefined,
-    })
+    });
   }
 
-  function setMeshCellsVertexAttributeStoredConfig(
-    id,
-    name,
-    { minimum, maximum, colorMap },
-  ) {
-    const { storedConfigs } = meshCellsVertexAttribute(id)
-    storedConfigs[name] = { minimum, maximum, colorMap }
-    return storedConfigs[name]
+  function setMeshCellsVertexAttributeStoredConfig(id, name, { minimum, maximum, colorMap }) {
+    const { storedConfigs } = meshCellsVertexAttribute(id);
+    storedConfigs[name] = { minimum, maximum, colorMap };
+    return storedConfigs[name];
   }
 
   function meshCellsVertexAttributeName(id) {
-    console.log(
-      meshCellsVertexAttributeName.name,
-      { id },
-      meshCellsVertexAttribute(id),
-    )
-    return meshCellsVertexAttribute(id).name
+    console.log(meshCellsVertexAttributeName.name, { id }, meshCellsVertexAttribute(id));
+    return meshCellsVertexAttribute(id).name;
   }
   function setMeshCellsVertexAttributeName(id, name) {
-    console.log(setMeshCellsVertexAttributeName.name, { id, name })
+    console.log(setMeshCellsVertexAttributeName.name, { id, name });
     return viewerStore.request(
       meshCellsVertexAttributeSchemas.name,
       { id, name },
       {
         response_function: async () => {
-          meshCellsVertexAttribute(id).name = name
-          const { minimum, maximum } = meshCellsVertexAttributeStoredConfig(
-            id,
-            name,
-          )
-          await setMeshCellsVertexAttributeRange(id, minimum, maximum)
+          meshCellsVertexAttribute(id).name = name;
+          const { minimum, maximum } = meshCellsVertexAttributeStoredConfig(id, name);
+          await setMeshCellsVertexAttributeRange(id, minimum, maximum);
           console.log(
             setMeshCellsVertexAttributeName.name,
             { id },
             meshCellsVertexAttributeName(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   function meshCellsVertexAttributeRange(id) {
-    const name = meshCellsVertexAttributeName(id)
-    const storedConfig = meshCellsVertexAttributeStoredConfig(id, name)
-    const { minimum, maximum } = storedConfig
-    return [minimum, maximum]
+    const name = meshCellsVertexAttributeName(id);
+    const storedConfig = meshCellsVertexAttributeStoredConfig(id, name);
+    const { minimum, maximum } = storedConfig;
+    return [minimum, maximum];
   }
   function setMeshCellsVertexAttributeRange(id, minimum, maximum) {
-    const name = meshCellsVertexAttributeName(id)
-    const storedConfig = meshCellsVertexAttributeStoredConfig(id, name)
-    storedConfig.minimum = minimum
-    storedConfig.maximum = maximum
-    return setMeshCellsVertexAttributeColorMap(id, storedConfig.colorMap)
+    const name = meshCellsVertexAttributeName(id);
+    const storedConfig = meshCellsVertexAttributeStoredConfig(id, name);
+    storedConfig.minimum = minimum;
+    storedConfig.maximum = maximum;
+    return setMeshCellsVertexAttributeColorMap(id, storedConfig.colorMap);
   }
 
   function meshCellsVertexAttributeColorMap(id) {
-    const name = meshCellsVertexAttributeName(id)
-    const storedConfig = meshCellsVertexAttributeStoredConfig(id, name)
-    const { colorMap } = storedConfig
-    return colorMap
+    const name = meshCellsVertexAttributeName(id);
+    const storedConfig = meshCellsVertexAttributeStoredConfig(id, name);
+    const { colorMap } = storedConfig;
+    return colorMap;
   }
   function setMeshCellsVertexAttributeColorMap(id, colorMap) {
-    const name = meshCellsVertexAttributeName(id)
-    const storedConfig = meshCellsVertexAttributeStoredConfig(id, name)
+    const name = meshCellsVertexAttributeName(id);
+    const storedConfig = meshCellsVertexAttributeStoredConfig(id, name);
     if (
       storedConfig.minimum === undefined ||
       storedConfig.maximum === undefined ||
       colorMap === undefined
     ) {
-      storedConfig.colorMap = colorMap
-      return
+      storedConfig.colorMap = colorMap;
+      return;
     }
-    const points = getRGBPointsFromPreset(colorMap)
-    const { minimum, maximum } = storedConfig
+    const points = getRGBPointsFromPreset(colorMap);
+    const { minimum, maximum } = storedConfig;
 
     console.log(setMeshCellsVertexAttributeColorMap.name, {
       id,
       minimum,
       maximum,
       colorMap,
-    })
+    });
     return viewerStore.request(
       meshCellsVertexAttributeSchemas.color_map,
       { id, points, minimum, maximum },
       {
         response_function: () => {
-          storedConfig.colorMap = colorMap
+          storedConfig.colorMap = colorMap;
           console.log(
             setMeshCellsVertexAttributeColorMap.name,
             { id },
             meshCellsVertexAttributeColorMap(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
@@ -135,5 +124,5 @@ export function useMeshCellsVertexAttributeStyle() {
     setMeshCellsVertexAttributeName,
     setMeshCellsVertexAttributeRange,
     setMeshCellsVertexAttributeColorMap,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/cells/visibility.js b/internal/stores/data_style/mesh/cells/visibility.js
index 76ba11e0..8914226a 100644
--- a/internal/stores/data_style/mesh/cells/visibility.js
+++ b/internal/stores/data_style/mesh/cells/visibility.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshCellsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshCellsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshCellsVisibilitySchema =
-  viewer_schemas.opengeodeweb_viewer.mesh.cells.visibility
+const meshCellsVisibilitySchema = viewer_schemas.opengeodeweb_viewer.mesh.cells.visibility;
 
 export function useMeshCellsVisibilityStyle() {
-  const viewerStore = useViewerStore()
-  const meshCellsCommonStyle = useMeshCellsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshCellsCommonStyle = useMeshCellsCommonStyle();
 
   function meshCellsVisibility(id) {
-    return meshCellsCommonStyle.meshCellsStyle(id).visibility
+    return meshCellsCommonStyle.meshCellsStyle(id).visibility;
   }
   function setMeshCellsVisibility(id, visibility) {
     return viewerStore.request(
@@ -22,19 +21,15 @@ export function useMeshCellsVisibilityStyle() {
       { id, visibility },
       {
         response_function: () => {
-          meshCellsCommonStyle.meshCellsStyle(id).visibility = visibility
-          console.log(
-            setMeshCellsVisibility.name,
-            { id },
-            meshCellsVisibility(id),
-          )
+          meshCellsCommonStyle.meshCellsStyle(id).visibility = visibility;
+          console.log(setMeshCellsVisibility.name, { id }, meshCellsVisibility(id));
         },
       },
-    )
+    );
   }
 
   return {
     meshCellsVisibility,
     setMeshCellsVisibility,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/edges/color.js b/internal/stores/data_style/mesh/edges/color.js
index 48a7e036..9b4679b8 100644
--- a/internal/stores/data_style/mesh/edges/color.js
+++ b/internal/stores/data_style/mesh/edges/color.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshEdgesCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshEdgesCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshEdgesColorSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.edges.color
+const meshEdgesColorSchemas = viewer_schemas.opengeodeweb_viewer.mesh.edges.color;
 
 export function useMeshEdgesColorStyle() {
-  const viewerStore = useViewerStore()
-  const meshEdgesCommonStyle = useMeshEdgesCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshEdgesCommonStyle = useMeshEdgesCommonStyle();
 
   function meshEdgesColor(id) {
-    return meshEdgesCommonStyle.meshEdgesColoring(id).color
+    return meshEdgesCommonStyle.meshEdgesColoring(id).color;
   }
   function setMeshEdgesColor(id, color) {
     return viewerStore.request(
@@ -22,19 +21,15 @@ export function useMeshEdgesColorStyle() {
       { id, color },
       {
         response_function: () => {
-          meshEdgesCommonStyle.meshEdgesColoring(id).color = color
-          console.log(
-            setMeshEdgesColor.name,
-            { id },
-            JSON.stringify(meshEdgesColor(id)),
-          )
+          meshEdgesCommonStyle.meshEdgesColoring(id).color = color;
+          console.log(setMeshEdgesColor.name, { id }, JSON.stringify(meshEdgesColor(id)));
         },
       },
-    )
+    );
   }
 
   return {
     meshEdgesColor,
     setMeshEdgesColor,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/edges/common.js b/internal/stores/data_style/mesh/edges/common.js
index 9b0c7462..6b1686c4 100644
--- a/internal/stores/data_style/mesh/edges/common.js
+++ b/internal/stores/data_style/mesh/edges/common.js
@@ -1,23 +1,23 @@
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
 
 export function useMeshEdgesCommonStyle() {
-  const dataStyleStateStore = useDataStyleStateStore()
+  const dataStyleStateStore = useDataStyleStateStore();
 
   function meshEdgesStyle(id) {
-    return dataStyleStateStore.getStyle(id).edges
+    return dataStyleStateStore.getStyle(id).edges;
   }
 
   function meshEdgesColoring(id) {
-    return meshEdgesStyle(id).coloring
+    return meshEdgesStyle(id).coloring;
   }
 
   function meshEdgesActiveColoring(id) {
-    return meshEdgesColoring(id).active
+    return meshEdgesColoring(id).active;
   }
 
   return {
     meshEdgesStyle,
     meshEdgesColoring,
     meshEdgesActiveColoring,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/edges/edge.js b/internal/stores/data_style/mesh/edges/edge.js
index 4f630bd0..02cd8369 100644
--- a/internal/stores/data_style/mesh/edges/edge.js
+++ b/internal/stores/data_style/mesh/edges/edge.js
@@ -1,130 +1,114 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap"
-import { useMeshEdgesCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useMeshEdgesCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshEdgesEdgeAttributeSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.edges.attribute.edge
+const meshEdgesEdgeAttributeSchemas = viewer_schemas.opengeodeweb_viewer.mesh.edges.attribute.edge;
 
 export function useMeshEdgesEdgeAttributeStyle() {
-  const viewerStore = useViewerStore()
-  const meshEdgesCommonStyle = useMeshEdgesCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshEdgesCommonStyle = useMeshEdgesCommonStyle();
 
   function meshEdgesEdgeAttribute(id) {
-    return meshEdgesCommonStyle.meshEdgesColoring(id).edge
+    return meshEdgesCommonStyle.meshEdgesColoring(id).edge;
   }
 
   function meshEdgesEdgeAttributeStoredConfig(id, name) {
-    const { storedConfigs } = meshEdgesEdgeAttribute(id)
+    const { storedConfigs } = meshEdgesEdgeAttribute(id);
     if (name in storedConfigs) {
-      return storedConfigs[name]
+      return storedConfigs[name];
     }
     return setMeshEdgesEdgeAttributeStoredConfig(id, name, {
       minimum: undefined,
       maximum: undefined,
       colorMap: undefined,
-    })
+    });
   }
 
-  function setMeshEdgesEdgeAttributeStoredConfig(
-    id,
-    name,
-    { minimum, maximum, colorMap },
-  ) {
-    const { storedConfigs } = meshEdgesEdgeAttribute(id)
-    storedConfigs[name] = { minimum, maximum, colorMap }
-    return storedConfigs[name]
+  function setMeshEdgesEdgeAttributeStoredConfig(id, name, { minimum, maximum, colorMap }) {
+    const { storedConfigs } = meshEdgesEdgeAttribute(id);
+    storedConfigs[name] = { minimum, maximum, colorMap };
+    return storedConfigs[name];
   }
 
   function meshEdgesEdgeAttributeName(id) {
-    console.log(
-      meshEdgesEdgeAttributeName.name,
-      { id },
-      meshEdgesEdgeAttribute(id),
-    )
-    return meshEdgesEdgeAttribute(id).name
+    console.log(meshEdgesEdgeAttributeName.name, { id }, meshEdgesEdgeAttribute(id));
+    return meshEdgesEdgeAttribute(id).name;
   }
   function setMeshEdgesEdgeAttributeName(id, name) {
-    console.log(setMeshEdgesEdgeAttributeName.name, { id, name })
+    console.log(setMeshEdgesEdgeAttributeName.name, { id, name });
     return viewerStore.request(
       meshEdgesEdgeAttributeSchemas.name,
       { id, name },
       {
         response_function: async () => {
-          meshEdgesEdgeAttribute(id).name = name
-          const { minimum, maximum } = meshEdgesEdgeAttributeStoredConfig(
-            id,
-            name,
-          )
-          await setMeshEdgesEdgeAttributeRange(id, minimum, maximum)
-          console.log(
-            setMeshEdgesEdgeAttributeName.name,
-            { id },
-            meshEdgesEdgeAttributeName(id),
-          )
+          meshEdgesEdgeAttribute(id).name = name;
+          const { minimum, maximum } = meshEdgesEdgeAttributeStoredConfig(id, name);
+          await setMeshEdgesEdgeAttributeRange(id, minimum, maximum);
+          console.log(setMeshEdgesEdgeAttributeName.name, { id }, meshEdgesEdgeAttributeName(id));
         },
       },
-    )
+    );
   }
 
   function meshEdgesEdgeAttributeRange(id) {
-    const name = meshEdgesEdgeAttributeName(id)
-    const storedConfig = meshEdgesEdgeAttributeStoredConfig(id, name)
-    const { minimum, maximum } = storedConfig
-    return [minimum, maximum]
+    const name = meshEdgesEdgeAttributeName(id);
+    const storedConfig = meshEdgesEdgeAttributeStoredConfig(id, name);
+    const { minimum, maximum } = storedConfig;
+    return [minimum, maximum];
   }
   function setMeshEdgesEdgeAttributeRange(id, minimum, maximum) {
-    const name = meshEdgesEdgeAttributeName(id)
-    const storedConfig = meshEdgesEdgeAttributeStoredConfig(id, name)
-    storedConfig.minimum = minimum
-    storedConfig.maximum = maximum
-    return setMeshEdgesEdgeAttributeColorMap(id, storedConfig.colorMap)
+    const name = meshEdgesEdgeAttributeName(id);
+    const storedConfig = meshEdgesEdgeAttributeStoredConfig(id, name);
+    storedConfig.minimum = minimum;
+    storedConfig.maximum = maximum;
+    return setMeshEdgesEdgeAttributeColorMap(id, storedConfig.colorMap);
   }
 
   function meshEdgesEdgeAttributeColorMap(id) {
-    const name = meshEdgesEdgeAttributeName(id)
-    const storedConfig = meshEdgesEdgeAttributeStoredConfig(id, name)
-    const { colorMap } = storedConfig
-    return colorMap
+    const name = meshEdgesEdgeAttributeName(id);
+    const storedConfig = meshEdgesEdgeAttributeStoredConfig(id, name);
+    const { colorMap } = storedConfig;
+    return colorMap;
   }
   function setMeshEdgesEdgeAttributeColorMap(id, colorMap) {
-    const name = meshEdgesEdgeAttributeName(id)
-    const storedConfig = meshEdgesEdgeAttributeStoredConfig(id, name)
+    const name = meshEdgesEdgeAttributeName(id);
+    const storedConfig = meshEdgesEdgeAttributeStoredConfig(id, name);
     if (
       storedConfig.minimum === undefined ||
       storedConfig.maximum === undefined ||
       colorMap === undefined
     ) {
-      storedConfig.colorMap = colorMap
-      return
+      storedConfig.colorMap = colorMap;
+      return;
     }
-    const points = getRGBPointsFromPreset(colorMap)
-    const { minimum, maximum } = storedConfig
+    const points = getRGBPointsFromPreset(colorMap);
+    const { minimum, maximum } = storedConfig;
 
     console.log(setMeshEdgesEdgeAttributeColorMap.name, {
       id,
       minimum,
       maximum,
       colorMap,
-    })
+    });
     return viewerStore.request(
       meshEdgesEdgeAttributeSchemas.color_map,
       { id, points, minimum, maximum },
       {
         response_function: () => {
-          storedConfig.colorMap = colorMap
+          storedConfig.colorMap = colorMap;
           console.log(
             setMeshEdgesEdgeAttributeColorMap.name,
             { id },
             meshEdgesEdgeAttributeColorMap(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
@@ -135,5 +119,5 @@ export function useMeshEdgesEdgeAttributeStyle() {
     setMeshEdgesEdgeAttributeName,
     setMeshEdgesEdgeAttributeRange,
     setMeshEdgesEdgeAttributeColorMap,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/edges/index.js b/internal/stores/data_style/mesh/edges/index.js
index 14df9cc6..680cafa5 100644
--- a/internal/stores/data_style/mesh/edges/index.js
+++ b/internal/stores/data_style/mesh/edges/index.js
@@ -1,78 +1,64 @@
 // Third party imports
 
 // Local imports
-import { useMeshEdgesColorStyle } from "./color"
-import { useMeshEdgesCommonStyle } from "./common"
-import { useMeshEdgesEdgeAttributeStyle } from "./edge"
-import { useMeshEdgesVertexAttributeStyle } from "./vertex"
-import { useMeshEdgesVisibilityStyle } from "./visibility"
-import { useMeshEdgesWidthStyle } from "./width"
+import { useMeshEdgesColorStyle } from "./color";
+import { useMeshEdgesCommonStyle } from "./common";
+import { useMeshEdgesEdgeAttributeStyle } from "./edge";
+import { useMeshEdgesVertexAttributeStyle } from "./vertex";
+import { useMeshEdgesVisibilityStyle } from "./visibility";
+import { useMeshEdgesWidthStyle } from "./width";
 
 // Local constants
 
 export function useMeshEdgesStyle() {
-  const meshEdgesCommonStyle = useMeshEdgesCommonStyle()
-  const meshEdgesVisibility = useMeshEdgesVisibilityStyle()
-  const meshEdgesColorStyle = useMeshEdgesColorStyle()
-  const meshEdgesWidthStyle = useMeshEdgesWidthStyle()
-  const meshEdgesVertexAttributeStyle = useMeshEdgesVertexAttributeStyle()
-  const meshEdgesEdgeAttributeStyle = useMeshEdgesEdgeAttributeStyle()
+  const meshEdgesCommonStyle = useMeshEdgesCommonStyle();
+  const meshEdgesVisibility = useMeshEdgesVisibilityStyle();
+  const meshEdgesColorStyle = useMeshEdgesColorStyle();
+  const meshEdgesWidthStyle = useMeshEdgesWidthStyle();
+  const meshEdgesVertexAttributeStyle = useMeshEdgesVertexAttributeStyle();
+  const meshEdgesEdgeAttributeStyle = useMeshEdgesEdgeAttributeStyle();
 
-  async function setMeshEdgesActiveColoring(id, type) {
-    const coloring = meshEdgesCommonStyle.meshEdgesColoring(id)
-    coloring.active = type
+  function setMeshEdgesActiveColoring(id, type) {
+    const coloring = meshEdgesCommonStyle.meshEdgesColoring(id);
+    coloring.active = type;
     console.log(
       setMeshEdgesActiveColoring.name,
       { id },
       meshEdgesCommonStyle.meshEdgesActiveColoring(id),
-    )
+    );
     if (type === "color") {
-      return meshEdgesColorStyle.setMeshEdgesColor(
-        id,
-        meshEdgesColorStyle.meshEdgesColor(id),
-      )
-    } else if (type === "textures") {
-      const textures = meshEdgesTexturesStore.meshEdgesTextures(id)
+      return meshEdgesColorStyle.setMeshEdgesColor(id, meshEdgesColorStyle.meshEdgesColor(id));
+    }
+    if (type === "textures") {
+      const textures = meshEdgesTexturesStore.meshEdgesTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshEdgesTexturesStore.setMeshEdgesTextures(id, textures)
-    } else if (type === "vertex") {
-      const name =
-        meshEdgesVertexAttributeStyle.meshEdgesVertexAttributeName(id)
+      return meshEdgesTexturesStore.setMeshEdgesTextures(id, textures);
+    }
+    if (type === "vertex") {
+      const name = meshEdgesVertexAttributeStyle.meshEdgesVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshEdgesVertexAttributeStyle.setMeshEdgesVertexAttributeName(
-        id,
-        name,
-      )
-    } else if (type === "edge") {
-      const name = meshEdgesEdgeAttributeStyle.meshEdgesEdgeAttributeName(id)
+      return meshEdgesVertexAttributeStyle.setMeshEdgesVertexAttributeName(id, name);
+    }
+    if (type === "edge") {
+      const name = meshEdgesEdgeAttributeStyle.meshEdgesEdgeAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshEdgesEdgeAttributeStyle.setMeshEdgesEdgeAttributeName(id, name)
-    } else {
-      throw new Error(`Unknown mesh edges coloring type: ${type}`)
+      return meshEdgesEdgeAttributeStyle.setMeshEdgesEdgeAttributeName(id, name);
     }
+    throw new Error(`Unknown mesh edges coloring type: ${type}`);
   }
 
   function applyMeshEdgesStyle(id) {
     return Promise.all([
-      meshEdgesVisibility.setMeshEdgesVisibility(
-        id,
-        meshEdgesVisibility.meshEdgesVisibility(id),
-      ),
-      meshEdgesWidthStyle.setMeshEdgesWidth(
-        id,
-        meshEdgesWidthStyle.meshEdgesWidth(id),
-      ),
-      setMeshEdgesActiveColoring(
-        id,
-        meshEdgesCommonStyle.meshEdgesActiveColoring(id),
-      ),
-    ])
+      meshEdgesVisibility.setMeshEdgesVisibility(id, meshEdgesVisibility.meshEdgesVisibility(id)),
+      meshEdgesWidthStyle.setMeshEdgesWidth(id, meshEdgesWidthStyle.meshEdgesWidth(id)),
+      setMeshEdgesActiveColoring(id, meshEdgesCommonStyle.meshEdgesActiveColoring(id)),
+    ]);
   }
 
   return {
@@ -84,5 +70,5 @@ export function useMeshEdgesStyle() {
     ...meshEdgesWidthStyle,
     ...meshEdgesVertexAttributeStyle,
     ...meshEdgesEdgeAttributeStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/edges/vertex.js b/internal/stores/data_style/mesh/edges/vertex.js
index 1dba58d5..1ab8c344 100644
--- a/internal/stores/data_style/mesh/edges/vertex.js
+++ b/internal/stores/data_style/mesh/edges/vertex.js
@@ -1,130 +1,119 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap"
-import { useMeshEdgesCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useMeshEdgesCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
 const meshEdgesVertexAttributeSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.edges.attribute.vertex
+  viewer_schemas.opengeodeweb_viewer.mesh.edges.attribute.vertex;
 
 export function useMeshEdgesVertexAttributeStyle() {
-  const viewerStore = useViewerStore()
-  const meshEdgesCommonStyle = useMeshEdgesCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshEdgesCommonStyle = useMeshEdgesCommonStyle();
 
   function meshEdgesVertexAttribute(id) {
-    return meshEdgesCommonStyle.meshEdgesColoring(id).vertex
+    return meshEdgesCommonStyle.meshEdgesColoring(id).vertex;
   }
 
   function meshEdgesVertexAttributeStoredConfig(id, name) {
-    const { storedConfigs } = meshEdgesVertexAttribute(id)
+    const { storedConfigs } = meshEdgesVertexAttribute(id);
     if (name in storedConfigs) {
-      return storedConfigs[name]
+      return storedConfigs[name];
     }
     return setMeshEdgesVertexAttributeStoredConfig(id, name, {
       minimum: undefined,
       maximum: undefined,
       colorMap: undefined,
-    })
+    });
   }
 
-  function setMeshEdgesVertexAttributeStoredConfig(
-    id,
-    name,
-    { minimum, maximum, colorMap },
-  ) {
-    const { storedConfigs } = meshEdgesVertexAttribute(id)
-    storedConfigs[name] = { minimum, maximum, colorMap }
-    return storedConfigs[name]
+  function setMeshEdgesVertexAttributeStoredConfig(id, name, { minimum, maximum, colorMap }) {
+    const { storedConfigs } = meshEdgesVertexAttribute(id);
+    storedConfigs[name] = { minimum, maximum, colorMap };
+    return storedConfigs[name];
   }
 
   function meshEdgesVertexAttributeName(id) {
-    console.log(
-      meshEdgesVertexAttributeName.name,
-      { id },
-      meshEdgesVertexAttribute(id),
-    )
-    return meshEdgesVertexAttribute(id).name
+    console.log(meshEdgesVertexAttributeName.name, { id }, meshEdgesVertexAttribute(id));
+    return meshEdgesVertexAttribute(id).name;
   }
   function setMeshEdgesVertexAttributeName(id, name) {
-    console.log(setMeshEdgesVertexAttributeName.name, { id, name })
+    console.log(setMeshEdgesVertexAttributeName.name, { id, name });
     return viewerStore.request(
       meshEdgesVertexAttributeSchemas.name,
       { id, name },
       {
         response_function: async () => {
-          meshEdgesVertexAttribute(id).name = name
-          const { minimum, maximum } = meshEdgesVertexAttributeStoredConfig(
-            id,
-            name,
-          )
-          await setMeshEdgesVertexAttributeRange(id, minimum, maximum)
+          meshEdgesVertexAttribute(id).name = name;
+          const { minimum, maximum } = meshEdgesVertexAttributeStoredConfig(id, name);
+          await setMeshEdgesVertexAttributeRange(id, minimum, maximum);
           console.log(
             setMeshEdgesVertexAttributeName.name,
             { id },
             meshEdgesVertexAttributeName(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   function meshEdgesVertexAttributeRange(id) {
-    const name = meshEdgesVertexAttributeName(id)
-    const storedConfig = meshEdgesVertexAttributeStoredConfig(id, name)
-    const { minimum, maximum } = storedConfig
-    return [minimum, maximum]
+    const name = meshEdgesVertexAttributeName(id);
+    const storedConfig = meshEdgesVertexAttributeStoredConfig(id, name);
+    const { minimum, maximum } = storedConfig;
+    return [minimum, maximum];
   }
   function setMeshEdgesVertexAttributeRange(id, minimum, maximum) {
-    const name = meshEdgesVertexAttributeName(id)
-    const storedConfig = meshEdgesVertexAttributeStoredConfig(id, name)
-    storedConfig.minimum = minimum
-    storedConfig.maximum = maximum
-    return setMeshEdgesVertexAttributeColorMap(id, storedConfig.colorMap)
+    const name = meshEdgesVertexAttributeName(id);
+    const storedConfig = meshEdgesVertexAttributeStoredConfig(id, name);
+    storedConfig.minimum = minimum;
+    storedConfig.maximum = maximum;
+    return setMeshEdgesVertexAttributeColorMap(id, storedConfig.colorMap);
   }
 
   function meshEdgesVertexAttributeColorMap(id) {
-    const name = meshEdgesVertexAttributeName(id)
-    const storedConfig = meshEdgesVertexAttributeStoredConfig(id, name)
-    const { colorMap } = storedConfig
-    return colorMap
+    const name = meshEdgesVertexAttributeName(id);
+    const storedConfig = meshEdgesVertexAttributeStoredConfig(id, name);
+    const { colorMap } = storedConfig;
+    return colorMap;
   }
   function setMeshEdgesVertexAttributeColorMap(id, colorMap) {
-    const name = meshEdgesVertexAttributeName(id)
-    const storedConfig = meshEdgesVertexAttributeStoredConfig(id, name)
+    const name = meshEdgesVertexAttributeName(id);
+    const storedConfig = meshEdgesVertexAttributeStoredConfig(id, name);
     if (
       storedConfig.minimum === undefined ||
       storedConfig.maximum === undefined ||
       colorMap === undefined
     ) {
-      storedConfig.colorMap = colorMap
-      return
+      storedConfig.colorMap = colorMap;
+      return;
     }
-    const points = getRGBPointsFromPreset(colorMap)
-    const { minimum, maximum } = storedConfig
+    const points = getRGBPointsFromPreset(colorMap);
+    const { minimum, maximum } = storedConfig;
 
     console.log(setMeshEdgesVertexAttributeColorMap.name, {
       id,
       minimum,
       maximum,
       colorMap,
-    })
+    });
     return viewerStore.request(
       meshEdgesVertexAttributeSchemas.color_map,
       { id, points, minimum, maximum },
       {
         response_function: () => {
-          storedConfig.colorMap = colorMap
+          storedConfig.colorMap = colorMap;
           console.log(
             setMeshEdgesVertexAttributeColorMap.name,
             { id },
             meshEdgesVertexAttributeColorMap(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
@@ -135,5 +124,5 @@ export function useMeshEdgesVertexAttributeStyle() {
     setMeshEdgesVertexAttributeName,
     setMeshEdgesVertexAttributeRange,
     setMeshEdgesVertexAttributeColorMap,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/edges/visibility.js b/internal/stores/data_style/mesh/edges/visibility.js
index f41e9473..d7654ef3 100644
--- a/internal/stores/data_style/mesh/edges/visibility.js
+++ b/internal/stores/data_style/mesh/edges/visibility.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshEdgesCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshEdgesCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshEdgesVisibilitySchema =
-  viewer_schemas.opengeodeweb_viewer.mesh.edges.visibility
+const meshEdgesVisibilitySchema = viewer_schemas.opengeodeweb_viewer.mesh.edges.visibility;
 
 export function useMeshEdgesVisibilityStyle() {
-  const viewerStore = useViewerStore()
-  const meshEdgesCommonStyle = useMeshEdgesCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshEdgesCommonStyle = useMeshEdgesCommonStyle();
 
   function meshEdgesVisibility(id) {
-    return meshEdgesCommonStyle.meshEdgesStyle(id).visibility
+    return meshEdgesCommonStyle.meshEdgesStyle(id).visibility;
   }
   function setMeshEdgesVisibility(id, visibility) {
     return viewerStore.request(
@@ -22,19 +21,15 @@ export function useMeshEdgesVisibilityStyle() {
       { id, visibility },
       {
         response_function: () => {
-          meshEdgesCommonStyle.meshEdgesStyle(id).visibility = visibility
-          console.log(
-            setMeshEdgesVisibility.name,
-            { id },
-            meshEdgesVisibility(id),
-          )
+          meshEdgesCommonStyle.meshEdgesStyle(id).visibility = visibility;
+          console.log(setMeshEdgesVisibility.name, { id }, meshEdgesVisibility(id));
         },
       },
-    )
+    );
   }
 
   return {
     meshEdgesVisibility,
     setMeshEdgesVisibility,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/edges/width.js b/internal/stores/data_style/mesh/edges/width.js
index e6758864..0bf4c78e 100644
--- a/internal/stores/data_style/mesh/edges/width.js
+++ b/internal/stores/data_style/mesh/edges/width.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshEdgesCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshEdgesCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshEdgesWidthSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.edges.width
+const meshEdgesWidthSchemas = viewer_schemas.opengeodeweb_viewer.mesh.edges.width;
 
 export function useMeshEdgesWidthStyle() {
-  const viewerStore = useViewerStore()
-  const meshEdgesCommonStyle = useMeshEdgesCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshEdgesCommonStyle = useMeshEdgesCommonStyle();
 
   function meshEdgesWidth(id) {
-    return meshEdgesCommonStyle.meshEdgesStyle(id).width
+    return meshEdgesCommonStyle.meshEdgesStyle(id).width;
   }
   function setMeshEdgesWidth(id, width) {
     return viewerStore.request(
@@ -22,19 +21,15 @@ export function useMeshEdgesWidthStyle() {
       { id, width },
       {
         response_function: () => {
-          meshEdgesCommonStyle.meshEdgesStyle(id).width = width
-          console.log(
-            setMeshEdgesWidth.name,
-            { id },
-            JSON.stringify(meshEdgesWidth(id)),
-          )
+          meshEdgesCommonStyle.meshEdgesStyle(id).width = width;
+          console.log(setMeshEdgesWidth.name, { id }, JSON.stringify(meshEdgesWidth(id)));
         },
       },
-    )
+    );
   }
 
   return {
     meshEdgesWidth,
     setMeshEdgesWidth,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/index.js b/internal/stores/data_style/mesh/index.js
index b5055f6a..b46c65ce 100644
--- a/internal/stores/data_style/mesh/index.js
+++ b/internal/stores/data_style/mesh/index.js
@@ -1,32 +1,32 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
-import { useMeshCellsStyle } from "./cells"
-import { useMeshEdgesStyle } from "./edges"
-import { useMeshPointsStyle } from "./points"
-import { useMeshPolygonsStyle } from "./polygons"
-import { useMeshPolyhedraStyle } from "./polyhedra"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
+import { useMeshCellsStyle } from "./cells";
+import { useMeshEdgesStyle } from "./edges";
+import { useMeshPointsStyle } from "./points";
+import { useMeshPolygonsStyle } from "./polygons";
+import { useMeshPolyhedraStyle } from "./polyhedra";
 
 // Local constants
-const meshSchemas = viewer_schemas.opengeodeweb_viewer.mesh
+const meshSchemas = viewer_schemas.opengeodeweb_viewer.mesh;
 
 export function useMeshStyle() {
-  const hybridViewerStore = useHybridViewerStore()
-  const viewerStore = useViewerStore()
-  const dataStyleState = useDataStyleStateStore()
-  const meshPointsStyle = useMeshPointsStyle()
-  const meshEdgesStyle = useMeshEdgesStyle()
-  const meshCellsStyle = useMeshCellsStyle()
-  const meshPolygonsStyle = useMeshPolygonsStyle()
-  const meshPolyhedraStyle = useMeshPolyhedraStyle()
+  const hybridViewerStore = useHybridViewerStore();
+  const viewerStore = useViewerStore();
+  const dataStyleState = useDataStyleStateStore();
+  const meshPointsStyle = useMeshPointsStyle();
+  const meshEdgesStyle = useMeshEdgesStyle();
+  const meshCellsStyle = useMeshCellsStyle();
+  const meshPolygonsStyle = useMeshPolygonsStyle();
+  const meshPolyhedraStyle = useMeshPolyhedraStyle();
 
   function meshVisibility(id) {
-    return dataStyleState.getStyle(id).visibility
+    return dataStyleState.getStyle(id).visibility;
   }
   function setMeshVisibility(id, visibility) {
     return viewerStore.request(
@@ -34,35 +34,35 @@ export function useMeshStyle() {
       { id, visibility },
       {
         response_function: () => {
-          hybridViewerStore.setVisibility(id, visibility)
-          dataStyleState.getStyle(id).visibility = visibility
-          console.log(setMeshVisibility.name, { id }, meshVisibility(id))
+          hybridViewerStore.setVisibility(id, visibility);
+          dataStyleState.getStyle(id).visibility = visibility;
+          console.log(setMeshVisibility.name, { id }, meshVisibility(id));
         },
       },
-    )
+    );
   }
 
   function applyMeshStyle(id) {
-    const style = dataStyleState.getStyle(id)
-    const promise_array = []
+    const style = dataStyleState.getStyle(id);
+    const promise_array = [];
     for (const [key, value] of Object.entries(style)) {
       if (key === "visibility") {
-        promise_array.push(setMeshVisibility(id, value))
+        promise_array.push(setMeshVisibility(id, value));
       } else if (key === "points") {
-        promise_array.push(meshPointsStyle.applyMeshPointsStyle(id))
+        promise_array.push(meshPointsStyle.applyMeshPointsStyle(id));
       } else if (key === "edges") {
-        promise_array.push(meshEdgesStyle.applyMeshEdgesStyle(id))
+        promise_array.push(meshEdgesStyle.applyMeshEdgesStyle(id));
       } else if (key === "cells") {
-        promise_array.push(meshCellsStyle.applyMeshCellsStyle(id))
+        promise_array.push(meshCellsStyle.applyMeshCellsStyle(id));
       } else if (key === "polygons") {
-        promise_array.push(meshPolygonsStyle.applyMeshPolygonsStyle(id))
+        promise_array.push(meshPolygonsStyle.applyMeshPolygonsStyle(id));
       } else if (key === "polyhedra") {
-        promise_array.push(meshPolyhedraStyle.applyMeshPolyhedraStyle(id))
+        promise_array.push(meshPolyhedraStyle.applyMeshPolyhedraStyle(id));
       } else if (key !== "attributes") {
-        throw new Error(`Unknown mesh key: ${key}`)
+        throw new Error(`Unknown mesh key: ${key}`);
       }
     }
-    return Promise.all(promise_array)
+    return Promise.all(promise_array);
   }
 
   return {
@@ -74,5 +74,5 @@ export function useMeshStyle() {
     ...meshCellsStyle,
     ...meshPolygonsStyle,
     ...meshPolyhedraStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/points/color.js b/internal/stores/data_style/mesh/points/color.js
index c1af300b..5dc1b94a 100644
--- a/internal/stores/data_style/mesh/points/color.js
+++ b/internal/stores/data_style/mesh/points/color.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshPointsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshPointsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshPointsColorSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.points.color
+const meshPointsColorSchemas = viewer_schemas.opengeodeweb_viewer.mesh.points.color;
 
 export function useMeshPointsColorStyle() {
-  const viewerStore = useViewerStore()
-  const meshPointsCommonStyle = useMeshPointsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPointsCommonStyle = useMeshPointsCommonStyle();
 
   function meshPointsColor(id) {
-    return meshPointsCommonStyle.meshPointsColoring(id).color
+    return meshPointsCommonStyle.meshPointsColoring(id).color;
   }
   function setMeshPointsColor(id, color) {
     return viewerStore.request(
@@ -22,19 +21,15 @@ export function useMeshPointsColorStyle() {
       { id, color },
       {
         response_function: () => {
-          meshPointsCommonStyle.meshPointsColoring(id).color = color
-          console.log(
-            setMeshPointsColor.name,
-            { id },
-            JSON.stringify(meshPointsColor(id)),
-          )
+          meshPointsCommonStyle.meshPointsColoring(id).color = color;
+          console.log(setMeshPointsColor.name, { id }, JSON.stringify(meshPointsColor(id)));
         },
       },
-    )
+    );
   }
 
   return {
     meshPointsColor,
     setMeshPointsColor,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/points/common.js b/internal/stores/data_style/mesh/points/common.js
index 20a2d313..a56c0b2b 100644
--- a/internal/stores/data_style/mesh/points/common.js
+++ b/internal/stores/data_style/mesh/points/common.js
@@ -1,23 +1,23 @@
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
 
 export function useMeshPointsCommonStyle() {
-  const dataStyleStateStore = useDataStyleStateStore()
+  const dataStyleStateStore = useDataStyleStateStore();
 
   function meshPointsStyle(id) {
-    return dataStyleStateStore.getStyle(id).points
+    return dataStyleStateStore.getStyle(id).points;
   }
 
   function meshPointsColoring(id) {
-    return meshPointsStyle(id).coloring
+    return meshPointsStyle(id).coloring;
   }
 
   function meshPointsActiveColoring(id) {
-    return meshPointsColoring(id).active
+    return meshPointsColoring(id).active;
   }
 
   return {
     meshPointsStyle,
     meshPointsColoring,
     meshPointsActiveColoring,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/points/index.js b/internal/stores/data_style/mesh/points/index.js
index 37610f42..7a7bd464 100644
--- a/internal/stores/data_style/mesh/points/index.js
+++ b/internal/stores/data_style/mesh/points/index.js
@@ -1,63 +1,55 @@
 // Third party imports
 
 // Local imports
-import { useMeshPointsColorStyle } from "./color"
-import { useMeshPointsCommonStyle } from "./common"
-import { useMeshPointsSizeStyle } from "./size"
-import { useMeshPointsVertexAttributeStyle } from "./vertex"
-import { useMeshPointsVisibilityStyle } from "./visibility"
+import { useMeshPointsColorStyle } from "./color";
+import { useMeshPointsCommonStyle } from "./common";
+import { useMeshPointsSizeStyle } from "./size";
+import { useMeshPointsVertexAttributeStyle } from "./vertex";
+import { useMeshPointsVisibilityStyle } from "./visibility";
 
 // Local constants
 
 export function useMeshPointsStyle() {
-  const meshPointsCommonStyle = useMeshPointsCommonStyle()
-  const meshPointsVisibility = useMeshPointsVisibilityStyle()
-  const meshPointsColorStyle = useMeshPointsColorStyle()
-  const meshPointsSizeStyle = useMeshPointsSizeStyle()
-  const meshPointsVertexAttributeStyle = useMeshPointsVertexAttributeStyle()
+  const meshPointsCommonStyle = useMeshPointsCommonStyle();
+  const meshPointsVisibility = useMeshPointsVisibilityStyle();
+  const meshPointsColorStyle = useMeshPointsColorStyle();
+  const meshPointsSizeStyle = useMeshPointsSizeStyle();
+  const meshPointsVertexAttributeStyle = useMeshPointsVertexAttributeStyle();
 
   async function setMeshPointsActiveColoring(id, type) {
-    const coloring = meshPointsCommonStyle.meshPointsColoring(id)
-    coloring.active = type
+    const coloring = meshPointsCommonStyle.meshPointsColoring(id);
+    coloring.active = type;
     console.log(
       setMeshPointsActiveColoring.name,
       { id },
       meshPointsCommonStyle.meshPointsActiveColoring(id),
-    )
+    );
     if (type === "color") {
-      return meshPointsColorStyle.setMeshPointsColor(
-        id,
-        meshPointsColorStyle.meshPointsColor(id),
-      )
-    } else if (type === "textures") {
-      const textures = meshPointsTexturesStore.meshPointsTextures(id)
+      return meshPointsColorStyle.setMeshPointsColor(id, meshPointsColorStyle.meshPointsColor(id));
+    }
+    if (type === "textures") {
+      const textures = meshPointsTexturesStore.meshPointsTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return;
       }
-      return meshPointsTexturesStore.setMeshPointsTextures(id, textures)
-    } else if (type === "vertex") {
-      const name =
-        meshPointsVertexAttributeStyle.meshPointsVertexAttributeName(id)
+      return meshPointsTexturesStore.setMeshPointsTextures(id, textures);
+    }
+    if (type === "vertex") {
+      const name = meshPointsVertexAttributeStyle.meshPointsVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return;
       }
-      return meshPointsVertexAttributeStyle.setMeshPointsVertexAttributeName(
-        id,
-        name,
-      )
-    } else if (type === "polygon") {
-      const name =
-        meshPointsPolygonAttributeStyleStore.meshPointsPolygonAttributeName(id)
+      return meshPointsVertexAttributeStyle.setMeshPointsVertexAttributeName(id, name);
+    }
+    if (type === "polygon") {
+      const name = meshPointsPolygonAttributeStyleStore.meshPointsPolygonAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return;
       }
-      await meshPointsPolygonAttributeStyleStore.setMeshPointsPolygonAttributeName(
-        id,
-        name,
-      )
-    } else {
-      throw new Error(`Unknown mesh points coloring type: ${type}`)
+      await meshPointsPolygonAttributeStyleStore.setMeshPointsPolygonAttributeName(id, name);
+      return;
     }
+    throw new Error(`Unknown mesh points coloring type: ${type}`);
   }
 
   function applyMeshPointsStyle(id) {
@@ -66,15 +58,9 @@ export function useMeshPointsStyle() {
         id,
         meshPointsVisibility.meshPointsVisibility(id),
       ),
-      meshPointsSizeStyle.setMeshPointsSize(
-        id,
-        meshPointsSizeStyle.meshPointsSize(id),
-      ),
-      setMeshPointsActiveColoring(
-        id,
-        meshPointsCommonStyle.meshPointsActiveColoring(id),
-      ),
-    ])
+      meshPointsSizeStyle.setMeshPointsSize(id, meshPointsSizeStyle.meshPointsSize(id)),
+      setMeshPointsActiveColoring(id, meshPointsCommonStyle.meshPointsActiveColoring(id)),
+    ]);
   }
 
   return {
@@ -85,5 +71,5 @@ export function useMeshPointsStyle() {
     ...meshPointsColorStyle,
     ...meshPointsSizeStyle,
     ...meshPointsVertexAttributeStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/points/size.js b/internal/stores/data_style/mesh/points/size.js
index 4fde288d..d1692107 100644
--- a/internal/stores/data_style/mesh/points/size.js
+++ b/internal/stores/data_style/mesh/points/size.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshPointsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshPointsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshPointsSizeSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.points.size
+const meshPointsSizeSchemas = viewer_schemas.opengeodeweb_viewer.mesh.points.size;
 
 export function useMeshPointsSizeStyle() {
-  const viewerStore = useViewerStore()
-  const meshPointsCommonStyle = useMeshPointsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPointsCommonStyle = useMeshPointsCommonStyle();
 
   function meshPointsSize(id) {
-    return meshPointsCommonStyle.meshPointsStyle(id).size
+    return meshPointsCommonStyle.meshPointsStyle(id).size;
   }
   function setMeshPointsSize(id, size) {
     return viewerStore.request(
@@ -22,19 +21,15 @@ export function useMeshPointsSizeStyle() {
       { id, size },
       {
         response_function: () => {
-          meshPointsCommonStyle.meshPointsStyle(id).size = size
-          console.log(
-            setMeshPointsSize.name,
-            { id },
-            JSON.stringify(meshPointsSize(id)),
-          )
+          meshPointsCommonStyle.meshPointsStyle(id).size = size;
+          console.log(setMeshPointsSize.name, { id }, JSON.stringify(meshPointsSize(id)));
         },
       },
-    )
+    );
   }
 
   return {
     meshPointsSize,
     setMeshPointsSize,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/points/vertex.js b/internal/stores/data_style/mesh/points/vertex.js
index 4c964b9a..642ca5ba 100644
--- a/internal/stores/data_style/mesh/points/vertex.js
+++ b/internal/stores/data_style/mesh/points/vertex.js
@@ -1,130 +1,119 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap"
-import { useMeshPointsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useMeshPointsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
 const meshPointsVertexAttributeSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.points.attribute.vertex
+  viewer_schemas.opengeodeweb_viewer.mesh.points.attribute.vertex;
 
 export function useMeshPointsVertexAttributeStyle() {
-  const viewerStore = useViewerStore()
-  const meshPointsCommonStyle = useMeshPointsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPointsCommonStyle = useMeshPointsCommonStyle();
 
   function meshPointsVertexAttribute(id) {
-    return meshPointsCommonStyle.meshPointsColoring(id).vertex
+    return meshPointsCommonStyle.meshPointsColoring(id).vertex;
   }
 
   function meshPointsVertexAttributeStoredConfig(id, name) {
-    const { storedConfigs } = meshPointsVertexAttribute(id)
+    const { storedConfigs } = meshPointsVertexAttribute(id);
     if (name in storedConfigs) {
-      return storedConfigs[name]
+      return storedConfigs[name];
     }
     return setMeshPointsVertexAttributeStoredConfig(id, name, {
       minimum: undefined,
       maximum: undefined,
       colorMap: undefined,
-    })
+    });
   }
 
-  function setMeshPointsVertexAttributeStoredConfig(
-    id,
-    name,
-    { minimum, maximum, colorMap },
-  ) {
-    const { storedConfigs } = meshPointsVertexAttribute(id)
-    storedConfigs[name] = { minimum, maximum, colorMap }
-    return storedConfigs[name]
+  function setMeshPointsVertexAttributeStoredConfig(id, name, { minimum, maximum, colorMap }) {
+    const { storedConfigs } = meshPointsVertexAttribute(id);
+    storedConfigs[name] = { minimum, maximum, colorMap };
+    return storedConfigs[name];
   }
 
   function meshPointsVertexAttributeName(id) {
-    console.log(
-      meshPointsVertexAttributeName.name,
-      { id },
-      meshPointsVertexAttribute(id),
-    )
-    return meshPointsVertexAttribute(id).name
+    console.log(meshPointsVertexAttributeName.name, { id }, meshPointsVertexAttribute(id));
+    return meshPointsVertexAttribute(id).name;
   }
   function setMeshPointsVertexAttributeName(id, name) {
-    console.log(setMeshPointsVertexAttributeName.name, { id, name })
+    console.log(setMeshPointsVertexAttributeName.name, { id, name });
     return viewerStore.request(
       meshPointsVertexAttributeSchemas.name,
       { id, name },
       {
         response_function: async () => {
-          meshPointsVertexAttribute(id).name = name
-          const { minimum, maximum } = meshPointsVertexAttributeStoredConfig(
-            id,
-            name,
-          )
-          await setMeshPointsVertexAttributeRange(id, minimum, maximum)
+          meshPointsVertexAttribute(id).name = name;
+          const { minimum, maximum } = meshPointsVertexAttributeStoredConfig(id, name);
+          await setMeshPointsVertexAttributeRange(id, minimum, maximum);
           console.log(
             setMeshPointsVertexAttributeName.name,
             { id },
             meshPointsVertexAttributeName(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   function meshPointsVertexAttributeRange(id) {
-    const name = meshPointsVertexAttributeName(id)
-    const storedConfig = meshPointsVertexAttributeStoredConfig(id, name)
-    const { minimum, maximum } = storedConfig
-    return [minimum, maximum]
+    const name = meshPointsVertexAttributeName(id);
+    const storedConfig = meshPointsVertexAttributeStoredConfig(id, name);
+    const { minimum, maximum } = storedConfig;
+    return [minimum, maximum];
   }
   function setMeshPointsVertexAttributeRange(id, minimum, maximum) {
-    const name = meshPointsVertexAttributeName(id)
-    const storedConfig = meshPointsVertexAttributeStoredConfig(id, name)
-    storedConfig.minimum = minimum
-    storedConfig.maximum = maximum
-    return setMeshPointsVertexAttributeColorMap(id, storedConfig.colorMap)
+    const name = meshPointsVertexAttributeName(id);
+    const storedConfig = meshPointsVertexAttributeStoredConfig(id, name);
+    storedConfig.minimum = minimum;
+    storedConfig.maximum = maximum;
+    return setMeshPointsVertexAttributeColorMap(id, storedConfig.colorMap);
   }
 
   function meshPointsVertexAttributeColorMap(id) {
-    const name = meshPointsVertexAttributeName(id)
-    const storedConfig = meshPointsVertexAttributeStoredConfig(id, name)
-    const { colorMap } = storedConfig
-    return colorMap
+    const name = meshPointsVertexAttributeName(id);
+    const storedConfig = meshPointsVertexAttributeStoredConfig(id, name);
+    const { colorMap } = storedConfig;
+    return colorMap;
   }
   function setMeshPointsVertexAttributeColorMap(id, colorMap) {
-    const name = meshPointsVertexAttributeName(id)
-    const storedConfig = meshPointsVertexAttributeStoredConfig(id, name)
+    const name = meshPointsVertexAttributeName(id);
+    const storedConfig = meshPointsVertexAttributeStoredConfig(id, name);
     if (
       storedConfig.minimum === undefined ||
       storedConfig.maximum === undefined ||
       colorMap === undefined
     ) {
-      storedConfig.colorMap = colorMap
-      return
+      storedConfig.colorMap = colorMap;
+      return;
     }
-    const points = getRGBPointsFromPreset(colorMap)
-    const { minimum, maximum } = storedConfig
+    const points = getRGBPointsFromPreset(colorMap);
+    const { minimum, maximum } = storedConfig;
 
     console.log(setMeshPointsVertexAttributeColorMap.name, {
       id,
       minimum,
       maximum,
       colorMap,
-    })
+    });
     return viewerStore.request(
       meshPointsVertexAttributeSchemas.color_map,
       { id, points, minimum, maximum },
       {
         response_function: () => {
-          storedConfig.colorMap = colorMap
+          storedConfig.colorMap = colorMap;
           console.log(
             setMeshPointsVertexAttributeColorMap.name,
             { id },
             meshPointsVertexAttributeColorMap(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
@@ -135,5 +124,5 @@ export function useMeshPointsVertexAttributeStyle() {
     setMeshPointsVertexAttributeName,
     setMeshPointsVertexAttributeRange,
     setMeshPointsVertexAttributeColorMap,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/points/visibility.js b/internal/stores/data_style/mesh/points/visibility.js
index a6efb131..79b91654 100644
--- a/internal/stores/data_style/mesh/points/visibility.js
+++ b/internal/stores/data_style/mesh/points/visibility.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshPointsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshPointsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshPointsVisibilitySchema =
-  viewer_schemas.opengeodeweb_viewer.mesh.points.visibility
+const meshPointsVisibilitySchema = viewer_schemas.opengeodeweb_viewer.mesh.points.visibility;
 
 export function useMeshPointsVisibilityStyle() {
-  const viewerStore = useViewerStore()
-  const meshPointsCommonStyle = useMeshPointsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPointsCommonStyle = useMeshPointsCommonStyle();
 
   function meshPointsVisibility(id) {
-    return meshPointsCommonStyle.meshPointsStyle(id).visibility
+    return meshPointsCommonStyle.meshPointsStyle(id).visibility;
   }
   function setMeshPointsVisibility(id, visibility) {
     return viewerStore.request(
@@ -22,19 +21,15 @@ export function useMeshPointsVisibilityStyle() {
       { id, visibility },
       {
         response_function: () => {
-          meshPointsCommonStyle.meshPointsStyle(id).visibility = visibility
-          console.log(
-            setMeshPointsVisibility.name,
-            { id },
-            meshPointsVisibility(id),
-          )
+          meshPointsCommonStyle.meshPointsStyle(id).visibility = visibility;
+          console.log(setMeshPointsVisibility.name, { id }, meshPointsVisibility(id));
         },
       },
-    )
+    );
   }
 
   return {
     meshPointsVisibility,
     setMeshPointsVisibility,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/polygons/color.js b/internal/stores/data_style/mesh/polygons/color.js
index fbfdcb51..290c243a 100644
--- a/internal/stores/data_style/mesh/polygons/color.js
+++ b/internal/stores/data_style/mesh/polygons/color.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshPolygonsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshPolygonsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshPolygonsColorSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.polygons.color
+const meshPolygonsColorSchemas = viewer_schemas.opengeodeweb_viewer.mesh.polygons.color;
 
 export function useMeshPolygonsColorStyle() {
-  const viewerStore = useViewerStore()
-  const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
 
   function meshPolygonsColor(id) {
-    return meshPolygonsCommonStyle.meshPolygonsColoring(id).color
+    return meshPolygonsCommonStyle.meshPolygonsColoring(id).color;
   }
   function setMeshPolygonsColor(id, color) {
     return viewerStore.request(
@@ -22,19 +21,15 @@ export function useMeshPolygonsColorStyle() {
       { id, color },
       {
         response_function: () => {
-          meshPolygonsCommonStyle.meshPolygonsColoring(id).color = color
-          console.log(
-            setMeshPolygonsColor.name,
-            { id },
-            JSON.stringify(meshPolygonsColor(id)),
-          )
+          meshPolygonsCommonStyle.meshPolygonsColoring(id).color = color;
+          console.log(setMeshPolygonsColor.name, { id }, JSON.stringify(meshPolygonsColor(id)));
         },
       },
-    )
+    );
   }
 
   return {
     meshPolygonsColor,
     setMeshPolygonsColor,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/polygons/common.js b/internal/stores/data_style/mesh/polygons/common.js
index 8b7164ab..7f74a03e 100644
--- a/internal/stores/data_style/mesh/polygons/common.js
+++ b/internal/stores/data_style/mesh/polygons/common.js
@@ -1,23 +1,23 @@
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
 
 export function useMeshPolygonsCommonStyle() {
-  const dataStyleStateStore = useDataStyleStateStore()
+  const dataStyleStateStore = useDataStyleStateStore();
 
   function meshPolygonsStyle(id) {
-    return dataStyleStateStore.getStyle(id).polygons
+    return dataStyleStateStore.getStyle(id).polygons;
   }
 
   function meshPolygonsColoring(id) {
-    return meshPolygonsStyle(id).coloring
+    return meshPolygonsStyle(id).coloring;
   }
 
   function meshPolygonsActiveColoring(id) {
-    return meshPolygonsColoring(id).active
+    return meshPolygonsColoring(id).active;
   }
 
   return {
     meshPolygonsStyle,
     meshPolygonsColoring,
     meshPolygonsActiveColoring,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/polygons/index.js b/internal/stores/data_style/mesh/polygons/index.js
index 86c1496b..7f72fe2e 100644
--- a/internal/stores/data_style/mesh/polygons/index.js
+++ b/internal/stores/data_style/mesh/polygons/index.js
@@ -1,66 +1,60 @@
 // Third party imports
 
 // Local imports
-import { useMeshPolygonsColorStyle } from "./color"
-import { useMeshPolygonsCommonStyle } from "./common"
-import { useMeshPolygonsPolygonAttributeStyle } from "./polygon"
-import { useMeshPolygonsTexturesStyle } from "./textures"
-import { useMeshPolygonsVertexAttributeStyle } from "./vertex"
-import { useMeshPolygonsVisibilityStyle } from "./visibility"
+import { useMeshPolygonsColorStyle } from "./color";
+import { useMeshPolygonsCommonStyle } from "./common";
+import { useMeshPolygonsPolygonAttributeStyle } from "./polygon";
+import { useMeshPolygonsTexturesStyle } from "./textures";
+import { useMeshPolygonsVertexAttributeStyle } from "./vertex";
+import { useMeshPolygonsVisibilityStyle } from "./visibility";
 
 // Local constants
 
 export function useMeshPolygonsStyle() {
-  const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle()
-  const meshPolygonsVisibility = useMeshPolygonsVisibilityStyle()
-  const meshPolygonsColorStyle = useMeshPolygonsColorStyle()
-  const meshPolygonsTexturesStyle = useMeshPolygonsTexturesStyle()
-  const meshPolygonsVertexAttributeStyle = useMeshPolygonsVertexAttributeStyle()
-  const meshPolygonsPolygonAttributeStyle =
-    useMeshPolygonsPolygonAttributeStyle()
+  const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
+  const meshPolygonsVisibility = useMeshPolygonsVisibilityStyle();
+  const meshPolygonsColorStyle = useMeshPolygonsColorStyle();
+  const meshPolygonsTexturesStyle = useMeshPolygonsTexturesStyle();
+  const meshPolygonsVertexAttributeStyle = useMeshPolygonsVertexAttributeStyle();
+  const meshPolygonsPolygonAttributeStyle = useMeshPolygonsPolygonAttributeStyle();
 
   async function setMeshPolygonsActiveColoring(id, type) {
-    const coloring = meshPolygonsCommonStyle.meshPolygonsColoring(id)
-    coloring.active = type
+    const coloring = meshPolygonsCommonStyle.meshPolygonsColoring(id);
+    coloring.active = type;
     console.log(
       setMeshPolygonsActiveColoring.name,
       { id },
       meshPolygonsCommonStyle.meshPolygonsActiveColoring(id),
-    )
+    );
     if (type === "color") {
       return meshPolygonsColorStyle.setMeshPolygonsColor(
         id,
         meshPolygonsColorStyle.meshPolygonsColor(id),
-      )
-    } else if (type === "textures") {
-      const textures = meshPolygonsTexturesStyle.meshPolygonsTextures(id)
+      );
+    }
+    if (type === "textures") {
+      const textures = meshPolygonsTexturesStyle.meshPolygonsTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return;
       }
-      return meshPolygonsTexturesStyle.setMeshPolygonsTextures(id, textures)
-    } else if (type === "vertex") {
-      const name =
-        meshPolygonsVertexAttributeStyle.meshPolygonsVertexAttributeName(id)
+      return meshPolygonsTexturesStyle.setMeshPolygonsTextures(id, textures);
+    }
+    if (type === "vertex") {
+      const name = meshPolygonsVertexAttributeStyle.meshPolygonsVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return;
       }
-      return meshPolygonsVertexAttributeStyle.setMeshPolygonsVertexAttributeName(
-        id,
-        name,
-      )
-    } else if (type === "polygon") {
-      const name =
-        meshPolygonsPolygonAttributeStyle.meshPolygonsPolygonAttributeName(id)
+      return meshPolygonsVertexAttributeStyle.setMeshPolygonsVertexAttributeName(id, name);
+    }
+    if (type === "polygon") {
+      const name = meshPolygonsPolygonAttributeStyle.meshPolygonsPolygonAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return;
       }
-      await meshPolygonsPolygonAttributeStyle.setMeshPolygonsPolygonAttributeName(
-        id,
-        name,
-      )
-    } else {
-      throw new Error(`Unknown mesh polygons coloring type: ${type}`)
+      await meshPolygonsPolygonAttributeStyle.setMeshPolygonsPolygonAttributeName(id, name);
+      return;
     }
+    throw new Error(`Unknown mesh polygons coloring type: ${type}`);
   }
 
   function applyMeshPolygonsStyle(id) {
@@ -69,11 +63,8 @@ export function useMeshPolygonsStyle() {
         id,
         meshPolygonsVisibility.meshPolygonsVisibility(id),
       ),
-      setMeshPolygonsActiveColoring(
-        id,
-        meshPolygonsCommonStyle.meshPolygonsActiveColoring(id),
-      ),
-    ])
+      setMeshPolygonsActiveColoring(id, meshPolygonsCommonStyle.meshPolygonsActiveColoring(id)),
+    ]);
   }
 
   return {
@@ -85,5 +76,5 @@ export function useMeshPolygonsStyle() {
     ...meshPolygonsTexturesStyle,
     ...meshPolygonsVertexAttributeStyle,
     ...meshPolygonsPolygonAttributeStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/polygons/polygon.js b/internal/stores/data_style/mesh/polygons/polygon.js
index 60deff1b..0dcfaf17 100644
--- a/internal/stores/data_style/mesh/polygons/polygon.js
+++ b/internal/stores/data_style/mesh/polygons/polygon.js
@@ -1,47 +1,43 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap"
-import { useMeshPolygonsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useMeshPolygonsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
 const meshPolygonsPolygonAttributeSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.polygons.attribute.polygon
+  viewer_schemas.opengeodeweb_viewer.mesh.polygons.attribute.polygon;
 
 export function useMeshPolygonsPolygonAttributeStyle() {
-  const viewerStore = useViewerStore()
-  const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
 
   function meshPolygonsPolygonAttribute(id) {
-    return meshPolygonsCommonStyle.meshPolygonsColoring(id).polygon
+    return meshPolygonsCommonStyle.meshPolygonsColoring(id).polygon;
   }
 
   function meshPolygonsPolygonAttributeStoredConfig(id, name) {
-    const { storedConfigs } = meshPolygonsPolygonAttribute(id)
+    const { storedConfigs } = meshPolygonsPolygonAttribute(id);
     if (name in storedConfigs) {
-      return storedConfigs[name]
+      return storedConfigs[name];
     }
     return setMeshPolygonsPolygonAttributeStoredConfig(id, name, {
       minimum: undefined,
       maximum: undefined,
       colorMap: undefined,
-    })
+    });
   }
 
-  function setMeshPolygonsPolygonAttributeStoredConfig(
-    id,
-    name,
-    { minimum, maximum, colorMap },
-  ) {
-    const { storedConfigs } = meshPolygonsPolygonAttribute(id)
-    storedConfigs[name] = { minimum, maximum, colorMap }
-    return storedConfigs[name]
+  function setMeshPolygonsPolygonAttributeStoredConfig(id, name, { minimum, maximum, colorMap }) {
+    const { storedConfigs } = meshPolygonsPolygonAttribute(id);
+    storedConfigs[name] = { minimum, maximum, colorMap };
+    return storedConfigs[name];
   }
 
   function meshPolygonsPolygonAttributeName(id) {
-    return meshPolygonsPolygonAttribute(id).name
+    return meshPolygonsPolygonAttribute(id).name;
   }
   function setMeshPolygonsPolygonAttributeName(id, name) {
     return viewerStore.request(
@@ -49,73 +45,66 @@ export function useMeshPolygonsPolygonAttributeStyle() {
       { id, name },
       {
         response_function: async () => {
-          meshPolygonsPolygonAttribute(id).name = name
-          const { minimum, maximum } = meshPolygonsPolygonAttributeStoredConfig(
-            id,
-            name,
-          )
-          await setMeshPolygonsPolygonAttributeRange(id, minimum, maximum)
+          meshPolygonsPolygonAttribute(id).name = name;
+          const { minimum, maximum } = meshPolygonsPolygonAttributeStoredConfig(id, name);
+          await setMeshPolygonsPolygonAttributeRange(id, minimum, maximum);
           console.log(
             setMeshPolygonsPolygonAttributeName.name,
             { id },
             meshPolygonsPolygonAttributeName(id),
-          )
+          );
         },
       },
-    )
+    );
   }
   function meshPolygonsPolygonAttributeRange(id) {
-    const name = meshPolygonsPolygonAttributeName(id)
-    const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name)
-    const { minimum, maximum } = storedConfig
-    console.log(
-      meshPolygonsPolygonAttributeRange.name,
-      { id },
-      { minimum, maximum },
-    )
-    return [minimum, maximum]
+    const name = meshPolygonsPolygonAttributeName(id);
+    const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name);
+    const { minimum, maximum } = storedConfig;
+    console.log(meshPolygonsPolygonAttributeRange.name, { id }, { minimum, maximum });
+    return [minimum, maximum];
   }
   function setMeshPolygonsPolygonAttributeRange(id, minimum, maximum) {
-    const name = meshPolygonsPolygonAttributeName(id)
-    const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name)
-    storedConfig.minimum = minimum
-    storedConfig.maximum = maximum
-    return setMeshPolygonsPolygonAttributeColorMap(id, storedConfig.colorMap)
+    const name = meshPolygonsPolygonAttributeName(id);
+    const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name);
+    storedConfig.minimum = minimum;
+    storedConfig.maximum = maximum;
+    return setMeshPolygonsPolygonAttributeColorMap(id, storedConfig.colorMap);
   }
 
   function meshPolygonsPolygonAttributeColorMap(id) {
-    const name = meshPolygonsPolygonAttributeName(id)
-    const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name)
-    const { colorMap } = storedConfig
-    return colorMap
+    const name = meshPolygonsPolygonAttributeName(id);
+    const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name);
+    const { colorMap } = storedConfig;
+    return colorMap;
   }
   function setMeshPolygonsPolygonAttributeColorMap(id, colorMap) {
-    const name = meshPolygonsPolygonAttributeName(id)
-    const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name)
+    const name = meshPolygonsPolygonAttributeName(id);
+    const storedConfig = meshPolygonsPolygonAttributeStoredConfig(id, name);
     if (
       storedConfig.minimum === undefined ||
       storedConfig.maximum === undefined ||
       colorMap === undefined
     ) {
-      storedConfig.colorMap = colorMap
-      return
+      storedConfig.colorMap = colorMap;
+      return;
     }
-    const points = getRGBPointsFromPreset(colorMap)
-    const { minimum, maximum } = storedConfig
+    const points = getRGBPointsFromPreset(colorMap);
+    const { minimum, maximum } = storedConfig;
     return viewerStore.request(
       meshPolygonsPolygonAttributeSchemas.color_map,
       { id, points, minimum, maximum },
       {
         response_function: () => {
-          storedConfig.colorMap = colorMap
+          storedConfig.colorMap = colorMap;
           console.log(
             setMeshPolygonsPolygonAttributeColorMap.name,
             { id },
             meshPolygonsPolygonAttributeColorMap(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
@@ -126,5 +115,5 @@ export function useMeshPolygonsPolygonAttributeStyle() {
     setMeshPolygonsPolygonAttributeName,
     setMeshPolygonsPolygonAttributeRange,
     setMeshPolygonsPolygonAttributeColorMap,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/polygons/textures.js b/internal/stores/data_style/mesh/polygons/textures.js
index 0a11156b..13eaeec1 100644
--- a/internal/stores/data_style/mesh/polygons/textures.js
+++ b/internal/stores/data_style/mesh/polygons/textures.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshPolygonsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshPolygonsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshPolygonsTexturesSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.polygons.apply_textures
+const meshPolygonsTexturesSchemas = viewer_schemas.opengeodeweb_viewer.mesh.polygons.apply_textures;
 
 export function useMeshPolygonsTexturesStyle() {
-  const viewerStore = useViewerStore()
-  const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
 
   function meshPolygonsTextures(id) {
-    return meshPolygonsCommonStyle.meshPolygonsColoring(id).textures
+    return meshPolygonsCommonStyle.meshPolygonsColoring(id).textures;
   }
   function setMeshPolygonsTextures(id, textures) {
     return viewerStore.request(
@@ -22,19 +21,15 @@ export function useMeshPolygonsTexturesStyle() {
       { id, textures },
       {
         response_function: () => {
-          meshPolygonsCommonStyle.meshPolygonsColoring(id).textures = textures
-          console.log(
-            setMeshPolygonsTextures.name,
-            { id },
-            meshPolygonsTextures(id),
-          )
+          meshPolygonsCommonStyle.meshPolygonsColoring(id).textures = textures;
+          console.log(setMeshPolygonsTextures.name, { id }, meshPolygonsTextures(id));
         },
       },
-    )
+    );
   }
 
   return {
     meshPolygonsTextures,
     setMeshPolygonsTextures,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/polygons/vertex.js b/internal/stores/data_style/mesh/polygons/vertex.js
index 6c70ffe1..7e0a0b66 100644
--- a/internal/stores/data_style/mesh/polygons/vertex.js
+++ b/internal/stores/data_style/mesh/polygons/vertex.js
@@ -1,130 +1,119 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap"
-import { useMeshPolygonsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useMeshPolygonsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
 const meshPolygonsVertexAttributeSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.polygons.attribute.vertex
+  viewer_schemas.opengeodeweb_viewer.mesh.polygons.attribute.vertex;
 
 export function useMeshPolygonsVertexAttributeStyle() {
-  const viewerStore = useViewerStore()
-  const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
 
   function meshPolygonsVertexAttribute(id) {
-    return meshPolygonsCommonStyle.meshPolygonsColoring(id).vertex
+    return meshPolygonsCommonStyle.meshPolygonsColoring(id).vertex;
   }
 
   function meshPolygonsVertexAttributeStoredConfig(id, name) {
-    const { storedConfigs } = meshPolygonsVertexAttribute(id)
+    const { storedConfigs } = meshPolygonsVertexAttribute(id);
     if (name in storedConfigs) {
-      return storedConfigs[name]
+      return storedConfigs[name];
     }
     return setMeshPolygonsVertexAttributeStoredConfig(id, name, {
       minimum: undefined,
       maximum: undefined,
       colorMap: undefined,
-    })
+    });
   }
 
-  function setMeshPolygonsVertexAttributeStoredConfig(
-    id,
-    name,
-    { minimum, maximum, colorMap },
-  ) {
-    const { storedConfigs } = meshPolygonsVertexAttribute(id)
-    storedConfigs[name] = { minimum, maximum, colorMap }
-    return storedConfigs[name]
+  function setMeshPolygonsVertexAttributeStoredConfig(id, name, { minimum, maximum, colorMap }) {
+    const { storedConfigs } = meshPolygonsVertexAttribute(id);
+    storedConfigs[name] = { minimum, maximum, colorMap };
+    return storedConfigs[name];
   }
 
   function meshPolygonsVertexAttributeName(id) {
-    console.log(
-      meshPolygonsVertexAttributeName.name,
-      { id },
-      meshPolygonsVertexAttribute(id),
-    )
-    return meshPolygonsVertexAttribute(id).name
+    console.log(meshPolygonsVertexAttributeName.name, { id }, meshPolygonsVertexAttribute(id));
+    return meshPolygonsVertexAttribute(id).name;
   }
   function setMeshPolygonsVertexAttributeName(id, name) {
-    console.log(setMeshPolygonsVertexAttributeName.name, { id, name })
+    console.log(setMeshPolygonsVertexAttributeName.name, { id, name });
     return viewerStore.request(
       meshPolygonsVertexAttributeSchemas.name,
       { id, name },
       {
         response_function: async () => {
-          meshPolygonsVertexAttribute(id).name = name
-          const { minimum, maximum } = meshPolygonsVertexAttributeStoredConfig(
-            id,
-            name,
-          )
-          await setMeshPolygonsVertexAttributeRange(id, minimum, maximum)
+          meshPolygonsVertexAttribute(id).name = name;
+          const { minimum, maximum } = meshPolygonsVertexAttributeStoredConfig(id, name);
+          await setMeshPolygonsVertexAttributeRange(id, minimum, maximum);
           console.log(
             setMeshPolygonsVertexAttributeName.name,
             { id },
             meshPolygonsVertexAttributeName(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   function meshPolygonsVertexAttributeRange(id) {
-    const name = meshPolygonsVertexAttributeName(id)
-    const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name)
-    const { minimum, maximum } = storedConfig
-    return [minimum, maximum]
+    const name = meshPolygonsVertexAttributeName(id);
+    const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name);
+    const { minimum, maximum } = storedConfig;
+    return [minimum, maximum];
   }
   function setMeshPolygonsVertexAttributeRange(id, minimum, maximum) {
-    const name = meshPolygonsVertexAttributeName(id)
-    const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name)
-    storedConfig.minimum = minimum
-    storedConfig.maximum = maximum
-    return setMeshPolygonsVertexAttributeColorMap(id, storedConfig.colorMap)
+    const name = meshPolygonsVertexAttributeName(id);
+    const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name);
+    storedConfig.minimum = minimum;
+    storedConfig.maximum = maximum;
+    return setMeshPolygonsVertexAttributeColorMap(id, storedConfig.colorMap);
   }
 
   function meshPolygonsVertexAttributeColorMap(id) {
-    const name = meshPolygonsVertexAttributeName(id)
-    const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name)
-    const { colorMap } = storedConfig
-    return colorMap
+    const name = meshPolygonsVertexAttributeName(id);
+    const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name);
+    const { colorMap } = storedConfig;
+    return colorMap;
   }
   function setMeshPolygonsVertexAttributeColorMap(id, colorMap) {
-    const name = meshPolygonsVertexAttributeName(id)
-    const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name)
+    const name = meshPolygonsVertexAttributeName(id);
+    const storedConfig = meshPolygonsVertexAttributeStoredConfig(id, name);
     if (
       storedConfig.minimum === undefined ||
       storedConfig.maximum === undefined ||
       colorMap === undefined
     ) {
-      storedConfig.colorMap = colorMap
-      return
+      storedConfig.colorMap = colorMap;
+      return;
     }
-    const points = getRGBPointsFromPreset(colorMap)
-    const { minimum, maximum } = storedConfig
+    const points = getRGBPointsFromPreset(colorMap);
+    const { minimum, maximum } = storedConfig;
 
     console.log(setMeshPolygonsVertexAttributeColorMap.name, {
       id,
       minimum,
       maximum,
       colorMap,
-    })
+    });
     return viewerStore.request(
       meshPolygonsVertexAttributeSchemas.color_map,
       { id, points, minimum, maximum },
       {
         response_function: () => {
-          storedConfig.colorMap = colorMap
+          storedConfig.colorMap = colorMap;
           console.log(
             setMeshPolygonsVertexAttributeColorMap.name,
             { id },
             meshPolygonsVertexAttributeColorMap(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
@@ -135,5 +124,5 @@ export function useMeshPolygonsVertexAttributeStyle() {
     setMeshPolygonsVertexAttributeName,
     setMeshPolygonsVertexAttributeRange,
     setMeshPolygonsVertexAttributeColorMap,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/polygons/visibility.js b/internal/stores/data_style/mesh/polygons/visibility.js
index c875bd77..a2d53ed1 100644
--- a/internal/stores/data_style/mesh/polygons/visibility.js
+++ b/internal/stores/data_style/mesh/polygons/visibility.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshPolygonsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshPolygonsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshPolygonsVisibilitySchema =
-  viewer_schemas.opengeodeweb_viewer.mesh.polygons.visibility
+const meshPolygonsVisibilitySchema = viewer_schemas.opengeodeweb_viewer.mesh.polygons.visibility;
 
 export function useMeshPolygonsVisibilityStyle() {
-  const viewerStore = useViewerStore()
-  const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPolygonsCommonStyle = useMeshPolygonsCommonStyle();
 
   function meshPolygonsVisibility(id) {
-    return meshPolygonsCommonStyle.meshPolygonsStyle(id).visibility
+    return meshPolygonsCommonStyle.meshPolygonsStyle(id).visibility;
   }
   function setMeshPolygonsVisibility(id, visibility) {
     return viewerStore.request(
@@ -22,19 +21,15 @@ export function useMeshPolygonsVisibilityStyle() {
       { id, visibility },
       {
         response_function: () => {
-          meshPolygonsCommonStyle.meshPolygonsStyle(id).visibility = visibility
-          console.log(
-            setMeshPolygonsVisibility.name,
-            { id },
-            meshPolygonsVisibility(id),
-          )
+          meshPolygonsCommonStyle.meshPolygonsStyle(id).visibility = visibility;
+          console.log(setMeshPolygonsVisibility.name, { id }, meshPolygonsVisibility(id));
         },
       },
-    )
+    );
   }
 
   return {
     meshPolygonsVisibility,
     setMeshPolygonsVisibility,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/polyhedra/color.js b/internal/stores/data_style/mesh/polyhedra/color.js
index 281e27e9..9e61875c 100644
--- a/internal/stores/data_style/mesh/polyhedra/color.js
+++ b/internal/stores/data_style/mesh/polyhedra/color.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshPolyhedraCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshPolyhedraCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshPolyhedraColorSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.color
+const meshPolyhedraColorSchemas = viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.color;
 
 export function useMeshPolyhedraColorStyle() {
-  const viewerStore = useViewerStore()
-  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle();
 
   function meshPolyhedraColor(id) {
-    return meshPolyhedraCommonStyle.meshPolyhedraColoring(id).color
+    return meshPolyhedraCommonStyle.meshPolyhedraColoring(id).color;
   }
   function setMeshPolyhedraColor(id, color) {
     return viewerStore.request(
@@ -22,19 +21,15 @@ export function useMeshPolyhedraColorStyle() {
       { id, color },
       {
         response_function: () => {
-          meshPolyhedraCommonStyle.meshPolyhedraColoring(id).color = color
-          console.log(
-            setMeshPolyhedraColor.name,
-            { id },
-            JSON.stringify(meshPolyhedraColor(id)),
-          )
+          meshPolyhedraCommonStyle.meshPolyhedraColoring(id).color = color;
+          console.log(setMeshPolyhedraColor.name, { id }, JSON.stringify(meshPolyhedraColor(id)));
         },
       },
-    )
+    );
   }
 
   return {
     meshPolyhedraColor,
     setMeshPolyhedraColor,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/polyhedra/common.js b/internal/stores/data_style/mesh/polyhedra/common.js
index b521fab4..2feff082 100644
--- a/internal/stores/data_style/mesh/polyhedra/common.js
+++ b/internal/stores/data_style/mesh/polyhedra/common.js
@@ -1,23 +1,23 @@
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
 
 export function useMeshPolyhedraCommonStyle() {
-  const dataStyleStateStore = useDataStyleStateStore()
+  const dataStyleStateStore = useDataStyleStateStore();
 
   function meshPolyhedraStyle(id) {
-    return dataStyleStateStore.getStyle(id).polyhedra
+    return dataStyleStateStore.getStyle(id).polyhedra;
   }
 
   function meshPolyhedraColoring(id) {
-    return meshPolyhedraStyle(id).coloring
+    return meshPolyhedraStyle(id).coloring;
   }
 
   function meshPolyhedraActiveColoring(id) {
-    return meshPolyhedraColoring(id).active
+    return meshPolyhedraColoring(id).active;
   }
 
   return {
     meshPolyhedraStyle,
     meshPolyhedraColoring,
     meshPolyhedraActiveColoring,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/polyhedra/index.js b/internal/stores/data_style/mesh/polyhedra/index.js
index d7580561..421bc59c 100644
--- a/internal/stores/data_style/mesh/polyhedra/index.js
+++ b/internal/stores/data_style/mesh/polyhedra/index.js
@@ -1,61 +1,51 @@
 // Third party imports
 
 // Local imports
-import { useMeshPolyhedraColorStyle } from "./color"
-import { useMeshPolyhedraCommonStyle } from "./common"
-import { useMeshPolyhedraPolyhedronAttributeStyle } from "./polyhedron"
-import { useMeshPolyhedraVertexAttributeStyle } from "./vertex"
-import { useMeshPolyhedraVisibilityStyle } from "./visibility"
+import { useMeshPolyhedraColorStyle } from "./color";
+import { useMeshPolyhedraCommonStyle } from "./common";
+import { useMeshPolyhedraPolyhedronAttributeStyle } from "./polyhedron";
+import { useMeshPolyhedraVertexAttributeStyle } from "./vertex";
+import { useMeshPolyhedraVisibilityStyle } from "./visibility";
 
 // Local constants
 
 export function useMeshPolyhedraStyle() {
-  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle()
-  const meshPolyhedraVisibility = useMeshPolyhedraVisibilityStyle()
-  const meshPolyhedraColorStyle = useMeshPolyhedraColorStyle()
-  const meshPolyhedraVertexAttributeStyle =
-    useMeshPolyhedraVertexAttributeStyle()
-  const meshPolyhedraPolyhedronAttributeStyle =
-    useMeshPolyhedraPolyhedronAttributeStyle()
+  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle();
+  const meshPolyhedraVisibility = useMeshPolyhedraVisibilityStyle();
+  const meshPolyhedraColorStyle = useMeshPolyhedraColorStyle();
+  const meshPolyhedraVertexAttributeStyle = useMeshPolyhedraVertexAttributeStyle();
+  const meshPolyhedraPolyhedronAttributeStyle = useMeshPolyhedraPolyhedronAttributeStyle();
 
   async function setMeshPolyhedraActiveColoring(id, type) {
-    const coloring = meshPolyhedraCommonStyle.meshPolyhedraColoring(id)
-    coloring.active = type
+    const coloring = meshPolyhedraCommonStyle.meshPolyhedraColoring(id);
+    coloring.active = type;
     console.log(
       setMeshPolyhedraActiveColoring.name,
       { id },
       meshPolyhedraCommonStyle.meshPolyhedraActiveColoring(id),
-    )
+    );
     if (type === "color") {
       return meshPolyhedraColorStyle.setMeshPolyhedraColor(
         id,
         meshPolyhedraColorStyle.meshPolyhedraColor(id),
-      )
-    } else if (type === "vertex") {
-      const name =
-        meshPolyhedraVertexAttributeStyle.meshPolyhedraVertexAttributeName(id)
+      );
+    }
+    if (type === "vertex") {
+      const name = meshPolyhedraVertexAttributeStyle.meshPolyhedraVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return;
       }
-      return meshPolyhedraVertexAttributeStyle.setMeshPolyhedraVertexAttributeName(
-        id,
-        name,
-      )
-    } else if (type === "polyhedron") {
-      const name =
-        meshPolyhedraPolyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeName(
-          id,
-        )
+      return meshPolyhedraVertexAttributeStyle.setMeshPolyhedraVertexAttributeName(id, name);
+    }
+    if (type === "polyhedron") {
+      const name = meshPolyhedraPolyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return;
       }
-      await meshPolyhedraPolyhedronAttributeStyle.setMeshPolyhedraPolyhedronAttributeName(
-        id,
-        name,
-      )
-    } else {
-      throw new Error(`Unknown mesh polyhedra coloring type: ${type}`)
+      await meshPolyhedraPolyhedronAttributeStyle.setMeshPolyhedraPolyhedronAttributeName(id, name);
+      return;
     }
+    throw new Error(`Unknown mesh polyhedra coloring type: ${type}`);
   }
 
   function applyMeshPolyhedraStyle(id) {
@@ -64,11 +54,8 @@ export function useMeshPolyhedraStyle() {
         id,
         meshPolyhedraVisibility.meshPolyhedraVisibility(id),
       ),
-      setMeshPolyhedraActiveColoring(
-        id,
-        meshPolyhedraCommonStyle.meshPolyhedraActiveColoring(id),
-      ),
-    ])
+      setMeshPolyhedraActiveColoring(id, meshPolyhedraCommonStyle.meshPolyhedraActiveColoring(id)),
+    ]);
   }
 
   return {
@@ -79,5 +66,5 @@ export function useMeshPolyhedraStyle() {
     ...meshPolyhedraColorStyle,
     ...meshPolyhedraVertexAttributeStyle,
     ...meshPolyhedraPolyhedronAttributeStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/polyhedra/polyhedron.js b/internal/stores/data_style/mesh/polyhedra/polyhedron.js
index 45fea324..f64b96f3 100644
--- a/internal/stores/data_style/mesh/polyhedra/polyhedron.js
+++ b/internal/stores/data_style/mesh/polyhedra/polyhedron.js
@@ -1,33 +1,33 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap"
-import { useMeshPolyhedraCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useMeshPolyhedraCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
 const meshPolyhedraPolyhedronAttributeSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.attribute.polyhedron
+  viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.attribute.polyhedron;
 
 export function useMeshPolyhedraPolyhedronAttributeStyle() {
-  const viewerStore = useViewerStore()
-  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle();
 
   function meshPolyhedraPolyhedronAttribute(id) {
-    return meshPolyhedraCommonStyle.meshPolyhedraColoring(id).polyhedron
+    return meshPolyhedraCommonStyle.meshPolyhedraColoring(id).polyhedron;
   }
 
   function meshPolyhedraPolyhedronAttributeStoredConfig(id, name) {
-    const { storedConfigs } = meshPolyhedraPolyhedronAttribute(id)
+    const { storedConfigs } = meshPolyhedraPolyhedronAttribute(id);
     if (name in storedConfigs) {
-      return storedConfigs[name]
+      return storedConfigs[name];
     }
     return setMeshPolyhedraPolyhedronAttributeStoredConfig(id, name, {
       minimum: undefined,
       maximum: undefined,
       colorMap: undefined,
-    })
+    });
   }
 
   function setMeshPolyhedraPolyhedronAttributeStoredConfig(
@@ -35,13 +35,13 @@ export function useMeshPolyhedraPolyhedronAttributeStyle() {
     name,
     { minimum, maximum, colorMap },
   ) {
-    const { storedConfigs } = meshPolyhedraPolyhedronAttribute(id)
-    storedConfigs[name] = { minimum, maximum, colorMap }
-    return storedConfigs[name]
+    const { storedConfigs } = meshPolyhedraPolyhedronAttribute(id);
+    storedConfigs[name] = { minimum, maximum, colorMap };
+    return storedConfigs[name];
   }
 
   function meshPolyhedraPolyhedronAttributeName(id) {
-    return meshPolyhedraPolyhedronAttribute(id).name
+    return meshPolyhedraPolyhedronAttribute(id).name;
   }
   function setMeshPolyhedraPolyhedronAttributeName(id, name) {
     return viewerStore.request(
@@ -49,69 +49,65 @@ export function useMeshPolyhedraPolyhedronAttributeStyle() {
       { id, name },
       {
         response_function: async () => {
-          meshPolyhedraPolyhedronAttribute(id).name = name
-          const { minimum, maximum } =
-            meshPolyhedraPolyhedronAttributeStoredConfig(id, name)
-          await setMeshPolyhedraPolyhedronAttributeRange(id, minimum, maximum)
+          meshPolyhedraPolyhedronAttribute(id).name = name;
+          const { minimum, maximum } = meshPolyhedraPolyhedronAttributeStoredConfig(id, name);
+          await setMeshPolyhedraPolyhedronAttributeRange(id, minimum, maximum);
           console.log(
             setMeshPolyhedraPolyhedronAttributeName.name,
             { id },
             meshPolyhedraPolyhedronAttributeName(id),
-          )
+          );
         },
       },
-    )
+    );
   }
   function meshPolyhedraPolyhedronAttributeRange(id) {
-    const name = meshPolyhedraPolyhedronAttributeName(id)
-    const storedConfig = meshPolyhedraPolyhedronAttributeStoredConfig(id, name)
-    const { minimum, maximum } = storedConfig
-    return [minimum, maximum]
+    const name = meshPolyhedraPolyhedronAttributeName(id);
+    const storedConfig = meshPolyhedraPolyhedronAttributeStoredConfig(id, name);
+    const { minimum, maximum } = storedConfig;
+    return [minimum, maximum];
   }
   function setMeshPolyhedraPolyhedronAttributeRange(id, minimum, maximum) {
-    const name = meshPolyhedraPolyhedronAttributeName(id)
-    const storedConfig = meshPolyhedraPolyhedronAttributeStoredConfig(id, name)
-    storedConfig.minimum = minimum
-    storedConfig.maximum = maximum
-    return setMeshPolyhedraPolyhedronAttributeColorMap(
-      id,
-      storedConfig.colorMap,
-    )
+    const name = meshPolyhedraPolyhedronAttributeName(id);
+    const storedConfig = meshPolyhedraPolyhedronAttributeStoredConfig(id, name);
+    storedConfig.minimum = minimum;
+    storedConfig.maximum = maximum;
+    return setMeshPolyhedraPolyhedronAttributeColorMap(id, storedConfig.colorMap);
   }
 
   function meshPolyhedraPolyhedronAttributeColorMap(id) {
-    const name = meshPolyhedraPolyhedronAttributeName(id)
-    const storedConfig = meshPolyhedraPolyhedronAttributeStoredConfig(id, name)
-    const { colorMap } = storedConfig
-    return colorMap
+    const name = meshPolyhedraPolyhedronAttributeName(id);
+    const storedConfig = meshPolyhedraPolyhedronAttributeStoredConfig(id, name);
+    const { colorMap } = storedConfig;
+    return colorMap;
   }
   function setMeshPolyhedraPolyhedronAttributeColorMap(id, colorMap) {
-    const name = meshPolyhedraPolyhedronAttributeName(id)
-    const storedConfig = meshPolyhedraPolyhedronAttributeStoredConfig(id, name)
+    const name = meshPolyhedraPolyhedronAttributeName(id);
+    const storedConfig = meshPolyhedraPolyhedronAttributeStoredConfig(id, name);
     if (
       storedConfig.minimum === undefined ||
       storedConfig.maximum === undefined ||
       colorMap === undefined
     ) {
-      storedConfig.colorMap = colorMap
-      return
+      storedConfig.colorMap = colorMap;
+      return;
     }
-    const points = getRGBPointsFromPreset(colorMap)
-    const { minimum, maximum } = storedConfig
+    const points = getRGBPointsFromPreset(colorMap);
+    const { minimum, maximum } = storedConfig;
     return viewerStore.request(
       meshPolyhedraPolyhedronAttributeSchemas.color_map,
       { id, points, minimum, maximum },
       {
         response_function: () => {
-          storedConfig.colorMap = colorMap
+          storedConfig.colorMap = colorMap;
           console.log(
             setMeshPolyhedraPolyhedronAttributeColorMap.name,
             { id },
             meshPolyhedraPolyhedronAttributeColorMap(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
@@ -122,5 +118,5 @@ export function useMeshPolyhedraPolyhedronAttributeStyle() {
     setMeshPolyhedraPolyhedronAttributeName,
     setMeshPolyhedraPolyhedronAttributeRange,
     setMeshPolyhedraPolyhedronAttributeColorMap,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/polyhedra/vertex.js b/internal/stores/data_style/mesh/polyhedra/vertex.js
index fa2a49fb..17c3bf2a 100644
--- a/internal/stores/data_style/mesh/polyhedra/vertex.js
+++ b/internal/stores/data_style/mesh/polyhedra/vertex.js
@@ -1,130 +1,119 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap"
-import { useMeshPolyhedraCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useMeshPolyhedraCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
 const meshPolyhedraVertexAttributeSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.attribute.vertex
+  viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.attribute.vertex;
 
 export function useMeshPolyhedraVertexAttributeStyle() {
-  const viewerStore = useViewerStore()
-  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle();
 
   function meshPolyhedraVertexAttribute(id) {
-    return meshPolyhedraCommonStyle.meshPolyhedraColoring(id).vertex
+    return meshPolyhedraCommonStyle.meshPolyhedraColoring(id).vertex;
   }
 
   function meshPolyhedraVertexAttributeStoredConfig(id, name) {
-    const { storedConfigs } = meshPolyhedraVertexAttribute(id)
+    const { storedConfigs } = meshPolyhedraVertexAttribute(id);
     if (name in storedConfigs) {
-      return storedConfigs[name]
+      return storedConfigs[name];
     }
     return setMeshPolyhedraVertexAttributeStoredConfig(id, name, {
       minimum: undefined,
       maximum: undefined,
       colorMap: undefined,
-    })
+    });
   }
 
-  function setMeshPolyhedraVertexAttributeStoredConfig(
-    id,
-    name,
-    { minimum, maximum, colorMap },
-  ) {
-    const { storedConfigs } = meshPolyhedraVertexAttribute(id)
-    storedConfigs[name] = { minimum, maximum, colorMap }
-    return storedConfigs[name]
+  function setMeshPolyhedraVertexAttributeStoredConfig(id, name, { minimum, maximum, colorMap }) {
+    const { storedConfigs } = meshPolyhedraVertexAttribute(id);
+    storedConfigs[name] = { minimum, maximum, colorMap };
+    return storedConfigs[name];
   }
 
   function meshPolyhedraVertexAttributeName(id) {
-    console.log(
-      meshPolyhedraVertexAttributeName.name,
-      { id },
-      meshPolyhedraVertexAttribute(id),
-    )
-    return meshPolyhedraVertexAttribute(id).name
+    console.log(meshPolyhedraVertexAttributeName.name, { id }, meshPolyhedraVertexAttribute(id));
+    return meshPolyhedraVertexAttribute(id).name;
   }
   function setMeshPolyhedraVertexAttributeName(id, name) {
-    console.log(setMeshPolyhedraVertexAttributeName.name, { id, name })
+    console.log(setMeshPolyhedraVertexAttributeName.name, { id, name });
     return viewerStore.request(
       meshPolyhedraVertexAttributeSchemas.name,
       { id, name },
       {
         response_function: async () => {
-          meshPolyhedraVertexAttribute(id).name = name
-          const { minimum, maximum } = meshPolyhedraVertexAttributeStoredConfig(
-            id,
-            name,
-          )
-          await setMeshPolyhedraVertexAttributeRange(id, minimum, maximum)
+          meshPolyhedraVertexAttribute(id).name = name;
+          const { minimum, maximum } = meshPolyhedraVertexAttributeStoredConfig(id, name);
+          await setMeshPolyhedraVertexAttributeRange(id, minimum, maximum);
           console.log(
             setMeshPolyhedraVertexAttributeName.name,
             { id },
             meshPolyhedraVertexAttributeName(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   function meshPolyhedraVertexAttributeRange(id) {
-    const name = meshPolyhedraVertexAttributeName(id)
-    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name)
-    const { minimum, maximum } = storedConfig
-    return [minimum, maximum]
+    const name = meshPolyhedraVertexAttributeName(id);
+    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name);
+    const { minimum, maximum } = storedConfig;
+    return [minimum, maximum];
   }
   function setMeshPolyhedraVertexAttributeRange(id, minimum, maximum) {
-    const name = meshPolyhedraVertexAttributeName(id)
-    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name)
-    storedConfig.minimum = minimum
-    storedConfig.maximum = maximum
-    return setMeshPolyhedraVertexAttributeColorMap(id, storedConfig.colorMap)
+    const name = meshPolyhedraVertexAttributeName(id);
+    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name);
+    storedConfig.minimum = minimum;
+    storedConfig.maximum = maximum;
+    return setMeshPolyhedraVertexAttributeColorMap(id, storedConfig.colorMap);
   }
 
   function meshPolyhedraVertexAttributeColorMap(id) {
-    const name = meshPolyhedraVertexAttributeName(id)
-    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name)
-    const { colorMap } = storedConfig
-    return colorMap
+    const name = meshPolyhedraVertexAttributeName(id);
+    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name);
+    const { colorMap } = storedConfig;
+    return colorMap;
   }
   function setMeshPolyhedraVertexAttributeColorMap(id, colorMap) {
-    const name = meshPolyhedraVertexAttributeName(id)
-    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name)
+    const name = meshPolyhedraVertexAttributeName(id);
+    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name);
     if (
       storedConfig.minimum === undefined ||
       storedConfig.maximum === undefined ||
       colorMap === undefined
     ) {
-      storedConfig.colorMap = colorMap
-      return
+      storedConfig.colorMap = colorMap;
+      return;
     }
-    const points = getRGBPointsFromPreset(colorMap)
-    const { minimum, maximum } = storedConfig
+    const points = getRGBPointsFromPreset(colorMap);
+    const { minimum, maximum } = storedConfig;
 
     console.log(setMeshPolyhedraVertexAttributeColorMap.name, {
       id,
       minimum,
       maximum,
       colorMap,
-    })
+    });
     return viewerStore.request(
       meshPolyhedraVertexAttributeSchemas.color_map,
       { id, points, minimum, maximum },
       {
         response_function: () => {
-          storedConfig.colorMap = colorMap
+          storedConfig.colorMap = colorMap;
           console.log(
             setMeshPolyhedraVertexAttributeColorMap.name,
             { id },
             meshPolyhedraVertexAttributeColorMap(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
@@ -135,5 +124,5 @@ export function useMeshPolyhedraVertexAttributeStyle() {
     setMeshPolyhedraVertexAttributeName,
     setMeshPolyhedraVertexAttributeRange,
     setMeshPolyhedraVertexAttributeColorMap,
-  }
+  };
 }
diff --git a/internal/stores/data_style/mesh/polyhedra/visibility.js b/internal/stores/data_style/mesh/polyhedra/visibility.js
index 6e79ce2f..902c736f 100644
--- a/internal/stores/data_style/mesh/polyhedra/visibility.js
+++ b/internal/stores/data_style/mesh/polyhedra/visibility.js
@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshPolyhedraCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshPolyhedraCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshPolyhedraVisibilitySchema =
-  viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.visibility
+const meshPolyhedraVisibilitySchema = viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.visibility;
 
 export function useMeshPolyhedraVisibilityStyle() {
-  const viewerStore = useViewerStore()
-  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle();
 
   function meshPolyhedraVisibility(id) {
-    return meshPolyhedraCommonStyle.meshPolyhedraStyle(id).visibility
+    return meshPolyhedraCommonStyle.meshPolyhedraStyle(id).visibility;
   }
   function setMeshPolyhedraVisibility(id, visibility) {
     return viewerStore.request(
@@ -22,20 +21,15 @@ export function useMeshPolyhedraVisibilityStyle() {
       { id, visibility },
       {
         response_function: () => {
-          meshPolyhedraCommonStyle.meshPolyhedraStyle(id).visibility =
-            visibility
-          console.log(
-            setMeshPolyhedraVisibility.name,
-            { id },
-            meshPolyhedraVisibility(id),
-          )
+          meshPolyhedraCommonStyle.meshPolyhedraStyle(id).visibility = visibility;
+          console.log(setMeshPolyhedraVisibility.name, { id }, meshPolyhedraVisibility(id));
         },
       },
-    )
+    );
   }
 
   return {
     meshPolyhedraVisibility,
     setMeshPolyhedraVisibility,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/blocks/color.js b/internal/stores/data_style/model/blocks/color.js
index 962ded14..773948e4 100644
--- a/internal/stores/data_style/model/blocks/color.js
+++ b/internal/stores/data_style/model/blocks/color.js
@@ -1,39 +1,36 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelBlocksCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelBlocksCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_blocks_schemas = viewer_schemas.opengeodeweb_viewer.model.blocks
+const model_blocks_schemas = viewer_schemas.opengeodeweb_viewer.model.blocks;
 
 export function useModelBlocksColorStyle() {
-  const dataStore = useDataStore()
-  const viewerStore = useViewerStore()
-  const modelBlocksCommonStyle = useModelBlocksCommonStyle()
+  const dataStore = useDataStore();
+  const viewerStore = useViewerStore();
+  const modelBlocksCommonStyle = useModelBlocksCommonStyle();
 
   function modelBlockColor(id, block_id) {
-    return modelBlocksCommonStyle.modelBlockStyle(id, block_id).color
+    return modelBlocksCommonStyle.modelBlockStyle(id, block_id).color;
   }
   function saveModelBlockColor(id, block_id, color) {
-    modelBlocksCommonStyle.modelBlockStyle(id, block_id).color = color
+    modelBlocksCommonStyle.modelBlockStyle(id, block_id).color = color;
   }
   async function setModelBlocksColor(id, block_ids, color) {
     if (!block_ids || block_ids.length === 0) {
-      return
+      return;
     }
-    const blocks_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-      id,
-      block_ids,
-    )
+    const blocks_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, block_ids);
     if (!blocks_viewer_ids || blocks_viewer_ids.length === 0) {
-      console.warn(
-        "[setModelBlocksColor] No viewer IDs found, skipping color request",
-        { id, block_ids },
-      )
-      return
+      console.warn("[setModelBlocksColor] No viewer IDs found, skipping color request", {
+        id,
+        block_ids,
+      });
+      return;
     }
     return viewerStore.request(
       model_blocks_schemas.color,
@@ -41,21 +38,21 @@ export function useModelBlocksColorStyle() {
       {
         response_function: () => {
           for (const block_id of block_ids) {
-            saveModelBlockColor(id, block_id, color)
+            saveModelBlockColor(id, block_id, color);
           }
           console.log(
             setModelBlocksColor.name,
             { id },
             { block_ids },
             JSON.stringify(modelBlockColor(id, block_ids[0])),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
     modelBlockColor,
     setModelBlocksColor,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/blocks/common.js b/internal/stores/data_style/model/blocks/common.js
index c6bd19a5..0ef66680 100644
--- a/internal/stores/data_style/model/blocks/common.js
+++ b/internal/stores/data_style/model/blocks/common.js
@@ -1,21 +1,21 @@
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
 
 export function useModelBlocksCommonStyle() {
-  const dataStyleStateStore = useDataStyleStateStore()
+  const dataStyleStateStore = useDataStyleStateStore();
 
   function modelBlocksStyle(id) {
-    return dataStyleStateStore.getStyle(id).blocks
+    return dataStyleStateStore.getStyle(id).blocks;
   }
 
   function modelBlockStyle(id, block_id) {
     if (!modelBlocksStyle(id)[block_id]) {
-      modelBlocksStyle(id)[block_id] = {}
+      modelBlocksStyle(id)[block_id] = {};
     }
-    return modelBlocksStyle(id)[block_id]
+    return modelBlocksStyle(id)[block_id];
   }
 
   return {
     modelBlocksStyle,
     modelBlockStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/blocks/index.js b/internal/stores/data_style/model/blocks/index.js
index 9eead7af..cd71e545 100644
--- a/internal/stores/data_style/model/blocks/index.js
+++ b/internal/stores/data_style/model/blocks/index.js
@@ -1,30 +1,26 @@
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelBlocksColorStyle } from "./color"
-import { useModelBlocksCommonStyle } from "./common"
-import { useModelBlocksVisibilityStyle } from "./visibility"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelBlocksColorStyle } from "./color";
+import { useModelBlocksCommonStyle } from "./common";
+import { useModelBlocksVisibilityStyle } from "./visibility";
 
 async function setModelBlocksDefaultStyle(_id) {
   // Placeholder for oxlint
 }
 
 export function useModelBlocksStyle() {
-  const dataStore = useDataStore()
-  const modelBlocksCommonStyle = useModelBlocksCommonStyle()
-  const modelBlocksVisibilityStyle = useModelBlocksVisibilityStyle()
-  const modelBlocksColorStyle = useModelBlocksColorStyle()
+  const dataStore = useDataStore();
+  const modelBlocksCommonStyle = useModelBlocksCommonStyle();
+  const modelBlocksVisibilityStyle = useModelBlocksVisibilityStyle();
+  const modelBlocksColorStyle = useModelBlocksColorStyle();
 
   async function applyModelBlocksStyle(id) {
-    const style = modelBlocksCommonStyle.modelBlocksStyle(id)
-    const blocks_ids = await dataStore.getBlocksGeodeIds(id)
+    const style = modelBlocksCommonStyle.modelBlocksStyle(id);
+    const blocks_ids = await dataStore.getBlocksGeodeIds(id);
     return Promise.all([
-      modelBlocksVisibilityStyle.setModelBlocksVisibility(
-        id,
-        blocks_ids,
-        style.visibility,
-      ),
+      modelBlocksVisibilityStyle.setModelBlocksVisibility(id, blocks_ids, style.visibility),
       modelBlocksColorStyle.setModelBlocksColor(id, blocks_ids, style.color),
-    ])
+    ]);
   }
 
   return {
@@ -33,5 +29,5 @@ export function useModelBlocksStyle() {
     ...modelBlocksCommonStyle,
     ...modelBlocksVisibilityStyle,
     ...modelBlocksColorStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/blocks/visibility.js b/internal/stores/data_style/model/blocks/visibility.js
index fafeea90..e9b53d81 100644
--- a/internal/stores/data_style/model/blocks/visibility.js
+++ b/internal/stores/data_style/model/blocks/visibility.js
@@ -1,39 +1,36 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelBlocksCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelBlocksCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_blocks_schemas = viewer_schemas.opengeodeweb_viewer.model.blocks
+const model_blocks_schemas = viewer_schemas.opengeodeweb_viewer.model.blocks;
 
 export function useModelBlocksVisibilityStyle() {
-  const dataStore = useDataStore()
-  const viewerStore = useViewerStore()
-  const modelBlocksCommonStyle = useModelBlocksCommonStyle()
+  const dataStore = useDataStore();
+  const viewerStore = useViewerStore();
+  const modelBlocksCommonStyle = useModelBlocksCommonStyle();
   function modelBlockVisibility(id, block_id) {
-    return modelBlocksCommonStyle.modelBlockStyle(id, block_id).visibility
+    return modelBlocksCommonStyle.modelBlockStyle(id, block_id).visibility;
   }
   function saveModelBlockVisibility(id, block_id, visibility) {
-    modelBlocksCommonStyle.modelBlockStyle(id, block_id).visibility = visibility
+    modelBlocksCommonStyle.modelBlockStyle(id, block_id).visibility = visibility;
   }
 
   async function setModelBlocksVisibility(id, block_ids, visibility) {
     if (!block_ids || block_ids.length === 0) {
-      return
+      return;
     }
-    const blocks_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-      id,
-      block_ids,
-    )
+    const blocks_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, block_ids);
     if (!blocks_viewer_ids || blocks_viewer_ids.length === 0) {
-      console.warn(
-        "[setModelBlocksVisibility] No viewer IDs found, skipping visibility request",
-        { id, block_ids },
-      )
-      return
+      console.warn("[setModelBlocksVisibility] No viewer IDs found, skipping visibility request", {
+        id,
+        block_ids,
+      });
+      return;
     }
     return viewerStore.request(
       model_blocks_schemas.visibility,
@@ -41,21 +38,21 @@ export function useModelBlocksVisibilityStyle() {
       {
         response_function: () => {
           for (const block_id of block_ids) {
-            saveModelBlockVisibility(id, block_id, visibility)
+            saveModelBlockVisibility(id, block_id, visibility);
           }
           console.log(
             setModelBlocksVisibility.name,
             { id },
             { block_ids },
             modelBlockVisibility(id, block_ids[0]),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
     modelBlockVisibility,
     setModelBlocksVisibility,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/corners/color.js b/internal/stores/data_style/model/corners/color.js
index 7c4ddb5b..c988c778 100644
--- a/internal/stores/data_style/model/corners/color.js
+++ b/internal/stores/data_style/model/corners/color.js
@@ -1,38 +1,35 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelCornersCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelCornersCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_corners_schemas = viewer_schemas.opengeodeweb_viewer.model.corners
+const model_corners_schemas = viewer_schemas.opengeodeweb_viewer.model.corners;
 
 export function useModelCornersColorStyle() {
-  const dataStore = useDataStore()
-  const viewerStore = useViewerStore()
-  const modelCornersCommonStyle = useModelCornersCommonStyle()
+  const dataStore = useDataStore();
+  const viewerStore = useViewerStore();
+  const modelCornersCommonStyle = useModelCornersCommonStyle();
   function modelCornerColor(id, corner_id) {
-    return modelCornersCommonStyle.modelCornerStyle(id, corner_id).color
+    return modelCornersCommonStyle.modelCornerStyle(id, corner_id).color;
   }
   function saveModelCornerColor(id, corner_id, color) {
-    modelCornersCommonStyle.modelCornerStyle(id, corner_id).color = color
+    modelCornersCommonStyle.modelCornerStyle(id, corner_id).color = color;
   }
   async function setModelCornersColor(id, corner_ids, color) {
     if (!corner_ids || corner_ids.length === 0) {
-      return
+      return;
     }
-    const corner_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-      id,
-      corner_ids,
-    )
+    const corner_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, corner_ids);
     if (!corner_viewer_ids || corner_viewer_ids.length === 0) {
-      console.warn(
-        "[setModelCornersColor] No viewer IDs found, skipping color request",
-        { id, corner_ids },
-      )
-      return
+      console.warn("[setModelCornersColor] No viewer IDs found, skipping color request", {
+        id,
+        corner_ids,
+      });
+      return;
     }
     return viewerStore.request(
       model_corners_schemas.color,
@@ -40,21 +37,21 @@ export function useModelCornersColorStyle() {
       {
         response_function: () => {
           for (const corner_id of corner_ids) {
-            saveModelCornerColor(id, corner_id, color)
+            saveModelCornerColor(id, corner_id, color);
           }
           console.log(
             setModelCornersColor.name,
             { id },
             { corner_ids },
             JSON.stringify(modelCornerColor(id, corner_ids[0])),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
     modelCornerColor,
     setModelCornersColor,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/corners/common.js b/internal/stores/data_style/model/corners/common.js
index 6cbebe27..f5b20c63 100644
--- a/internal/stores/data_style/model/corners/common.js
+++ b/internal/stores/data_style/model/corners/common.js
@@ -1,21 +1,21 @@
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
 
 export function useModelCornersCommonStyle() {
-  const dataStyleStateStore = useDataStyleStateStore()
+  const dataStyleStateStore = useDataStyleStateStore();
 
   function modelCornersStyle(id) {
-    return dataStyleStateStore.getStyle(id).corners
+    return dataStyleStateStore.getStyle(id).corners;
   }
 
   function modelCornerStyle(id, corner_id) {
     if (!modelCornersStyle(id)[corner_id]) {
-      modelCornersStyle(id)[corner_id] = {}
+      modelCornersStyle(id)[corner_id] = {};
     }
-    return modelCornersStyle(id)[corner_id]
+    return modelCornersStyle(id)[corner_id];
   }
 
   return {
     modelCornersStyle,
     modelCornerStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/corners/index.js b/internal/stores/data_style/model/corners/index.js
index 6408522f..10428e80 100644
--- a/internal/stores/data_style/model/corners/index.js
+++ b/internal/stores/data_style/model/corners/index.js
@@ -1,31 +1,27 @@
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelCornersColorStyle } from "./color"
-import { useModelCornersCommonStyle } from "./common"
-import { useModelCornersVisibilityStyle } from "./visibility"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelCornersColorStyle } from "./color";
+import { useModelCornersCommonStyle } from "./common";
+import { useModelCornersVisibilityStyle } from "./visibility";
 
 async function setModelCornersDefaultStyle(_id) {
   // Placeholder for oxlint
 }
 
 export function useModelCornersStyle() {
-  const dataStore = useDataStore()
-  const modelCornersCommonStyle = useModelCornersCommonStyle()
-  const modelCornersVisibilityStyle = useModelCornersVisibilityStyle()
-  const modelCornersColorStyle = useModelCornersColorStyle()
+  const dataStore = useDataStore();
+  const modelCornersCommonStyle = useModelCornersCommonStyle();
+  const modelCornersVisibilityStyle = useModelCornersVisibilityStyle();
+  const modelCornersColorStyle = useModelCornersColorStyle();
 
   async function applyModelCornersStyle(id) {
-    const style = modelCornersCommonStyle.modelCornersStyle(id)
-    const corner_ids = await dataStore.getCornersGeodeIds(id)
-    console.log(applyModelCornersStyle.name, { id }, { corner_ids })
+    const style = modelCornersCommonStyle.modelCornersStyle(id);
+    const corner_ids = await dataStore.getCornersGeodeIds(id);
+    console.log(applyModelCornersStyle.name, { id }, { corner_ids });
     return Promise.all([
-      modelCornersVisibilityStyle.setModelCornersVisibility(
-        id,
-        corner_ids,
-        style.visibility,
-      ),
+      modelCornersVisibilityStyle.setModelCornersVisibility(id, corner_ids, style.visibility),
       modelCornersColorStyle.setModelCornersColor(id, corner_ids, style.color),
-    ])
+    ]);
   }
 
   return {
@@ -34,5 +30,5 @@ export function useModelCornersStyle() {
     ...modelCornersCommonStyle,
     ...modelCornersVisibilityStyle,
     ...modelCornersColorStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/corners/visibility.js b/internal/stores/data_style/model/corners/visibility.js
index b40f7cef..d91c3662 100644
--- a/internal/stores/data_style/model/corners/visibility.js
+++ b/internal/stores/data_style/model/corners/visibility.js
@@ -1,39 +1,35 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelCornersCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelCornersCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_corners_schemas = viewer_schemas.opengeodeweb_viewer.model.corners
+const model_corners_schemas = viewer_schemas.opengeodeweb_viewer.model.corners;
 
 export function useModelCornersVisibilityStyle() {
-  const dataStore = useDataStore()
-  const viewerStore = useViewerStore()
-  const modelCornersCommonStyle = useModelCornersCommonStyle()
+  const dataStore = useDataStore();
+  const viewerStore = useViewerStore();
+  const modelCornersCommonStyle = useModelCornersCommonStyle();
   function modelCornerVisibility(id, corner_id) {
-    return modelCornersCommonStyle.modelCornerStyle(id, corner_id).visibility
+    return modelCornersCommonStyle.modelCornerStyle(id, corner_id).visibility;
   }
   function saveModelCornerVisibility(id, corner_id, visibility) {
-    modelCornersCommonStyle.modelCornerStyle(id, corner_id).visibility =
-      visibility
+    modelCornersCommonStyle.modelCornerStyle(id, corner_id).visibility = visibility;
   }
   async function setModelCornersVisibility(id, corner_ids, visibility) {
     if (!corner_ids || corner_ids.length === 0) {
-      return
+      return;
     }
-    const corner_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-      id,
-      corner_ids,
-    )
+    const corner_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, corner_ids);
     if (!corner_viewer_ids || corner_viewer_ids.length === 0) {
-      console.warn(
-        "[setModelCornersVisibility] No viewer IDs found, skipping visibility request",
-        { id, corner_ids },
-      )
-      return
+      console.warn("[setModelCornersVisibility] No viewer IDs found, skipping visibility request", {
+        id,
+        corner_ids,
+      });
+      return;
     }
     return viewerStore.request(
       model_corners_schemas.visibility,
@@ -41,21 +37,21 @@ export function useModelCornersVisibilityStyle() {
       {
         response_function: () => {
           for (const corner_id of corner_ids) {
-            saveModelCornerVisibility(id, corner_id, visibility)
+            saveModelCornerVisibility(id, corner_id, visibility);
           }
           console.log(
             setModelCornersVisibility.name,
             { id },
             { corner_ids },
             modelCornerVisibility(id, corner_ids[0]),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
     modelCornerVisibility,
     setModelCornersVisibility,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/edges/common.js b/internal/stores/data_style/model/edges/common.js
index 9dc0a700..98570bc4 100644
--- a/internal/stores/data_style/model/edges/common.js
+++ b/internal/stores/data_style/model/edges/common.js
@@ -1,13 +1,13 @@
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
 
 export function useModelEdgesCommonStyle() {
-  const dataStyleStateStore = useDataStyleStateStore()
+  const dataStyleStateStore = useDataStyleStateStore();
 
   function modelEdgesStyle(id) {
-    return dataStyleStateStore.styles[id].edges
+    return dataStyleStateStore.styles[id].edges;
   }
 
   return {
     modelEdgesStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/edges/index.js b/internal/stores/data_style/model/edges/index.js
index cc5def8f..7f59384e 100644
--- a/internal/stores/data_style/model/edges/index.js
+++ b/internal/stores/data_style/model/edges/index.js
@@ -1,21 +1,21 @@
 // Local imports
-import { useModelEdgesCommonStyle } from "./common"
-import { useModelEdgesVisibilityStyle } from "./visibility"
+import { useModelEdgesCommonStyle } from "./common";
+import { useModelEdgesVisibilityStyle } from "./visibility";
 
 export function useModelEdgesStyle() {
-  const modelEdgesCommonStyle = useModelEdgesCommonStyle()
-  const modelEdgesVisibilityStyle = useModelEdgesVisibilityStyle()
+  const modelEdgesCommonStyle = useModelEdgesCommonStyle();
+  const modelEdgesVisibilityStyle = useModelEdgesVisibilityStyle();
 
   function applyModelEdgesStyle(id) {
-    const style = modelEdgesCommonStyle.modelEdgesStyle(id)
+    const style = modelEdgesCommonStyle.modelEdgesStyle(id);
     return Promise.resolve([
       modelEdgesVisibilityStyle.setModelEdgesVisibility(id, style.visibility),
-    ])
+    ]);
   }
 
   return {
     applyModelEdgesStyle,
     ...modelEdgesCommonStyle,
     ...modelEdgesVisibilityStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/edges/visibility.js b/internal/stores/data_style/model/edges/visibility.js
index 86b68aec..9befed56 100644
--- a/internal/stores/data_style/model/edges/visibility.js
+++ b/internal/stores/data_style/model/edges/visibility.js
@@ -1,19 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useModelEdgesCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useModelEdgesCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_edges_schemas = viewer_schemas.opengeodeweb_viewer.model.edges
+const model_edges_schemas = viewer_schemas.opengeodeweb_viewer.model.edges;
 
 export function useModelEdgesVisibilityStyle() {
-  const viewerStore = useViewerStore()
-  const modelEdgesCommonStyle = useModelEdgesCommonStyle()
+  const viewerStore = useViewerStore();
+  const modelEdgesCommonStyle = useModelEdgesCommonStyle();
 
   function modelEdgesVisibility(id) {
-    return modelEdgesCommonStyle.modelEdgesStyle(id).visibility
+    return modelEdgesCommonStyle.modelEdgesStyle(id).visibility;
   }
 
   function setModelEdgesVisibility(id, visibility) {
@@ -22,19 +22,15 @@ export function useModelEdgesVisibilityStyle() {
       { id, visibility },
       {
         response_function: () => {
-          modelEdgesCommonStyle.modelEdgesStyle(id).visibility = visibility
-          console.log(
-            setModelEdgesVisibility.name,
-            { id },
-            modelEdgesVisibility(id),
-          )
+          modelEdgesCommonStyle.modelEdgesStyle(id).visibility = visibility;
+          console.log(setModelEdgesVisibility.name, { id }, modelEdgesVisibility(id));
         },
       },
-    )
+    );
   }
 
   return {
     modelEdgesVisibility,
     setModelEdgesVisibility,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/index.js b/internal/stores/data_style/model/index.js
index 8d5cc543..476cda74 100644
--- a/internal/stores/data_style/model/index.js
+++ b/internal/stores/data_style/model/index.js
@@ -1,35 +1,35 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
-import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
-import { useModelBlocksStyle } from "./blocks"
-import { useModelCornersStyle } from "./corners"
-import { useModelEdgesStyle } from "./edges"
-import { useModelLinesStyle } from "./lines"
-import { useModelPointsStyle } from "./points"
-import { useModelSurfacesStyle } from "./surfaces"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
+import { useModelBlocksStyle } from "./blocks";
+import { useModelCornersStyle } from "./corners";
+import { useModelEdgesStyle } from "./edges";
+import { useModelLinesStyle } from "./lines";
+import { useModelPointsStyle } from "./points";
+import { useModelSurfacesStyle } from "./surfaces";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_schemas = viewer_schemas.opengeodeweb_viewer.model
+const model_schemas = viewer_schemas.opengeodeweb_viewer.model;
 
 export function useModelStyle() {
-  const dataStore = useDataStore()
-  const dataStyleStateStore = useDataStyleStateStore()
-  const modelCornersStyleStore = useModelCornersStyle()
-  const modelBlocksStyleStore = useModelBlocksStyle()
-  const modelEdgesStyleStore = useModelEdgesStyle()
-  const modelLinesStyleStore = useModelLinesStyle()
-  const modelPointsStyleStore = useModelPointsStyle()
-  const modelSurfacesStyleStore = useModelSurfacesStyle()
-  const hybridViewerStore = useHybridViewerStore()
-  const viewerStore = useViewerStore()
+  const dataStore = useDataStore();
+  const dataStyleStateStore = useDataStyleStateStore();
+  const modelCornersStyleStore = useModelCornersStyle();
+  const modelBlocksStyleStore = useModelBlocksStyle();
+  const modelEdgesStyleStore = useModelEdgesStyle();
+  const modelLinesStyleStore = useModelLinesStyle();
+  const modelPointsStyleStore = useModelPointsStyle();
+  const modelSurfacesStyleStore = useModelSurfacesStyle();
+  const hybridViewerStore = useHybridViewerStore();
+  const viewerStore = useViewerStore();
 
   function modelVisibility(id) {
-    return dataStyleStateStore.getStyle(id).visibility
+    return dataStyleStateStore.getStyle(id).visibility;
   }
   function setModelVisibility(id, visibility) {
     return viewerStore.request(
@@ -37,63 +37,66 @@ export function useModelStyle() {
       { id, visibility },
       {
         response_function: () => {
-          dataStyleStateStore.getStyle(id).visibility = visibility
-          hybridViewerStore.setVisibility(id, visibility)
-          console.log(setModelVisibility.name, { id }, modelVisibility(id))
+          dataStyleStateStore.getStyle(id).visibility = visibility;
+          hybridViewerStore.setVisibility(id, visibility);
+          console.log(setModelVisibility.name, { id }, modelVisibility(id));
         },
       },
-    )
+    );
   }
 
   function visibleMeshComponents(id) {
-    const visible_mesh_components = ref([])
-    const styles = dataStyleStateStore.styles[id]
+    const visible_mesh_components = ref([]);
+    const styles = dataStyleStateStore.styles[id];
     if (!styles) {
-      return visible_mesh_components
+      return visible_mesh_components;
     }
 
     for (const [corner_id, style] of Object.entries(styles.corners || {})) {
       if (style.visibility) {
-        visible_mesh_components.value.push(corner_id)
+        visible_mesh_components.value.push(corner_id);
       }
     }
 
     for (const [line_id, style] of Object.entries(styles.lines || {})) {
       if (style.visibility) {
-        visible_mesh_components.value.push(line_id)
+        visible_mesh_components.value.push(line_id);
       }
     }
 
     for (const [surface_id, style] of Object.entries(styles.surfaces || {})) {
       if (style.visibility) {
-        visible_mesh_components.value.push(surface_id)
+        visible_mesh_components.value.push(surface_id);
       }
     }
 
     for (const [block_id, style] of Object.entries(styles.blocks || {})) {
       if (style.visibility) {
-        visible_mesh_components.value.push(block_id)
+        visible_mesh_components.value.push(block_id);
       }
     }
 
-    return visible_mesh_components
+    return visible_mesh_components;
   }
 
   function modelMeshComponentVisibility(id, component_type, component_id) {
     if (component_type === "Corner") {
-      return modelCornersStyleStore.modelCornerVisibility(id, component_id)
-    } else if (component_type === "Line") {
-      return modelLinesStyleStore.modelLineVisibility(id, component_id)
-    } else if (component_type === "Surface") {
-      return modelSurfacesStyleStore.modelSurfaceVisibility(id, component_id)
-    } else if (component_type === "Block") {
-      return modelBlocksStyleStore.modelBlockVisibility(id, component_id)
-    }
-    throw new Error(`Unknown model component_type: ${component_type}`)
+      return modelCornersStyleStore.modelCornerVisibility(id, component_id);
+    }
+    if (component_type === "Line") {
+      return modelLinesStyleStore.modelLineVisibility(id, component_id);
+    }
+    if (component_type === "Surface") {
+      return modelSurfacesStyleStore.modelSurfaceVisibility(id, component_id);
+    }
+    if (component_type === "Block") {
+      return modelBlocksStyleStore.modelBlockVisibility(id, component_id);
+    }
+    throw new Error(`Unknown model component_type: ${component_type}`);
   }
 
   function modelColor(id) {
-    return dataStyleStateStore.getStyle(id).color
+    return dataStyleStateStore.getStyle(id).color;
   }
   function setModelColor(id, color) {
     return viewerStore.request(
@@ -101,95 +104,76 @@ export function useModelStyle() {
       { id, color },
       {
         response_function: () => {
-          dataStyleStateStore.styles[id].color = color
-          console.log(setModelColor.name, { id }, modelColor(id))
+          dataStyleStateStore.styles[id].color = color;
+          console.log(setModelColor.name, { id }, modelColor(id));
         },
       },
-    )
+    );
   }
 
-  async function setModelMeshComponentsVisibility(
-    id,
-    component_geode_ids,
-    visibility,
-  ) {
-    const component_type = await dataStore.meshComponentType(
-      id,
-      component_geode_ids[0],
-    )
+  async function setModelMeshComponentsVisibility(id, component_geode_ids, visibility) {
+    const component_type = await dataStore.meshComponentType(id, component_geode_ids[0]);
     if (component_type === "Corner") {
-      return modelCornersStyleStore.setModelCornersVisibility(
-        id,
-        component_geode_ids,
-        visibility,
-      )
-    } else if (component_type === "Line") {
-      return modelLinesStyleStore.setModelLinesVisibility(
-        id,
-        component_geode_ids,
-        visibility,
-      )
-    } else if (component_type === "Surface") {
+      return modelCornersStyleStore.setModelCornersVisibility(id, component_geode_ids, visibility);
+    }
+    if (component_type === "Line") {
+      return modelLinesStyleStore.setModelLinesVisibility(id, component_geode_ids, visibility);
+    }
+    if (component_type === "Surface") {
       return modelSurfacesStyleStore.setModelSurfacesVisibility(
         id,
         component_geode_ids,
         visibility,
-      )
-    } else if (component_type === "Block") {
-      return modelBlocksStyleStore.setModelBlocksVisibility(
-        id,
-        component_geode_ids,
-        visibility,
-      )
-    } else {
-      throw new Error(`Unknown model component_type: ${component_type}`)
+      );
     }
+    if (component_type === "Block") {
+      return modelBlocksStyleStore.setModelBlocksVisibility(id, component_geode_ids, visibility);
+    }
+    throw new Error(`Unknown model component_type: ${component_type}`);
   }
 
   function applyModelStyle(id) {
-    const style = dataStyleStateStore.getStyle(id)
-    const promise_array = []
+    const style = dataStyleStateStore.getStyle(id);
+    const promise_array = [];
     for (const [key, value] of Object.entries(style)) {
       if (key === "visibility") {
-        promise_array.push(setModelVisibility(id, value))
+        promise_array.push(setModelVisibility(id, value));
       } else if (key === "corners") {
-        promise_array.push(modelCornersStyleStore.applyModelCornersStyle(id))
+        promise_array.push(modelCornersStyleStore.applyModelCornersStyle(id));
       } else if (key === "lines") {
-        promise_array.push(modelLinesStyleStore.applyModelLinesStyle(id))
+        promise_array.push(modelLinesStyleStore.applyModelLinesStyle(id));
       } else if (key === "surfaces") {
-        promise_array.push(modelSurfacesStyleStore.applyModelSurfacesStyle(id))
+        promise_array.push(modelSurfacesStyleStore.applyModelSurfacesStyle(id));
       } else if (key === "blocks") {
-        promise_array.push(modelBlocksStyleStore.applyModelBlocksStyle(id))
+        promise_array.push(modelBlocksStyleStore.applyModelBlocksStyle(id));
       } else if (key === "points") {
-        promise_array.push(modelPointsStyleStore.applyModelPointsStyle(id))
+        promise_array.push(modelPointsStyleStore.applyModelPointsStyle(id));
       } else if (key === "edges") {
-        promise_array.push(modelEdgesStyleStore.applyModelEdgesStyle(id))
+        promise_array.push(modelEdgesStyleStore.applyModelEdgesStyle(id));
       } else {
-        throw new Error(`Unknown model key: ${key}`)
+        throw new Error(`Unknown model key: ${key}`);
       }
     }
-    return Promise.all(promise_array)
+    return Promise.all(promise_array);
   }
 
   async function setModelMeshComponentsDefaultStyle(id) {
-    const item = await dataStore.item(id)
-    const { mesh_components } = item
-    const promise_array = []
+    const item = await dataStore.item(id);
+    const { mesh_components } = item;
+    const promise_array = [];
     if ("Corner" in mesh_components) {
-      promise_array.push(modelCornersStyleStore.setModelCornersDefaultStyle(id))
+      promise_array.push(modelCornersStyleStore.setModelCornersDefaultStyle(id));
     }
     if ("Line" in mesh_components) {
-      promise_array.push(modelLinesStyleStore.setModelLinesDefaultStyle(id))
+      promise_array.push(modelLinesStyleStore.setModelLinesDefaultStyle(id));
     }
     if ("Surface" in mesh_components) {
-      promise_array.push(
-        modelSurfacesStyleStore.setModelSurfacesDefaultStyle(id),
-      )
+      promise_array.push(modelSurfacesStyleStore.setModelSurfacesDefaultStyle(id));
     }
     if ("Block" in mesh_components) {
-      promise_array.push(modelBlocksStyleStore.setModelBlocksDefaultStyle(id))
+      promise_array.push(modelBlocksStyleStore.setModelBlocksDefaultStyle(id));
     }
-    return promise_array
+    return promise_array;
   }
 
   return {
@@ -207,5 +191,5 @@ export function useModelStyle() {
     ...useModelLinesStyle(),
     ...useModelPointsStyle(),
     ...useModelSurfacesStyle(),
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/lines/color.js b/internal/stores/data_style/model/lines/color.js
index fd9de94d..7f3e6f95 100644
--- a/internal/stores/data_style/model/lines/color.js
+++ b/internal/stores/data_style/model/lines/color.js
@@ -1,38 +1,35 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelLinesCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelLinesCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_lines_schemas = viewer_schemas.opengeodeweb_viewer.model.lines
+const model_lines_schemas = viewer_schemas.opengeodeweb_viewer.model.lines;
 
 export function useModelLinesColorStyle() {
-  const dataStore = useDataStore()
-  const viewerStore = useViewerStore()
-  const modelLinesCommonStyle = useModelLinesCommonStyle()
+  const dataStore = useDataStore();
+  const viewerStore = useViewerStore();
+  const modelLinesCommonStyle = useModelLinesCommonStyle();
   function modelLineColor(id, line_id) {
-    return modelLinesCommonStyle.modelLineStyle(id, line_id).color
+    return modelLinesCommonStyle.modelLineStyle(id, line_id).color;
   }
   function saveModelLineColor(id, line_id, color) {
-    modelLinesCommonStyle.modelLineStyle(id, line_id).color = color
+    modelLinesCommonStyle.modelLineStyle(id, line_id).color = color;
   }
   async function setModelLinesColor(id, line_ids, color) {
     if (!line_ids || line_ids.length === 0) {
-      return
+      return;
     }
-    const line_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-      id,
-      line_ids,
-    )
+    const line_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, line_ids);
     if (!line_viewer_ids || line_viewer_ids.length === 0) {
-      console.warn(
-        "[setModelLinesColor] No viewer IDs found, skipping color request",
-        { id, line_ids },
-      )
-      return
+      console.warn("[setModelLinesColor] No viewer IDs found, skipping color request", {
+        id,
+        line_ids,
+      });
+      return;
     }
     return viewerStore.request(
       model_lines_schemas.color,
@@ -40,21 +37,21 @@ export function useModelLinesColorStyle() {
       {
         response_function: () => {
           for (const line_id of line_ids) {
-            saveModelLineColor(id, line_id, color)
+            saveModelLineColor(id, line_id, color);
           }
           console.log(
             setModelLinesColor.name,
             { id },
             { line_ids },
             JSON.stringify(modelLineColor(id, line_ids[0])),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
     modelLineColor,
     setModelLinesColor,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/lines/common.js b/internal/stores/data_style/model/lines/common.js
index 6ed96220..ec9564b9 100644
--- a/internal/stores/data_style/model/lines/common.js
+++ b/internal/stores/data_style/model/lines/common.js
@@ -1,21 +1,21 @@
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
 
 export function useModelLinesCommonStyle() {
-  const dataStyleStateStore = useDataStyleStateStore()
+  const dataStyleStateStore = useDataStyleStateStore();
 
   function modelLinesStyle(id) {
-    return dataStyleStateStore.getStyle(id).lines
+    return dataStyleStateStore.getStyle(id).lines;
   }
 
   function modelLineStyle(id, line_id) {
     if (!modelLinesStyle(id)[line_id]) {
-      modelLinesStyle(id)[line_id] = {}
+      modelLinesStyle(id)[line_id] = {};
     }
-    return modelLinesStyle(id)[line_id]
+    return modelLinesStyle(id)[line_id];
   }
 
   return {
     modelLinesStyle,
     modelLineStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/lines/index.js b/internal/stores/data_style/model/lines/index.js
index eff26416..dfd97b60 100644
--- a/internal/stores/data_style/model/lines/index.js
+++ b/internal/stores/data_style/model/lines/index.js
@@ -1,30 +1,26 @@
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelLinesColorStyle } from "./color"
-import { useModelLinesCommonStyle } from "./common"
-import { useModelLinesVisibilityStyle } from "./visibility"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelLinesColorStyle } from "./color";
+import { useModelLinesCommonStyle } from "./common";
+import { useModelLinesVisibilityStyle } from "./visibility";
 
 async function setModelLinesDefaultStyle(_id) {
   // Placeholder for oxlint
 }
 
 export function useModelLinesStyle() {
-  const dataStore = useDataStore()
-  const modelLinesCommonStyle = useModelLinesCommonStyle()
-  const modelLinesVisibilityStyle = useModelLinesVisibilityStyle()
-  const modelLinesColorStyle = useModelLinesColorStyle()
+  const dataStore = useDataStore();
+  const modelLinesCommonStyle = useModelLinesCommonStyle();
+  const modelLinesVisibilityStyle = useModelLinesVisibilityStyle();
+  const modelLinesColorStyle = useModelLinesColorStyle();
 
   async function applyModelLinesStyle(id) {
-    const style = modelLinesCommonStyle.modelLinesStyle(id)
-    const line_ids = await dataStore.getLinesGeodeIds(id)
+    const style = modelLinesCommonStyle.modelLinesStyle(id);
+    const line_ids = await dataStore.getLinesGeodeIds(id);
     return Promise.all([
-      modelLinesVisibilityStyle.setModelLinesVisibility(
-        id,
-        line_ids,
-        style.visibility,
-      ),
+      modelLinesVisibilityStyle.setModelLinesVisibility(id, line_ids, style.visibility),
       modelLinesColorStyle.setModelLinesColor(id, line_ids, style.color),
-    ])
+    ]);
   }
 
   return {
@@ -33,5 +29,5 @@ export function useModelLinesStyle() {
     ...modelLinesCommonStyle,
     ...modelLinesVisibilityStyle,
     ...modelLinesColorStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/lines/visibility.js b/internal/stores/data_style/model/lines/visibility.js
index 8d8e181f..4edbf7e3 100644
--- a/internal/stores/data_style/model/lines/visibility.js
+++ b/internal/stores/data_style/model/lines/visibility.js
@@ -1,38 +1,35 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelLinesCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelLinesCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_lines_schemas = viewer_schemas.opengeodeweb_viewer.model.lines
+const model_lines_schemas = viewer_schemas.opengeodeweb_viewer.model.lines;
 
 export function useModelLinesVisibilityStyle() {
-  const dataStore = useDataStore()
-  const viewerStore = useViewerStore()
-  const modelLinesCommonStyle = useModelLinesCommonStyle()
+  const dataStore = useDataStore();
+  const viewerStore = useViewerStore();
+  const modelLinesCommonStyle = useModelLinesCommonStyle();
   function modelLineVisibility(id, line_id) {
-    return modelLinesCommonStyle.modelLineStyle(id, line_id).visibility
+    return modelLinesCommonStyle.modelLineStyle(id, line_id).visibility;
   }
   function saveModelLineVisibility(id, line_id, visibility) {
-    modelLinesCommonStyle.modelLineStyle(id, line_id).visibility = visibility
+    modelLinesCommonStyle.modelLineStyle(id, line_id).visibility = visibility;
   }
   async function setModelLinesVisibility(id, line_ids, visibility) {
     if (!line_ids || line_ids.length === 0) {
-      return
+      return;
     }
-    const line_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-      id,
-      line_ids,
-    )
+    const line_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, line_ids);
     if (!line_viewer_ids || line_viewer_ids.length === 0) {
-      console.warn(
-        "[setModelLinesVisibility] No viewer IDs found, skipping visibility request",
-        { id, line_ids },
-      )
-      return
+      console.warn("[setModelLinesVisibility] No viewer IDs found, skipping visibility request", {
+        id,
+        line_ids,
+      });
+      return;
     }
     return viewerStore.request(
       model_lines_schemas.visibility,
@@ -40,21 +37,21 @@ export function useModelLinesVisibilityStyle() {
       {
         response_function: () => {
           for (const line_id of line_ids) {
-            saveModelLineVisibility(id, line_id, visibility)
+            saveModelLineVisibility(id, line_id, visibility);
           }
           console.log(
             setModelLinesVisibility.name,
             { id },
             { line_ids },
             modelLineVisibility(id, line_ids[0]),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
     modelLineVisibility,
     setModelLinesVisibility,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/points/common.js b/internal/stores/data_style/model/points/common.js
index 4b05ea0e..22e168c6 100644
--- a/internal/stores/data_style/model/points/common.js
+++ b/internal/stores/data_style/model/points/common.js
@@ -1,13 +1,13 @@
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
 
 export function useModelPointsCommonStyle() {
-  const dataStyleStateStore = useDataStyleStateStore()
+  const dataStyleStateStore = useDataStyleStateStore();
 
   function modelPointsStyle(id) {
-    return dataStyleStateStore.getStyle(id).points
+    return dataStyleStateStore.getStyle(id).points;
   }
 
   return {
     modelPointsStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/points/index.js b/internal/stores/data_style/model/points/index.js
index 1c3dc66e..f7a1931f 100644
--- a/internal/stores/data_style/model/points/index.js
+++ b/internal/stores/data_style/model/points/index.js
@@ -1,19 +1,19 @@
 // Local imports
-import { useModelPointsCommonStyle } from "./common"
-import { useModelPointsSizeStyle } from "./size"
-import { useModelPointsVisibilityStyle } from "./visibility"
+import { useModelPointsCommonStyle } from "./common";
+import { useModelPointsSizeStyle } from "./size";
+import { useModelPointsVisibilityStyle } from "./visibility";
 
 export function useModelPointsStyle() {
-  const modelPointsCommonStyle = useModelPointsCommonStyle()
-  const modelPointsVisibilityStyle = useModelPointsVisibilityStyle()
-  const modelPointsSizeStyle = useModelPointsSizeStyle()
+  const modelPointsCommonStyle = useModelPointsCommonStyle();
+  const modelPointsVisibilityStyle = useModelPointsVisibilityStyle();
+  const modelPointsSizeStyle = useModelPointsSizeStyle();
 
   function applyModelPointsStyle(id) {
-    const style = modelPointsCommonStyle.modelPointsStyle(id)
+    const style = modelPointsCommonStyle.modelPointsStyle(id);
     return Promise.all([
       modelPointsVisibilityStyle.setModelPointsVisibility(id, style.visibility),
       modelPointsSizeStyle.setModelPointsSize(id, style.size),
-    ])
+    ]);
   }
 
   return {
@@ -21,5 +21,5 @@ export function useModelPointsStyle() {
     ...modelPointsCommonStyle,
     ...modelPointsVisibilityStyle,
     ...modelPointsSizeStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/points/size.js b/internal/stores/data_style/model/points/size.js
index 3299e9ec..14087d51 100644
--- a/internal/stores/data_style/model/points/size.js
+++ b/internal/stores/data_style/model/points/size.js
@@ -1,19 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useModelPointsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useModelPointsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_points_schemas = viewer_schemas.opengeodeweb_viewer.model.points
+const model_points_schemas = viewer_schemas.opengeodeweb_viewer.model.points;
 
 export function useModelPointsSizeStyle() {
-  const viewerStore = useViewerStore()
-  const modelPointsCommonStyle = useModelPointsCommonStyle()
+  const viewerStore = useViewerStore();
+  const modelPointsCommonStyle = useModelPointsCommonStyle();
 
   function modelPointsSize(id) {
-    return modelPointsCommonStyle.modelPointsStyle(id).size
+    return modelPointsCommonStyle.modelPointsStyle(id).size;
   }
 
   function setModelPointsSize(id, size) {
@@ -22,15 +22,15 @@ export function useModelPointsSizeStyle() {
       { id, size },
       {
         response_function: () => {
-          modelPointsCommonStyle.modelPointsStyle(id).size = size
-          console.log(setModelPointsSize.name, { id }, modelPointsSize(id))
+          modelPointsCommonStyle.modelPointsStyle(id).size = size;
+          console.log(setModelPointsSize.name, { id }, modelPointsSize(id));
         },
       },
-    )
+    );
   }
 
   return {
     modelPointsSize,
     setModelPointsSize,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/points/visibility.js b/internal/stores/data_style/model/points/visibility.js
index 0be93261..98a48048 100644
--- a/internal/stores/data_style/model/points/visibility.js
+++ b/internal/stores/data_style/model/points/visibility.js
@@ -1,19 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useModelPointsCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useModelPointsCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_points_schemas = viewer_schemas.opengeodeweb_viewer.model.points
+const model_points_schemas = viewer_schemas.opengeodeweb_viewer.model.points;
 
 export function useModelPointsVisibilityStyle() {
-  const viewerStore = useViewerStore()
-  const modelPointsCommonStyle = useModelPointsCommonStyle()
+  const viewerStore = useViewerStore();
+  const modelPointsCommonStyle = useModelPointsCommonStyle();
 
   function modelPointsVisibility(id) {
-    return modelPointsCommonStyle.modelPointsStyle(id).visibility
+    return modelPointsCommonStyle.modelPointsStyle(id).visibility;
   }
 
   function setModelPointsVisibility(id, visibility) {
@@ -22,19 +22,15 @@ export function useModelPointsVisibilityStyle() {
       { id, visibility },
       {
         response_function: () => {
-          modelPointsCommonStyle.modelPointsStyle(id).visibility = visibility
-          console.log(
-            setModelPointsVisibility.name,
-            { id },
-            modelPointsVisibility(id),
-          )
+          modelPointsCommonStyle.modelPointsStyle(id).visibility = visibility;
+          console.log(setModelPointsVisibility.name, { id }, modelPointsVisibility(id));
         },
       },
-    )
+    );
   }
 
   return {
     modelPointsVisibility,
     setModelPointsVisibility,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/surfaces/color.js b/internal/stores/data_style/model/surfaces/color.js
index 98a7ad45..d638c9f3 100644
--- a/internal/stores/data_style/model/surfaces/color.js
+++ b/internal/stores/data_style/model/surfaces/color.js
@@ -1,38 +1,35 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelSurfacesCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelSurfacesCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_surfaces_schemas = viewer_schemas.opengeodeweb_viewer.model.surfaces
+const model_surfaces_schemas = viewer_schemas.opengeodeweb_viewer.model.surfaces;
 
 export function useModelSurfacesColorStyle() {
-  const dataStore = useDataStore()
-  const viewerStore = useViewerStore()
-  const modelSurfacesCommonStyle = useModelSurfacesCommonStyle()
+  const dataStore = useDataStore();
+  const viewerStore = useViewerStore();
+  const modelSurfacesCommonStyle = useModelSurfacesCommonStyle();
   function modelSurfaceColor(id, surface_id) {
-    return modelSurfacesCommonStyle.modelSurfaceStyle(id, surface_id).color
+    return modelSurfacesCommonStyle.modelSurfaceStyle(id, surface_id).color;
   }
   function saveModelSurfaceColor(id, surface_id, color) {
-    modelSurfacesCommonStyle.modelSurfaceStyle(id, surface_id).color = color
+    modelSurfacesCommonStyle.modelSurfaceStyle(id, surface_id).color = color;
   }
   async function setModelSurfacesColor(id, surface_ids, color) {
     if (!surface_ids || surface_ids.length === 0) {
-      return
+      return;
     }
-    const surface_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-      id,
-      surface_ids,
-    )
+    const surface_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, surface_ids);
     if (!surface_viewer_ids || surface_viewer_ids.length === 0) {
-      console.warn(
-        "[setModelSurfacesColor] No viewer IDs found, skipping color request",
-        { id, surface_ids },
-      )
-      return
+      console.warn("[setModelSurfacesColor] No viewer IDs found, skipping color request", {
+        id,
+        surface_ids,
+      });
+      return;
     }
     return viewerStore.request(
       model_surfaces_schemas.color,
@@ -40,21 +37,21 @@ export function useModelSurfacesColorStyle() {
       {
         response_function: () => {
           for (const surface_id of surface_ids) {
-            saveModelSurfaceColor(id, surface_id, color)
+            saveModelSurfaceColor(id, surface_id, color);
           }
           console.log(
             setModelSurfacesColor.name,
             { id },
             { surface_ids },
             JSON.stringify(modelSurfaceColor(id, surface_ids[0])),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
     modelSurfaceColor,
     setModelSurfacesColor,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/surfaces/common.js b/internal/stores/data_style/model/surfaces/common.js
index c278ac14..ff2627c9 100644
--- a/internal/stores/data_style/model/surfaces/common.js
+++ b/internal/stores/data_style/model/surfaces/common.js
@@ -1,21 +1,21 @@
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
 
 export function useModelSurfacesCommonStyle() {
-  const dataStyleStateStore = useDataStyleStateStore()
+  const dataStyleStateStore = useDataStyleStateStore();
 
   function modelSurfacesStyle(id) {
-    return dataStyleStateStore.getStyle(id).surfaces
+    return dataStyleStateStore.getStyle(id).surfaces;
   }
 
   function modelSurfaceStyle(id, surface_id) {
     if (!modelSurfacesStyle(id)[surface_id]) {
-      modelSurfacesStyle(id)[surface_id] = {}
+      modelSurfacesStyle(id)[surface_id] = {};
     }
-    return modelSurfacesStyle(id)[surface_id]
+    return modelSurfacesStyle(id)[surface_id];
   }
 
   return {
     modelSurfacesStyle,
     modelSurfaceStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/surfaces/index.js b/internal/stores/data_style/model/surfaces/index.js
index 7ad39e2f..aefd5d0c 100644
--- a/internal/stores/data_style/model/surfaces/index.js
+++ b/internal/stores/data_style/model/surfaces/index.js
@@ -1,34 +1,26 @@
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelSurfacesColorStyle } from "./color"
-import { useModelSurfacesCommonStyle } from "./common"
-import { useModelSurfacesVisibilityStyle } from "./visibility"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelSurfacesColorStyle } from "./color";
+import { useModelSurfacesCommonStyle } from "./common";
+import { useModelSurfacesVisibilityStyle } from "./visibility";
 
 async function setModelSurfacesDefaultStyle(_id) {
   // Placeholder for oxlint
 }
 
 export function useModelSurfacesStyle() {
-  const dataStore = useDataStore()
-  const modelSurfacesCommonStyle = useModelSurfacesCommonStyle()
-  const modelSurfacesVisibilityStyle = useModelSurfacesVisibilityStyle()
-  const modelSurfacesColorStyle = useModelSurfacesColorStyle()
+  const dataStore = useDataStore();
+  const modelSurfacesCommonStyle = useModelSurfacesCommonStyle();
+  const modelSurfacesVisibilityStyle = useModelSurfacesVisibilityStyle();
+  const modelSurfacesColorStyle = useModelSurfacesColorStyle();
 
   async function applyModelSurfacesStyle(id) {
-    const style = modelSurfacesCommonStyle.modelSurfacesStyle(id)
-    const surface_ids = await dataStore.getSurfacesGeodeIds(id)
+    const style = modelSurfacesCommonStyle.modelSurfacesStyle(id);
+    const surface_ids = await dataStore.getSurfacesGeodeIds(id);
     return Promise.all([
-      modelSurfacesVisibilityStyle.setModelSurfacesVisibility(
-        id,
-        surface_ids,
-        style.visibility,
-      ),
-      modelSurfacesColorStyle.setModelSurfacesColor(
-        id,
-        surface_ids,
-        style.color,
-      ),
-    ])
+      modelSurfacesVisibilityStyle.setModelSurfacesVisibility(id, surface_ids, style.visibility),
+      modelSurfacesColorStyle.setModelSurfacesColor(id, surface_ids, style.color),
+    ]);
   }
 
   return {
@@ -37,5 +29,5 @@ export function useModelSurfacesStyle() {
     ...modelSurfacesCommonStyle,
     ...modelSurfacesVisibilityStyle,
     ...modelSurfacesColorStyle,
-  }
+  };
 }
diff --git a/internal/stores/data_style/model/surfaces/visibility.js b/internal/stores/data_style/model/surfaces/visibility.js
index 0bc29551..79c7b9e2 100644
--- a/internal/stores/data_style/model/surfaces/visibility.js
+++ b/internal/stores/data_style/model/surfaces/visibility.js
@@ -1,39 +1,35 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelSurfacesCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelSurfacesCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_surfaces_schemas = viewer_schemas.opengeodeweb_viewer.model.surfaces
+const model_surfaces_schemas = viewer_schemas.opengeodeweb_viewer.model.surfaces;
 
 export function useModelSurfacesVisibilityStyle() {
-  const dataStore = useDataStore()
-  const viewerStore = useViewerStore()
-  const modelSurfacesCommonStyle = useModelSurfacesCommonStyle()
+  const dataStore = useDataStore();
+  const viewerStore = useViewerStore();
+  const modelSurfacesCommonStyle = useModelSurfacesCommonStyle();
   function modelSurfaceVisibility(id, surface_id) {
-    return modelSurfacesCommonStyle.modelSurfaceStyle(id, surface_id).visibility
+    return modelSurfacesCommonStyle.modelSurfaceStyle(id, surface_id).visibility;
   }
   function saveModelSurfaceVisibility(id, surface_id, visibility) {
-    modelSurfacesCommonStyle.modelSurfaceStyle(id, surface_id).visibility =
-      visibility
+    modelSurfacesCommonStyle.modelSurfaceStyle(id, surface_id).visibility = visibility;
   }
   async function setModelSurfacesVisibility(id, surface_ids, visibility) {
     if (!surface_ids || surface_ids.length === 0) {
-      return
+      return;
     }
-    const surface_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-      id,
-      surface_ids,
-    )
+    const surface_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, surface_ids);
     if (!surface_viewer_ids || surface_viewer_ids.length === 0) {
       console.warn(
         "[setModelSurfacesVisibility] No viewer IDs found, skipping visibility request",
         { id, surface_ids },
-      )
-      return
+      );
+      return;
     }
     return viewerStore.request(
       model_surfaces_schemas.visibility,
@@ -41,21 +37,21 @@ export function useModelSurfacesVisibilityStyle() {
       {
         response_function: () => {
           for (const surface_id of surface_ids) {
-            saveModelSurfaceVisibility(id, surface_id, visibility)
+            saveModelSurfaceVisibility(id, surface_id, visibility);
           }
           console.log(
             setModelSurfacesVisibility.name,
             { id },
             { surface_ids },
             modelSurfaceVisibility(id, surface_ids[0]),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
     modelSurfaceVisibility,
     setModelSurfacesVisibility,
-  }
+  };
 }
diff --git a/internal/stores/data_style/state.js b/internal/stores/data_style/state.js
index e0b5f2f1..ce70b902 100644
--- a/internal/stores/data_style/state.js
+++ b/internal/stores/data_style/state.js
@@ -1,24 +1,24 @@
 export const useDataStyleStateStore = defineStore("dataStyleState", () => {
-  const styles = reactive({})
+  const styles = reactive({});
 
   const objectVisibility = computed(() => (id) => {
     if (styles[id]) {
-      return styles[id].visibility
+      return styles[id].visibility;
     }
-    return false
-  })
+    return false;
+  });
   const selectedObjects = computed(() => {
-    const selection = []
+    const selection = [];
     for (const [id, value] of Object.entries(styles)) {
       if (value.visibility === true) {
-        selection.push(id)
+        selection.push(id);
       }
     }
-    return selection
-  })
+    return selection;
+  });
 
   function getStyle(id) {
-    return styles[id]
+    return styles[id];
   }
 
   return {
@@ -26,5 +26,5 @@ export const useDataStyleStateStore = defineStore("dataStyleState", () => {
     styles,
     objectVisibility,
     selectedObjects,
-  }
-})
+  };
+});
diff --git a/internal/utils/api_fetch.js b/internal/utils/api_fetch.js
index e5d15211..522bf55f 100644
--- a/internal/utils/api_fetch.js
+++ b/internal/utils/api_fetch.js
@@ -1,75 +1,65 @@
-import _ from "lodash"
-import { useFeedbackStore } from "@ogw_front/stores/feedback"
-import { validate_schema } from "@ogw_front/utils/validate_schema"
+import _ from "lodash";
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
+import { validate_schema } from "@ogw_front/utils/validate_schema";
 
-const ERROR_400 = 400
+const ERROR_400 = 400;
 
 export function api_fetch(
   microservice,
   { schema, params },
   { request_error_function, response_function, response_error_function } = {},
 ) {
-  const feedbackStore = useFeedbackStore()
+  const feedbackStore = useFeedbackStore();
 
-  const body = params || {}
+  const body = params || {};
 
-  const { valid, error: schema_error } = validate_schema(schema, body)
+  const { valid, error: schema_error } = validate_schema(schema, body);
 
   if (!valid) {
     if (process.env.NODE_ENV !== "production") {
-      console.log("Bad request", schema_error, schema, params)
+      console.log("Bad request", schema_error, schema, params);
     }
-    feedbackStore.add_error(ERROR_400, schema.$id, "Bad request", schema_error)
-    throw new Error(`${schema.$id}: ${schema_error}`)
+    feedbackStore.add_error(ERROR_400, schema.$id, "Bad request", schema_error);
+    throw new Error(`${schema.$id}: ${schema_error}`);
   }
 
-  microservice.start_request()
+  microservice.start_request();
 
-  const method = schema.methods.find((methodItem) => methodItem !== "OPTIONS")
+  const method = schema.methods.find((methodItem) => methodItem !== "OPTIONS");
   const request_options = {
     method,
-  }
+  };
   if (!_.isEmpty(body)) {
-    request_options.body = body
+    request_options.body = body;
   }
 
   if (schema.max_retry) {
-    request_options.max_retry = schema.max_retry
+    request_options.max_retry = schema.max_retry;
   }
   return $fetch(schema.$id, {
     baseURL: microservice.base_url,
     ...request_options,
     onRequestError({ error }) {
-      microservice.stop_request()
-      feedbackStore.add_error(
-        error.code,
-        schema.$id,
-        error.message,
-        error.stack,
-      )
+      microservice.stop_request();
+      feedbackStore.add_error(error.code, schema.$id, error.message, error.stack);
       if (request_error_function) {
-        request_error_function(error)
+        request_error_function(error);
       }
     },
     onResponse({ response }) {
       if (response.ok) {
-        microservice.stop_request()
+        microservice.stop_request();
         if (response_function) {
-          response_function(response._data)
+          response_function(response._data);
         }
       }
     },
     onResponseError({ response }) {
-      microservice.stop_request()
-      feedbackStore.add_error(
-        response.status,
-        schema.$id,
-        response.name,
-        response.description,
-      )
+      microservice.stop_request();
+      feedbackStore.add_error(response.status, schema.$id, response.name, response.description);
       if (response_error_function) {
-        response_error_function(response)
+        response_error_function(response);
       }
     },
-  })
+  });
 }
diff --git a/internal/utils/upload_file.js b/internal/utils/upload_file.js
index b62b2900..bee87bca 100644
--- a/internal/utils/upload_file.js
+++ b/internal/utils/upload_file.js
@@ -1,55 +1,50 @@
-import { useFeedbackStore } from "@ogw_front/stores/feedback.js"
+import { useFeedbackStore } from "@ogw_front/stores/feedback.js";
 
 async function upload_file(
   microservice,
   { route, file },
   { request_error_function, response_function, response_error_function } = {},
 ) {
-  console.log("[UPLOAD_FILE] Uploading file", { route, file })
-  const feedbackStore = useFeedbackStore()
+  console.log("[UPLOAD_FILE] Uploading file", { route, file });
+  const feedbackStore = useFeedbackStore();
   if (!(file instanceof File)) {
-    throw new Error("file must be a instance of File")
+    throw new Error("file must be a instance of File");
   }
 
-  const body = new FormData()
-  body.append("file", file)
+  const body = new FormData();
+  body.append("file", file);
 
   const request_options = {
     method: "PUT",
     body: body,
-  }
-  microservice.start_request()
-  return $fetch(route, {
+  };
+  microservice.start_request();
+  return await $fetch(route, {
     baseURL: microservice.base_url || "",
     ...request_options,
     onRequestError({ error }) {
-      microservice.stop_request()
-      feedbackStore.add_error(error.code, route, error.message, error.stack)
+      microservice.stop_request();
+      feedbackStore.add_error(error.code, route, error.message, error.stack);
       if (request_error_function) {
-        request_error_function(error)
+        request_error_function(error);
       }
     },
     onResponse({ response }) {
       if (response.ok) {
-        microservice.stop_request()
+        microservice.stop_request();
         if (response_function) {
-          response_function(response)
+          response_function(response);
         }
       }
     },
     onResponseError({ response }) {
-      microservice.stop_request()
-      feedbackStore.add_error(
-        response.status,
-        route,
-        response.name,
-        response.description,
-      )
+      microservice.stop_request();
+      feedbackStore.add_error(response.status, route, response.name, response.description);
       if (response_error_function) {
-        response_error_function(response)
+        response_error_function(response);
       }
     },
-  })
+  });
 }
 
-export { upload_file }
+export { upload_file };
diff --git a/internal/utils/viewer_call.js b/internal/utils/viewer_call.js
index ecaa3dea..b089c787 100644
--- a/internal/utils/viewer_call.js
+++ b/internal/utils/viewer_call.js
@@ -1,64 +1,51 @@
-import pTimeout from "p-timeout"
-import { useFeedbackStore } from "@ogw_front/stores/feedback"
-import { validate_schema } from "@ogw_front/utils/validate_schema"
+import pTimeout from "p-timeout";
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
+import { validate_schema } from "@ogw_front/utils/validate_schema";
 
-const ERROR_400 = 400
+const ERROR_400 = 400;
 
 export async function viewer_call(
   microservice,
   { schema, params = {} },
-  {
-    request_error_function,
-    response_function,
-    response_error_function,
-    timeout,
-  } = {},
+  { request_error_function, response_function, response_error_function, timeout } = {},
 ) {
-  const feedbackStore = useFeedbackStore()
+  const feedbackStore = useFeedbackStore();
 
-  const { valid, error: schema_error } = validate_schema(schema, params)
+  const { valid, error: schema_error } = validate_schema(schema, params);
 
   if (!valid) {
     if (process.env.NODE_ENV !== "production") {
-      console.log("Bad request", schema_error, schema, params)
+      console.log("Bad request", schema_error, schema, params);
     }
-    feedbackStore.add_error(ERROR_400, schema.$id, "Bad request", schema_error)
-    throw new Error(`${schema.$id}: ${schema_error}`)
+    feedbackStore.add_error(ERROR_400, schema.$id, "Bad request", schema_error);
+    throw new Error(`${schema.$id}: ${schema_error}`);
   }
 
-  const { client } = microservice
+  const { client } = microservice;
 
   async function performCall() {
     if (!client.getConnection) {
-      return
+      return;
     }
-    microservice.start_request()
+    microservice.start_request();
 
     try {
-      const value = await client
-        .getConnection()
-        .getSession()
-        .call(schema.$id, [params])
+      const value = await client.getConnection().getSession().call(schema.$id, [params]);
       if (response_function) {
-        response_function(value)
+        response_function(value);
       }
-      return value
+      return value;
     } catch (error) {
-      feedbackStore.add_error(
-        error.code,
-        schema.$id,
-        error.message,
-        error.message,
-      )
+      feedbackStore.add_error(error.code, schema.$id, error.message, error.message);
       if (request_error_function) {
-        request_error_function(error)
+        request_error_function(error);
       }
       if (response_error_function) {
-        response_error_function(error)
+        response_error_function(error);
       }
-      throw error
+      throw error;
     } finally {
-      microservice.stop_request()
+      microservice.stop_request();
     }
   }
 
@@ -66,8 +53,8 @@ export async function viewer_call(
     return await pTimeout(performCall(), {
       milliseconds: timeout,
       message: `${schema.$id}: Timed out after ${timeout}ms`,
-    })
+    });
   }
 
-  return await performCall()
+  return await performCall();
 }
diff --git a/nuxt.config.js b/nuxt.config.js
index 99b9b192..8dd7ebb8 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,11 +1,11 @@
 // Node imports
-import path, { dirname } from "node:path"
-import { fileURLToPath } from "node:url"
+import path, { dirname } from "node:path";
+import { fileURLToPath } from "node:url";
 
 // Local imports
-import package_json from "./package.json"
+import package_json from "./package.json";
 
-const __dirname = dirname(fileURLToPath(import.meta.url))
+const __dirname = dirname(fileURLToPath(import.meta.url));
 
 export default defineNuxtConfig({
   runtimeConfig: {
@@ -16,15 +16,11 @@ export default defineNuxtConfig({
       NUXT_ROOT_PATH: __dirname,
       MODE: process.env.MODE || "CLOUD",
       PROJECT: package_json.name,
-      SITE_BRANCH:
-        process.env.NODE_ENV === "production" ? process.env.SITE_BRANCH : "",
+      SITE_BRANCH: process.env.NODE_ENV === "production" ? process.env.SITE_BRANCH : "",
     },
   },
 
-  modules: [
-    ["@pinia/nuxt", { autoImports: ["defineStore", "storeToRefs"] }],
-    "@vueuse/nuxt",
-  ],
+  modules: [["@pinia/nuxt", { autoImports: ["defineStore", "storeToRefs"] }], "@vueuse/nuxt"],
   imports: {
     scan: false,
   },
@@ -62,4 +58,4 @@ export default defineNuxtConfig({
       ],
     },
   },
-})
+});
diff --git a/scripts/generate_geode_objects.js b/scripts/generate_geode_objects.js
index 91890d45..a7f7bec0 100644
--- a/scripts/generate_geode_objects.js
+++ b/scripts/generate_geode_objects.js
@@ -1,26 +1,24 @@
 /* oxlint-disable vitest/require-hook */
-import fs from "node:fs"
-import path from "node:path"
-import process from "node:process"
+import fs from "node:fs";
+import path from "node:path";
+import process from "node:process";
 
-const output_file = path.join(process.cwd(), "assets/geode_objects")
+const output_file = path.join(process.cwd(), "assets/geode_objects");
 
 if (fs.existsSync(output_file)) {
-  fs.unlinkSync(output_file)
+  fs.unlinkSync(output_file);
 }
 
-const files = fs.readdirSync("assets/img/geode_objects/")
-let imports = ""
-let geode_objects = "const geode_objects = {"
+const files = fs.readdirSync("assets/img/geode_objects/");
+let imports = "";
+let geode_objects = "const geode_objects = {";
 
 for (const file of files) {
-  const geode_object = file.replace(".svg", "")
-  imports +=
-    `import ${geode_object} from "@ogw_front/assets/img/geode_objects/${file}"` +
-    "\n"
-  geode_objects += `${geode_object}:{\n tooltip: "${geode_object}",\n image: ${geode_object},\n},\n`
+  const geode_object = file.replace(".svg", "");
+  imports += `import ${geode_object} from "@ogw_front/assets/img/geode_objects/${file}"\n`;
+  geode_objects += `${geode_object}:{\n tooltip: "${geode_object}",\n image: ${geode_object},\n},\n`;
 }
-geode_objects += "}\n\n export default geode_objects"
-fs.writeFileSync(output_file, `${imports}\n${geode_objects}`)
+geode_objects += "}\n\n export default geode_objects";
+fs.writeFileSync(output_file, `${imports}\n${geode_objects}`);
 
-console.log("Fichier JS créé avec succès :", output_file)
+console.log("Fichier JS créé avec succès :", output_file);
diff --git a/server/api/app/kill.post.js b/server/api/app/kill.post.js
index 2aa31c93..57aeef11 100644
--- a/server/api/app/kill.post.js
+++ b/server/api/app/kill.post.js
@@ -1,12 +1,12 @@
 // Node imports
 
 // Third party imports
-import { defineEventHandler } from "h3"
+import { defineEventHandler } from "h3";
 
 // Local imports
 
 export default defineEventHandler(() => {
-  console.log("Killing node server process")
+  console.log("Killing node server process");
   // oxlint-disable-next-line no-process-exit
-  process.exit()
-})
+  process.exit();
+});
diff --git a/server/api/app/project_folder_path.post.js b/server/api/app/project_folder_path.post.js
index 233fd143..cebcbb94 100644
--- a/server/api/app/project_folder_path.post.js
+++ b/server/api/app/project_folder_path.post.js
@@ -1,32 +1,32 @@
 // Node imports
 
 // Third party imports
-import { createError, defineEventHandler } from "h3"
+import { createError, defineEventHandler } from "h3";
 
 // Local imports
 import {
   createPath,
   generateProjectFolderPath,
-} from "@geode/opengeodeweb-front/app/utils/local/path.js"
+} from "@geode/opengeodeweb-front/app/utils/local/path.js";
 
-import { useRuntimeConfig } from "nitropack/runtime"
+import { useRuntimeConfig } from "nitropack/runtime";
 
 export default defineEventHandler(async (event) => {
   try {
-    const config = useRuntimeConfig(event).public
-    const { PROJECT } = config
-    const projectFolderPath = generateProjectFolderPath(PROJECT)
-    await createPath(projectFolderPath)
+    const config = useRuntimeConfig(event).public;
+    const { PROJECT } = config;
+    const projectFolderPath = generateProjectFolderPath(PROJECT);
+    await createPath(projectFolderPath);
 
     return {
       statusCode: 200,
       projectFolderPath,
-    }
+    };
   } catch (error) {
-    console.log(error)
+    console.log(error);
     throw createError({
       statusCode: 500,
       statusMessage: error.message,
-    })
+    });
   }
-})
+});
diff --git a/server/api/app/run_back.post.js b/server/api/app/run_back.post.js
index af9f767e..7586b309 100644
--- a/server/api/app/run_back.post.js
+++ b/server/api/app/run_back.post.js
@@ -1,37 +1,37 @@
 // Node imports
 
 // Third party imports
-import { createError, defineEventHandler, readBody } from "h3"
+import { createError, defineEventHandler, readBody } from "h3";
 
 // Local imports
 import {
   addMicroserviceMetadatas,
   runBack,
-} from "@geode/opengeodeweb-front/app/utils/local/microservices.js"
+} from "@geode/opengeodeweb-front/app/utils/local/microservices.js";
 
-import { useRuntimeConfig } from "nitropack/runtime"
+import { useRuntimeConfig } from "nitropack/runtime";
 
 export default defineEventHandler(async (event) => {
   try {
-    const config = useRuntimeConfig(event).public
-    const { COMMAND_BACK, NUXT_ROOT_PATH } = config
-    const { args } = await readBody(event)
-    const port = await runBack(COMMAND_BACK, NUXT_ROOT_PATH, args)
+    const config = useRuntimeConfig(event).public;
+    const { COMMAND_BACK, NUXT_ROOT_PATH } = config;
+    const { args } = await readBody(event);
+    const port = await runBack(COMMAND_BACK, NUXT_ROOT_PATH, args);
     await addMicroserviceMetadatas(args.projectFolderPath, {
       type: "back",
       name: COMMAND_BACK,
       port,
-    })
+    });
 
     return {
       statusCode: 200,
       port,
-    }
+    };
   } catch (error) {
-    console.log(error)
+    console.log(error);
     throw createError({
       statusCode: 500,
       statusMessage: error.message,
-    })
+    });
   }
-})
+});
diff --git a/server/api/app/run_viewer.post.js b/server/api/app/run_viewer.post.js
index 537a9131..6a6d04a6 100644
--- a/server/api/app/run_viewer.post.js
+++ b/server/api/app/run_viewer.post.js
@@ -1,37 +1,37 @@
 // Node imports
 
 // Third party imports
-import { createError, defineEventHandler, readBody } from "h3"
+import { createError, defineEventHandler, readBody } from "h3";
 
 // Local imports
 import {
   addMicroserviceMetadatas,
   runViewer,
-} from "@geode/opengeodeweb-front/app/utils/local/microservices.js"
+} from "@geode/opengeodeweb-front/app/utils/local/microservices.js";
 
-import { useRuntimeConfig } from "nitropack/runtime"
+import { useRuntimeConfig } from "nitropack/runtime";
 
 export default defineEventHandler(async (event) => {
   try {
-    const config = useRuntimeConfig(event).public
-    const { COMMAND_VIEWER, NUXT_ROOT_PATH } = config
-    const { args } = await readBody(event)
-    const port = await runViewer(COMMAND_VIEWER, NUXT_ROOT_PATH, args)
+    const config = useRuntimeConfig(event).public;
+    const { COMMAND_VIEWER, NUXT_ROOT_PATH } = config;
+    const { args } = await readBody(event);
+    const port = await runViewer(COMMAND_VIEWER, NUXT_ROOT_PATH, args);
     await addMicroserviceMetadatas(args.projectFolderPath, {
       type: "viewer",
       name: COMMAND_VIEWER,
       port,
-    })
+    });
 
     return {
       statusCode: 200,
       port,
-    }
+    };
   } catch (error) {
-    console.log(error)
+    console.log(error);
     throw createError({
       statusCode: 500,
       statusMessage: error.message,
-    })
+    });
   }
-})
+});
diff --git a/server/api/extensions/run.post.js b/server/api/extensions/run.post.js
index 9ebf3196..7cca2e55 100644
--- a/server/api/extensions/run.post.js
+++ b/server/api/extensions/run.post.js
@@ -1,99 +1,92 @@
 // Node imports
-import fs from "node:fs"
-import path from "node:path"
+import fs from "node:fs";
+import path from "node:path";
 
 // Third party imports
-import { createError, defineEventHandler, readBody } from "h3"
+import { createError, defineEventHandler, readBody } from "h3";
 
 // Local imports
 import {
   addMicroserviceMetadatas,
   runBack,
-} from "@geode/opengeodeweb-front/app/utils/local/microservices.js"
-import { extensionsConf } from "@geode/opengeodeweb-front/app/utils/config.js"
-import { unzipFile } from "@geode/opengeodeweb-front/app/utils/server.js"
+} from "@geode/opengeodeweb-front/app/utils/local/microservices.js";
+import { extensionsConf } from "@geode/opengeodeweb-front/app/utils/config.js";
+import { unzipFile } from "@geode/opengeodeweb-front/app/utils/server.js";
 
-const CODE_200 = 200
+const CODE_200 = 200;
 
 export default defineEventHandler(async (event) => {
   try {
-    const body = await readBody(event)
-    const { projectFolderPath, projectName } = body
-    const extensionsConfig = extensionsConf(projectName)
+    const body = await readBody(event);
+    const { projectFolderPath, projectName } = body;
+    const extensionsConfig = extensionsConf(projectName);
 
     const extensionsArray = await Promise.all(
       Object.keys(extensionsConfig).map(async (extensionID) => {
-        const extensionPath = extensionsConfig[extensionID].path
+        const extensionPath = extensionsConfig[extensionID].path;
         const unzippedExtensionPath = await unzipFile(
           extensionPath,
           path.join(projectFolderPath, "extensions"),
-        )
-        const metadataPath = path.join(unzippedExtensionPath, "metadata.json")
-        const metadataContent = await fs.promises.readFile(metadataPath, "utf8")
+        );
+        const metadataPath = path.join(unzippedExtensionPath, "metadata.json");
+        const metadataContent = await fs.promises.readFile(metadataPath, "utf8");
 
         if (!metadataContent) {
           throw createError({
             statusCode: 400,
             statusMessage: "Invalid extension file: missing metadata.json",
-          })
+          });
         }
-        const metadata = JSON.parse(metadataContent)
-        console.log("runExtensions", { metadata })
+        const metadata = JSON.parse(metadataContent);
+        console.log("runExtensions", { metadata });
 
-        const { id, name, version, backendExecutable, frontendFile } = metadata
-        console.log("runExtensions", { id, name, version, backendExecutable })
+        const { id, name, version, backendExecutable, frontendFile } = metadata;
+        console.log("runExtensions", { id, name, version, backendExecutable });
 
         if (!frontendFile) {
           throw createError({
             statusCode: 400,
-            statusMessage:
-              "Invalid extension file: missing frontend JavaScript",
-          })
+            statusMessage: "Invalid extension file: missing frontend JavaScript",
+          });
         }
         if (!backendExecutable) {
           throw createError({
             statusCode: 400,
             statusMessage: "Invalid extension file: missing backend executable",
-          })
+          });
         }
 
-        const frontendFilePath = path.join(unzippedExtensionPath, frontendFile)
-        const frontendContent = await fs.promises.readFile(
-          frontendFilePath,
-          "utf8",
-        )
-        const backendExecutablePath = path.join(
-          unzippedExtensionPath,
-          backendExecutable,
-        )
-        fs.chmodSync(backendExecutablePath, "755")
+        const frontendFilePath = path.join(unzippedExtensionPath, frontendFile);
+        const frontendContent = await fs.promises.readFile(frontendFilePath, "utf8");
+        const backendExecutablePath = path.join(unzippedExtensionPath, backendExecutable);
+        fs.chmodSync(backendExecutablePath, "755");
         const port = await runBack(backendExecutable, backendExecutablePath, {
           projectFolderPath,
-        })
+        });
         await addMicroserviceMetadatas(projectFolderPath, {
           type: "back",
           name,
           port,
-        })
+        });
         return {
           id,
           name,
           version,
           frontendContent,
           port,
-        }
+        };
       }),
-    )
+    );
 
     return {
       statusCode: CODE_200,
       extensionsArray,
-    }
+    };
   } catch (error) {
-    console.error("Error running extensions:", error)
+    console.error("Error running extensions:", error);
     throw createError({
       statusCode: 500,
       statusMessage: error.message,
-    })
+    });
   }
-})
+});
diff --git a/server/api/extensions/upload.put.js b/server/api/extensions/upload.put.js
index a33ac49e..f6f7b8ab 100644
--- a/server/api/extensions/upload.put.js
+++ b/server/api/extensions/upload.put.js
@@ -1,35 +1,27 @@
 // Node imports
-import { finished, pipeline } from "node:stream/promises"
-import { Readable } from "node:stream"
-import fs from "node:fs"
-import path from "node:path"
+import { finished, pipeline } from "node:stream/promises";
+import { Readable } from "node:stream";
+import fs from "node:fs";
+import path from "node:path";
 
 // Third party imports
-import {
-  createError,
-  defineEventHandler,
-  getRequestHeaders,
-  getRequestWebStream,
-} from "h3"
-import StreamZip from "node-stream-zip"
-import busboy from "busboy"
-import sanitize from "sanitize-filename"
+import { createError, defineEventHandler, getRequestHeaders, getRequestWebStream } from "h3";
+import StreamZip from "node-stream-zip";
+import busboy from "busboy";
+import sanitize from "sanitize-filename";
 
 // Local imports
-import {
-  addExtensionToConf,
-  confFolderPath,
-} from "@geode/opengeodeweb-front/app/utils/config.js"
+import { addExtensionToConf, confFolderPath } from "@geode/opengeodeweb-front/app/utils/config.js";
 
-const CODE_201 = 201
-const FILE_SIZE_LIMIT = 107_374_182 // 100 MB
+const CODE_201 = 201;
+const FILE_SIZE_LIMIT = 107_374_182;
 
 export default defineEventHandler(async (event) => {
-  const projectName = "vease"
-  const writePromises = []
-  const savedFiles = []
+  const projectName = "vease";
+  const writePromises = [];
+  const savedFiles = [];
 
-  const configFolderPath = confFolderPath(projectName)
+  const configFolderPath = confFolderPath(projectName);
 
   const busboyInstance = busboy({
     headers: getRequestHeaders(event),
@@ -37,71 +29,65 @@ export default defineEventHandler(async (event) => {
       fileSize: FILE_SIZE_LIMIT,
       files: 1,
     },
-  })
+  });
 
   busboyInstance.on("file", (fieldname, fileStream, info) => {
     if (fieldname !== "file") {
       // Drain & ignore unwanted fields
-      fileStream.resume()
-      return
+      fileStream.resume();
+      return;
     }
 
-    const safeFilename = sanitize(info.filename)
-    const targetPath = path.join(configFolderPath, safeFilename)
+    const safeFilename = sanitize(info.filename);
+    const targetPath = path.join(configFolderPath, safeFilename);
 
     const writePromise = (async () => {
-      const writeStream = fs.createWriteStream(targetPath)
-      await pipeline(fileStream, writeStream)
-      savedFiles.push(targetPath)
-      console.log("File written:", targetPath)
-    })()
-
-    writePromises.push(writePromise)
-    fileStream.on("limit", () =>
-      busboyInstance.destroy(new Error("File too large")),
-    )
-  })
+      const writeStream = fs.createWriteStream(targetPath);
+      await pipeline(fileStream, writeStream);
+      savedFiles.push(targetPath);
+      console.log("File written:", targetPath);
+    })();
+
+    writePromises.push(writePromise);
+    fileStream.on("limit", () => busboyInstance.destroy(new Error("File too large")));
+  });
 
   busboyInstance.on("field", (name, value) => {
-    console.log(`Field ${name}: ${value}`)
-  })
+    console.log(`Field ${name}: ${value}`);
+  });
 
-  busboyInstance.on("filesLimit", () =>
-    busboyInstance.destroy(new Error("Too many files")),
-  )
-  busboyInstance.on("partsLimit", () =>
-    busboyInstance.destroy(new Error("Too many parts")),
-  )
+  busboyInstance.on("filesLimit", () => busboyInstance.destroy(new Error("Too many files")));
+  busboyInstance.on("partsLimit", () => busboyInstance.destroy(new Error("Too many parts")));
 
-  const webStream = getRequestWebStream(event)
-  Readable.fromWeb(webStream).pipe(busboyInstance)
-  await finished(busboyInstance)
+  const webStream = getRequestWebStream(event);
+  Readable.fromWeb(webStream).pipe(busboyInstance);
+  await finished(busboyInstance);
 
   if (writePromises.length > 0) {
-    await Promise.all(writePromises)
-    console.log("All disk writes completed")
+    await Promise.all(writePromises);
+    console.log("All disk writes completed");
   }
 
   if (savedFiles.length === 0) {
-    throw createError({ statusCode: 400, message: "No file received" })
+    throw createError({ statusCode: 400, message: "No file received" });
   }
 
   await Promise.all(
     savedFiles.map(async (file) => {
-      const StreamZipAsync = StreamZip.async
+      const StreamZipAsync = StreamZip.async;
       const zip = new StreamZipAsync({
         file,
         storeEntries: true,
-      })
-      const metadataJson = await zip.entryData("metadata.json")
-      const metadata = JSON.parse(metadataJson)
-      const { id } = metadata
+      });
+      const metadataJson = await zip.entryData("metadata.json");
+      const metadata = JSON.parse(metadataJson);
+      const { id } = metadata;
       await addExtensionToConf(projectName, {
         extensionID: id,
         extensionPath: file,
-      })
+      });
     }),
-  )
+  );
 
-  return { statusCode: CODE_201 }
-})
+  return { statusCode: CODE_201 };
+});
diff --git a/tests/integration/setup.js b/tests/integration/setup.js
index 193995e5..e79cc62f 100644
--- a/tests/integration/setup.js
+++ b/tests/integration/setup.js
@@ -1,40 +1,32 @@
 // Node.js imports
-import { WebSocket } from "ws"
-import path from "node:path"
+import { WebSocket } from "ws";
+import path from "node:path";
 
 // Third party imports
-import { afterAll, beforeAll, expect, vi } from "vitest"
+import { afterAll, beforeAll, expect, vi } from "vitest";
 
 // Local imports
-import {
-  addMicroserviceMetadatas,
-  runBack,
-  runViewer,
-} from "@ogw_front/utils/local/microservices"
-import {
-  createPath,
-  generateProjectFolderPath,
-} from "@ogw_front/utils/local/path"
-import { Status } from "@ogw_front/utils/status"
-import { appMode } from "@ogw_front/utils/local/app_mode"
-import { importFile } from "@ogw_front/utils/file_import_workflow"
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useGeodeStore } from "@ogw_front/stores/geode"
-import { useInfraStore } from "@ogw_front/stores/infra"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { addMicroserviceMetadatas, runBack, runViewer } from "@ogw_front/utils/local/microservices";
+import { createPath, generateProjectFolderPath } from "@ogw_front/utils/local/path";
+import { Status } from "@ogw_front/utils/status";
+import { appMode } from "@ogw_front/utils/local/app_mode";
+import { importFile } from "@ogw_front/utils/file_import_workflow";
+import { setupActivePinia } from "@ogw_tests/utils";
+import { useGeodeStore } from "@ogw_front/stores/geode";
+import { useInfraStore } from "@ogw_front/stores/infra";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const data_folder = path.join("tests", "integration", "data", "uploads")
+const data_folder = path.join("tests", "integration", "data", "uploads");
 
 async function runMicroservices() {
-  const geodeStore = useGeodeStore()
-  const infraStore = useInfraStore()
-  const viewerStore = useViewerStore()
-  infraStore.app_mode = appMode.BROWSER
-  const { COMMAND_BACK, PROJECT, COMMAND_VIEWER, NUXT_ROOT_PATH } =
-    useRuntimeConfig().public
-  const projectFolderPath = generateProjectFolderPath(PROJECT)
-  await createPath(projectFolderPath)
+  const geodeStore = useGeodeStore();
+  const infraStore = useInfraStore();
+  const viewerStore = useViewerStore();
+  infraStore.app_mode = appMode.BROWSER;
+  const { COMMAND_BACK, PROJECT, COMMAND_VIEWER, NUXT_ROOT_PATH } = useRuntimeConfig().public;
+  const projectFolderPath = generateProjectFolderPath(PROJECT);
+  await createPath(projectFolderPath);
 
   const [back_port, viewer_port] = await Promise.all([
     runBack(COMMAND_BACK, NUXT_ROOT_PATH, {
@@ -42,58 +34,56 @@ async function runMicroservices() {
       uploadFolderPath: data_folder,
     }),
     runViewer(COMMAND_VIEWER, NUXT_ROOT_PATH, { projectFolderPath }),
-  ])
+  ]);
 
-  console.log("back_port", back_port)
-  console.log("viewer_port", viewer_port)
+  console.log("back_port", back_port);
+  console.log("viewer_port", viewer_port);
 
   await addMicroserviceMetadatas(projectFolderPath, {
     type: "back",
     name: COMMAND_BACK,
     port: back_port,
-  })
+  });
   await addMicroserviceMetadatas(projectFolderPath, {
     type: "viewer",
     name: COMMAND_VIEWER,
     port: viewer_port,
-  })
+  });
 
-  geodeStore.default_local_port = back_port
-  viewerStore.default_local_port = viewer_port
+  geodeStore.default_local_port = back_port;
+  viewerStore.default_local_port = viewer_port;
 
   return {
     projectFolderPath,
-  }
+  };
 }
 
 async function setupIntegrationTests(file_name, geode_object) {
-  setupActivePinia()
-  const viewerStore = useViewerStore()
-  const { projectFolderPath } = await runMicroservices()
-  await viewerStore.ws_connect()
-  const id = await importFile(file_name, geode_object)
-  expect(viewerStore.status).toBe(Status.CONNECTED)
-  console.log("end of setupIntegrationTests", { id, projectFolderPath })
-  return { id, projectFolderPath }
+  setupActivePinia();
+  const viewerStore = useViewerStore();
+  const { projectFolderPath } = await runMicroservices();
+  await viewerStore.ws_connect();
+  const id = await importFile(file_name, geode_object);
+  expect(viewerStore.status).toBe(Status.CONNECTED);
+  console.log("end of setupIntegrationTests", { id, projectFolderPath });
+  return { id, projectFolderPath };
 }
 
-const mockLockRequest = vi
-  .fn()
-  .mockImplementation(async (name, task) => await task({ name }))
+const mockLockRequest = vi.fn().mockImplementation(async (name, task) => await task({ name }));
 
 vi.stubGlobal("navigator", {
   ...navigator,
   locks: {
     request: mockLockRequest,
   },
-})
+});
 
 beforeAll(() => {
-  globalThis.WebSocket = WebSocket
-})
+  globalThis.WebSocket = WebSocket;
+});
 
 afterAll(() => {
-  delete globalThis.WebSocket
-})
+  delete globalThis.WebSocket;
+});
 
-export { runMicroservices, setupIntegrationTests }
+export { runMicroservices, setupIntegrationTests };
diff --git a/tests/integration/stores/data_style/mesh/cells.nuxt.test.js b/tests/integration/stores/data_style/mesh/cells.nuxt.test.js
index 9c8efd7d..961f47ed 100644
--- a/tests/integration/stores/data_style/mesh/cells.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/cells.nuxt.test.js
@@ -1,181 +1,155 @@
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { setupIntegrationTests } from "@ogw_tests/integration/setup"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { setupIntegrationTests } from "@ogw_tests/integration/setup";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const INTERVAL_TIMEOUT = 20_000
-const mesh_cells_schemas = viewer_schemas.opengeodeweb_viewer.mesh.cells
-const file_name = "test.og_rgd2d"
-const geode_object = "RegularGrid2D"
-const vertex_attribute = { name: "points" }
-const cell_attribute = { name: "RGB_data" }
+const INTERVAL_TIMEOUT = 20_000;
+const mesh_cells_schemas = viewer_schemas.opengeodeweb_viewer.mesh.cells;
+const file_name = "test.og_rgd2d";
+const geode_object = "RegularGrid2D";
+const vertex_attribute = { name: "points" };
+const cell_attribute = { name: "RGB_data" };
 
 let id = "",
-  projectFolderPath = ""
+  projectFolderPath = "";
 
 beforeEach(async () => {
-  ;({ id, projectFolderPath } = await setupIntegrationTests(
-    file_name,
-    geode_object,
-  ))
-}, INTERVAL_TIMEOUT)
+  ({ id, projectFolderPath } = await setupIntegrationTests(file_name, geode_object));
+}, INTERVAL_TIMEOUT);
 
 afterEach(async () => {
-  console.log("afterEach mesh cells kill", projectFolderPath)
-  await cleanupBackend(projectFolderPath)
-})
+  console.log("afterEach mesh cells kill", projectFolderPath);
+  await cleanupBackend(projectFolderPath);
+});
 
-describe("Mesh cells", async () => {
+describe("Mesh cells", () => {
   describe("Cells visibility", () => {
     test("Visibility true", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const visibility = true
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshCellsVisibility(id, visibility)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const visibility = true;
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshCellsVisibility(id, visibility);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_cells_schemas.visibility,
         { id, visibility },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshCellsVisibility(id)).toBe(visibility)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.meshCellsVisibility(id)).toBe(visibility);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Cells color", () => {
     test("Color red", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const color = { r: 255, g: 0, b: 0 }
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshCellsColor(id, color)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const color = { r: 255, g: 0, b: 0 };
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshCellsColor(id, color);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_cells_schemas.color,
         { id, color },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshCellsColor(id)).toStrictEqual(color)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.meshCellsColor(id)).toStrictEqual(color);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Cells vertex attribute", () => {
     test("Coloring vertex attribute", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshCellsVertexAttributeName(
-        id,
-        vertex_attribute.name,
-      )
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshCellsVertexAttributeName(id, vertex_attribute.name);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_cells_schemas.attribute.vertex.name,
         { id, ...vertex_attribute },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshCellsVertexAttributeName(id)).toBe(
-        vertex_attribute.name,
-      )
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.meshCellsVertexAttributeName(id)).toBe(vertex_attribute.name);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Cells cell attribute", () => {
     test("Coloring cell attribute", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshCellsCellAttributeName(
-        id,
-        cell_attribute.name,
-      )
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshCellsCellAttributeName(id, cell_attribute.name);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_cells_schemas.attribute.cell.name,
         { id, ...cell_attribute },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshCellsCellAttributeName(id)).toBe(
-        cell_attribute.name,
-      )
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.meshCellsCellAttributeName(id)).toBe(cell_attribute.name);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Cells active coloring", () => {
     test("test coloring", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
       const coloringTypes = [
         { name: "color" },
         {
           name: "vertex",
-          function: () =>
-            dataStyleStore.setMeshCellsVertexAttributeName(
-              id,
-              vertex_attribute.name,
-            ),
+          function: () => dataStyleStore.setMeshCellsVertexAttributeName(id, vertex_attribute.name),
         },
         {
           name: "cell",
-          function: () =>
-            dataStyleStore.setMeshCellsCellAttributeName(
-              id,
-              cell_attribute.name,
-            ),
+          function: () => dataStyleStore.setMeshCellsCellAttributeName(id, cell_attribute.name),
         },
-      ]
+      ];
       async function testColoring(coloringType, expectedColoringType) {
         if (coloringType.function) {
-          await coloringType.function()
+          await coloringType.function();
         }
-        const result = dataStyleStore.setMeshCellsActiveColoring(
-          id,
-          coloringType.name,
-        )
-        expect(result).toBeInstanceOf(Promise)
-        await result
-        expect(dataStyleStore.meshCellsActiveColoring(id)).toBe(
-          expectedColoringType,
-        )
-        expect(viewerStore.status).toBe(Status.CONNECTED)
+        const result = dataStyleStore.setMeshCellsActiveColoring(id, coloringType.name);
+        expect(result).toBeInstanceOf(Promise);
+        await result;
+        expect(dataStyleStore.meshCellsActiveColoring(id)).toBe(expectedColoringType);
+        expect(viewerStore.status).toBe(Status.CONNECTED);
       }
 
-      await testColoring(coloringTypes[0], "color")
-      await testColoring(coloringTypes[1], "vertex")
-      await testColoring(coloringTypes[2], "cell")
-    })
-  })
+      await testColoring(coloringTypes[0], "color");
+      await testColoring(coloringTypes[1], "vertex");
+      await testColoring(coloringTypes[2], "cell");
+    });
+  });
 
   test("Cells apply default style", async () => {
-    const dataStyleStore = useDataStyleStore()
-    const viewerStore = useViewerStore()
-    const result = dataStyleStore.applyMeshCellsStyle(id)
-    expect(result).toBeInstanceOf(Promise)
-    await result
-    expect(viewerStore.status).toBe(Status.CONNECTED)
-  })
-})
+    const dataStyleStore = useDataStyleStore();
+    const viewerStore = useViewerStore();
+    const result = dataStyleStore.applyMeshCellsStyle(id);
+    expect(result).toBeInstanceOf(Promise);
+    await result;
+    expect(viewerStore.status).toBe(Status.CONNECTED);
+  });
+});
diff --git a/tests/integration/stores/data_style/mesh/edges.nuxt.test.js b/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
index 26a84968..9d659249 100644
--- a/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
@@ -1,170 +1,144 @@
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { setupIntegrationTests } from "@ogw_tests/integration/setup"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { setupIntegrationTests } from "@ogw_tests/integration/setup";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const INTERVAL_TIMEOUT = 25_000
-const mesh_edges_schemas = viewer_schemas.opengeodeweb_viewer.mesh.edges
-const file_name = "test.og_edc3d"
-const geode_object = "EdgedCurve3D"
-const vertex_attribute = { name: "vertex_attribute" }
-const edge_attribute = { name: "edge_attribute" }
+const INTERVAL_TIMEOUT = 25_000;
+const mesh_edges_schemas = viewer_schemas.opengeodeweb_viewer.mesh.edges;
+const file_name = "test.og_edc3d";
+const geode_object = "EdgedCurve3D";
+const vertex_attribute = { name: "vertex_attribute" };
+const edge_attribute = { name: "edge_attribute" };
 
 let id = "",
-  projectFolderPath = ""
+  projectFolderPath = "";
 
 beforeEach(async () => {
-  ;({ id, projectFolderPath } = await setupIntegrationTests(
-    file_name,
-    geode_object,
-  ))
-}, INTERVAL_TIMEOUT)
+  ({ id, projectFolderPath } = await setupIntegrationTests(file_name, geode_object));
+}, INTERVAL_TIMEOUT);
 
 afterEach(async () => {
-  console.log("afterEach mesh edges kill", projectFolderPath)
-  await cleanupBackend(projectFolderPath)
-})
+  console.log("afterEach mesh edges kill", projectFolderPath);
+  await cleanupBackend(projectFolderPath);
+});
 
 describe("Mesh edges", () => {
   describe("Edges", () => {
     test("Edges visibility", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const visibility = true
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshEdgesVisibility(id, visibility)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const visibility = true;
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshEdgesVisibility(id, visibility);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_edges_schemas.visibility,
         { id, visibility },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshEdgesVisibility(id)).toBe(visibility)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
+      );
+      expect(dataStyleStore.meshEdgesVisibility(id)).toBe(visibility);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
 
     test("Edges color red", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const color = { r: 255, g: 0, b: 0 }
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshEdgesColor(id, color)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const color = { r: 255, g: 0, b: 0 };
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshEdgesColor(id, color);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_edges_schemas.color,
         { id, color },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshEdgesColor(id)).toStrictEqual(color)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
+      );
+      expect(dataStyleStore.meshEdgesColor(id)).toStrictEqual(color);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
 
     test("Edges vertex attribute", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
 
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshEdgesVertexAttributeName(
-        id,
-        vertex_attribute.name,
-      )
+      const spy = vi.spyOn(viewerStore, "request");
+      await dataStyleStore.setMeshEdgesVertexAttributeName(id, vertex_attribute.name);
       expect(spy).toHaveBeenCalledWith(
         mesh_edges_schemas.attribute.vertex.name,
         { id, ...vertex_attribute },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshEdgesVertexAttributeName(id)).toBe(
-        vertex_attribute.name,
-      )
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
+      );
+      expect(dataStyleStore.meshEdgesVertexAttributeName(id)).toBe(vertex_attribute.name);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
 
     test("Edges edge attribute", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
 
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshEdgesEdgeAttributeName(
-        id,
-        edge_attribute.name,
-      )
+      const spy = vi.spyOn(viewerStore, "request");
+      await dataStyleStore.setMeshEdgesEdgeAttributeName(id, edge_attribute.name);
       expect(spy).toHaveBeenCalledWith(
         mesh_edges_schemas.attribute.edge.name,
         { id, ...edge_attribute },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshEdgesEdgeAttributeName(id)).toBe(
-        edge_attribute.name,
-      )
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
+      );
+      expect(dataStyleStore.meshEdgesEdgeAttributeName(id)).toBe(edge_attribute.name);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
 
     test("Edges active coloring", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
       const coloringTypes = [
         { name: "color" },
         {
           name: "vertex",
-          function: () =>
-            dataStyleStore.setMeshEdgesVertexAttributeName(
-              id,
-              vertex_attribute.name,
-            ),
+          function: () => dataStyleStore.setMeshEdgesVertexAttributeName(id, vertex_attribute.name),
         },
         {
           name: "edge",
-          function: () =>
-            dataStyleStore.setMeshEdgesEdgeAttributeName(
-              id,
-              edge_attribute.name,
-            ),
+          function: () => dataStyleStore.setMeshEdgesEdgeAttributeName(id, edge_attribute.name),
         },
-      ]
+      ];
       async function testColoring(coloringType) {
         if (coloringType.function) {
-          await coloringType.function()
+          await coloringType.function();
         }
-        const result = dataStyleStore.setMeshEdgesActiveColoring(
-          id,
-          coloringType.name,
-        )
-        expect(result).toBeInstanceOf(Promise)
-        await result
-        expect(dataStyleStore.meshEdgesActiveColoring(id)).toBe(
-          coloringType.name,
-        )
-        expect(viewerStore.status).toBe(Status.CONNECTED)
+        const result = dataStyleStore.setMeshEdgesActiveColoring(id, coloringType.name);
+        expect(result).toBeInstanceOf(Promise);
+        await result;
+        expect(dataStyleStore.meshEdgesActiveColoring(id)).toBe(coloringType.name);
+        expect(viewerStore.status).toBe(Status.CONNECTED);
       }
 
-      await testColoring(coloringTypes[0])
-      await testColoring(coloringTypes[1])
-      await testColoring(coloringTypes[2])
-    })
+      await testColoring(coloringTypes[0]);
+      await testColoring(coloringTypes[1]);
+      await testColoring(coloringTypes[2]);
+    });
     test("Edges apply style", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const result = dataStyleStore.applyMeshEdgesStyle(id)
-      expect(result).toBeInstanceOf(Promise)
-      await result
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
-})
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const result = dataStyleStore.applyMeshEdgesStyle(id);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
+});
diff --git a/tests/integration/stores/data_style/mesh/index.nuxt.test.js b/tests/integration/stores/data_style/mesh/index.nuxt.test.js
index bbfcca7c..00960ee9 100644
--- a/tests/integration/stores/data_style/mesh/index.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/index.nuxt.test.js
@@ -1,65 +1,62 @@
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { setupIntegrationTests } from "@ogw_tests/integration/setup"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { setupIntegrationTests } from "@ogw_tests/integration/setup";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const INTERVAL_TIMEOUT = 20_000
-const mesh_schemas = viewer_schemas.opengeodeweb_viewer.mesh
-const file_name = "test.og_rgd3d"
-const geode_object = "RegularGrid3D"
+const INTERVAL_TIMEOUT = 20_000;
+const mesh_schemas = viewer_schemas.opengeodeweb_viewer.mesh;
+const file_name = "test.og_rgd3d";
+const geode_object = "RegularGrid3D";
 
 let id = "",
-  projectFolderPath = ""
+  projectFolderPath = "";
 
 beforeEach(async () => {
-  ;({ id, projectFolderPath } = await setupIntegrationTests(
-    file_name,
-    geode_object,
-  ))
-}, INTERVAL_TIMEOUT)
+  ({ id, projectFolderPath } = await setupIntegrationTests(file_name, geode_object));
+}, INTERVAL_TIMEOUT);
 
 afterEach(async () => {
-  console.log("afterEach mesh index kill", projectFolderPath)
-  await cleanupBackend(projectFolderPath)
-})
+  console.log("afterEach mesh index kill", projectFolderPath);
+  await cleanupBackend(projectFolderPath);
+});
 
 describe("Mesh", () => {
   describe("Mesh visibility", () => {
     test("Visibility true", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const visibility = true
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshVisibility(id, visibility)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const visibility = true;
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshVisibility(id, visibility);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_schemas.visibility,
         { id, visibility },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshVisibility(id)).toBe(visibility)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.meshVisibility(id)).toBe(visibility);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Apply mesh default style", () => {
     test("Apply mesh default style", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const result = dataStyleStore.applyMeshStyle(id)
-      expect(result).toBeInstanceOf(Promise)
-      await result
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
-})
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const result = dataStyleStore.applyMeshStyle(id);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
+});
diff --git a/tests/integration/stores/data_style/mesh/points.nuxt.test.js b/tests/integration/stores/data_style/mesh/points.nuxt.test.js
index 7eec1707..f33d4d7b 100644
--- a/tests/integration/stores/data_style/mesh/points.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/points.nuxt.test.js
@@ -1,166 +1,150 @@
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { setupIntegrationTests } from "@ogw_tests/integration/setup"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { setupIntegrationTests } from "@ogw_tests/integration/setup";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const INTERVAL_TIMEOUT = 20_000
-const mesh_points_schemas = viewer_schemas.opengeodeweb_viewer.mesh.points
-const file_name = "test.og_edc2d"
-const geode_object = "EdgedCurve2D"
-const vertex_attribute = { name: "points" }
+const INTERVAL_TIMEOUT = 20_000;
+const mesh_points_schemas = viewer_schemas.opengeodeweb_viewer.mesh.points;
+const file_name = "test.og_edc2d";
+const geode_object = "EdgedCurve2D";
+const vertex_attribute = { name: "points" };
 
 let id = "",
-  projectFolderPath = ""
+  projectFolderPath = "";
 
 beforeEach(async () => {
-  ;({ id, projectFolderPath } = await setupIntegrationTests(
-    file_name,
-    geode_object,
-  ))
-}, INTERVAL_TIMEOUT)
+  ({ id, projectFolderPath } = await setupIntegrationTests(file_name, geode_object));
+}, INTERVAL_TIMEOUT);
 
 afterEach(async () => {
-  console.log("afterEach mesh points kill", projectFolderPath)
-  await cleanupBackend(projectFolderPath)
-})
+  console.log("afterEach mesh points kill", projectFolderPath);
+  await cleanupBackend(projectFolderPath);
+});
 
 describe("Mesh points", () => {
   describe("Points visibility", () => {
     test("Visibility true", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const visibility = true
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshPointsVisibility(id, visibility)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const visibility = true;
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshPointsVisibility(id, visibility);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_points_schemas.visibility,
         { id, visibility },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshPointsVisibility(id)).toBe(visibility)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.meshPointsVisibility(id)).toBe(visibility);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Points color", () => {
     test("Color red", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const color = { r: 255, g: 0, b: 0 }
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshPointsColor(id, color)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const color = { r: 255, g: 0, b: 0 };
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshPointsColor(id, color);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_points_schemas.color,
         { id, color },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshPointsColor(id)).toStrictEqual(color)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.meshPointsColor(id)).toStrictEqual(color);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Points active coloring", () => {
     test("test coloring", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
       const coloringTypes = [
         { name: "color" },
         {
           name: "vertex",
           function: () =>
-            dataStyleStore.setMeshPointsVertexAttributeName(
-              id,
-              vertex_attribute.name,
-            ),
+            dataStyleStore.setMeshPointsVertexAttributeName(id, vertex_attribute.name),
         },
-      ]
+      ];
       async function testColoring(coloringType, expectedColoringType) {
         if (coloringType.function) {
-          await coloringType.function()
+          await coloringType.function();
         }
-        const result = dataStyleStore.setMeshPointsActiveColoring(
-          id,
-          coloringType.name,
-        )
-        expect(result).toBeInstanceOf(Promise)
-        await result
-        expect(dataStyleStore.meshPointsActiveColoring(id)).toBe(
-          expectedColoringType,
-        )
-        expect(viewerStore.status).toBe(Status.CONNECTED)
+        const result = dataStyleStore.setMeshPointsActiveColoring(id, coloringType.name);
+        expect(result).toBeInstanceOf(Promise);
+        await result;
+        expect(dataStyleStore.meshPointsActiveColoring(id)).toBe(expectedColoringType);
+        expect(viewerStore.status).toBe(Status.CONNECTED);
       }
 
-      await testColoring(coloringTypes[0], "color")
-      await testColoring(coloringTypes[1], "vertex")
-    })
-  })
+      await testColoring(coloringTypes[0], "color");
+      await testColoring(coloringTypes[1], "vertex");
+    });
+  });
 
   describe("Points size", () => {
     test("Size 20", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const size = 20
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshPointsSize(id, size)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const size = 20;
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshPointsSize(id, size);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_points_schemas.size,
         { id, size },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshPointsSize(id)).toBe(size)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.meshPointsSize(id)).toBe(size);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Points vertex attribute", () => {
     test("test coloring", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
 
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshPointsVertexAttributeName(
-        id,
-        vertex_attribute.name,
-      )
+      const spy = vi.spyOn(viewerStore, "request");
+      await dataStyleStore.setMeshPointsVertexAttributeName(id, vertex_attribute.name);
       expect(spy).toHaveBeenCalledWith(
         mesh_points_schemas.attribute.vertex.name,
         { id, ...vertex_attribute },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshPointsVertexAttributeName(id)).toBe(
-        vertex_attribute.name,
-      )
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.meshPointsVertexAttributeName(id)).toBe(vertex_attribute.name);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   test("Points apply default style", async () => {
-    const dataStyleStore = useDataStyleStore()
-    const viewerStore = useViewerStore()
-    const result = dataStyleStore.applyMeshPointsStyle(id)
-    expect(result).toBeInstanceOf(Promise)
-    await result
-    expect(viewerStore.status).toBe(Status.CONNECTED)
-  })
-})
+    const dataStyleStore = useDataStyleStore();
+    const viewerStore = useViewerStore();
+    const result = dataStyleStore.applyMeshPointsStyle(id);
+    expect(result).toBeInstanceOf(Promise);
+    await result;
+    expect(viewerStore.status).toBe(Status.CONNECTED);
+  });
+});
diff --git a/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js b/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js
index 2d43afac..90fdb322 100644
--- a/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js
@@ -1,182 +1,158 @@
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { setupIntegrationTests } from "@ogw_tests/integration/setup"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { setupIntegrationTests } from "@ogw_tests/integration/setup";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const INTERVAL_TIMEOUT = 20_000
-const mesh_polygons_schemas = viewer_schemas.opengeodeweb_viewer.mesh.polygons
-const file_name = "test.og_psf3d"
-const geode_object = "PolygonalSurface3D"
-const vertex_attribute = { name: "points" }
-const polygon_attribute = { name: "test_attribute" }
+const INTERVAL_TIMEOUT = 20_000;
+const mesh_polygons_schemas = viewer_schemas.opengeodeweb_viewer.mesh.polygons;
+const file_name = "test.og_psf3d";
+const geode_object = "PolygonalSurface3D";
+const vertex_attribute = { name: "points" };
+const polygon_attribute = { name: "test_attribute" };
 
 let id = "",
-  projectFolderPath = ""
+  projectFolderPath = "";
 
 beforeEach(async () => {
-  ;({ id, projectFolderPath } = await setupIntegrationTests(
-    file_name,
-    geode_object,
-  ))
-}, INTERVAL_TIMEOUT)
+  ({ id, projectFolderPath } = await setupIntegrationTests(file_name, geode_object));
+}, INTERVAL_TIMEOUT);
 
 afterEach(async () => {
-  console.log("afterEach mesh polygons kill", projectFolderPath)
-  await cleanupBackend(projectFolderPath)
-})
+  console.log("afterEach mesh polygons kill", projectFolderPath);
+  await cleanupBackend(projectFolderPath);
+});
 
 describe("Mesh polygons", () => {
   describe("Polygons visibility", () => {
     test("Visibility true", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const visibility = true
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshPolygonsVisibility(id, visibility)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const visibility = true;
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshPolygonsVisibility(id, visibility);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_polygons_schemas.visibility,
         { id, visibility },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshPolygonsVisibility(id)).toBe(visibility)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.meshPolygonsVisibility(id)).toBe(visibility);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Polygons color", () => {
     test("Color red", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const color = { r: 255, g: 0, b: 0 }
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshPolygonsColor(id, color)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const color = { r: 255, g: 0, b: 0 };
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshPolygonsColor(id, color);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_polygons_schemas.color,
         { id, color },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshPolygonsColor(id)).toStrictEqual(color)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.meshPolygonsColor(id)).toStrictEqual(color);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Polygons vertex attribute", () => {
     test("Coloring vertex attribute", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshPolygonsVertexAttributeName(
-        id,
-        vertex_attribute.name,
-      )
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshPolygonsVertexAttributeName(id, vertex_attribute.name);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_polygons_schemas.attribute.vertex.name,
         { id, ...vertex_attribute },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshPolygonsVertexAttributeName(id)).toBe(
-        vertex_attribute.name,
-      )
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.meshPolygonsVertexAttributeName(id)).toBe(vertex_attribute.name);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Polygons polygon attribute", () => {
     test("Coloring polygon attribute", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshPolygonsPolygonAttributeName(
-        id,
-        polygon_attribute.name,
-      )
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshPolygonsPolygonAttributeName(id, polygon_attribute.name);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_polygons_schemas.attribute.polygon.name,
         { id, ...polygon_attribute },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshPolygonsPolygonAttributeName(id)).toBe(
-        polygon_attribute.name,
-      )
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.meshPolygonsPolygonAttributeName(id)).toBe(polygon_attribute.name);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Polygons active coloring", () => {
     test("test coloring", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
       const coloringTypes = [
         { name: "color" },
         {
           name: "vertex",
           function: () =>
-            dataStyleStore.setMeshPolygonsVertexAttributeName(
-              id,
-              vertex_attribute.name,
-            ),
+            dataStyleStore.setMeshPolygonsVertexAttributeName(id, vertex_attribute.name),
         },
         {
           name: "polygon",
           function: () =>
-            dataStyleStore.setMeshPolygonsPolygonAttributeName(
-              id,
-              polygon_attribute.name,
-            ),
+            dataStyleStore.setMeshPolygonsPolygonAttributeName(id, polygon_attribute.name),
         },
-      ]
+      ];
 
       async function testColoring(coloringType, expectedColoringType) {
         if (coloringType.function) {
-          await coloringType.function()
+          await coloringType.function();
         }
-        const result = dataStyleStore.setMeshPolygonsActiveColoring(
-          id,
-          coloringType.name,
-        )
-        expect(result).toBeInstanceOf(Promise)
-        await result
-        expect(dataStyleStore.meshPolygonsActiveColoring(id)).toBe(
-          expectedColoringType,
-        )
-        expect(viewerStore.status).toBe(Status.CONNECTED)
+        const result = dataStyleStore.setMeshPolygonsActiveColoring(id, coloringType.name);
+        expect(result).toBeInstanceOf(Promise);
+        await result;
+        expect(dataStyleStore.meshPolygonsActiveColoring(id)).toBe(expectedColoringType);
+        expect(viewerStore.status).toBe(Status.CONNECTED);
       }
 
-      await testColoring(coloringTypes[0], "color")
-      await testColoring(coloringTypes[1], "vertex")
-      await testColoring(coloringTypes[2], "polygon")
-    })
-  })
+      await testColoring(coloringTypes[0], "color");
+      await testColoring(coloringTypes[1], "vertex");
+      await testColoring(coloringTypes[2], "polygon");
+    });
+  });
 
   test("Polygons apply default style", async () => {
-    const dataStyleStore = useDataStyleStore()
-    const viewerStore = useViewerStore()
-    const result = dataStyleStore.applyMeshPolygonsStyle(id)
-    expect(result).toBeInstanceOf(Promise)
-    await result
-    expect(viewerStore.status).toBe(Status.CONNECTED)
-  })
-})
+    const dataStyleStore = useDataStyleStore();
+    const viewerStore = useViewerStore();
+    const result = dataStyleStore.applyMeshPolygonsStyle(id);
+    expect(result).toBeInstanceOf(Promise);
+    await result;
+    expect(viewerStore.status).toBe(Status.CONNECTED);
+  });
+});
diff --git a/tests/integration/stores/data_style/mesh/polyhedra.nuxt.test.js b/tests/integration/stores/data_style/mesh/polyhedra.nuxt.test.js
index 733a2929..cf6cd2bd 100644
--- a/tests/integration/stores/data_style/mesh/polyhedra.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/polyhedra.nuxt.test.js
@@ -1,171 +1,147 @@
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { setupIntegrationTests } from "@ogw_tests/integration/setup"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { setupIntegrationTests } from "@ogw_tests/integration/setup";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const INTERVAL_TIMEOUT = 20_000
-const mesh_polyhedra_schemas = viewer_schemas.opengeodeweb_viewer.mesh.polyhedra
-const file_name = "test.vtu"
-const geode_object = "HybridSolid3D"
-const vertex_attribute = { name: "toto_on_vertices" }
-const polyhedron_attribute = { name: "toto_on_polyhedra" }
+const INTERVAL_TIMEOUT = 20_000;
+const mesh_polyhedra_schemas = viewer_schemas.opengeodeweb_viewer.mesh.polyhedra;
+const file_name = "test.vtu";
+const geode_object = "HybridSolid3D";
+const vertex_attribute = { name: "toto_on_vertices" };
+const polyhedron_attribute = { name: "toto_on_polyhedra" };
 
 let id = "",
-  projectFolderPath = ""
+  projectFolderPath = "";
 
 beforeEach(async () => {
-  ;({ id, projectFolderPath } = await setupIntegrationTests(
-    file_name,
-    geode_object,
-  ))
-}, INTERVAL_TIMEOUT)
+  ({ id, projectFolderPath } = await setupIntegrationTests(file_name, geode_object));
+}, INTERVAL_TIMEOUT);
 
 afterEach(async () => {
-  console.log("afterEach mesh cells kill", projectFolderPath)
-  await cleanupBackend(projectFolderPath)
-})
+  console.log("afterEach mesh cells kill", projectFolderPath);
+  await cleanupBackend(projectFolderPath);
+});
 
 describe("Mesh polyhedra", () => {
   describe("Polyhedra", () => {
     test("Polyhedra visibility", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const visibility = true
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshPolyhedraVisibility(id, visibility)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const visibility = true;
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshPolyhedraVisibility(id, visibility);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_polyhedra_schemas.visibility,
         { id, visibility },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshPolyhedraVisibility(id)).toBe(visibility)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
+      );
+      expect(dataStyleStore.meshPolyhedraVisibility(id)).toBe(visibility);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
 
     test("Polyhedra color red", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const color = { r: 255, g: 0, b: 0 }
-      const spy = vi.spyOn(viewerStore, "request")
-      const result = dataStyleStore.setMeshPolyhedraColor(id, color)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const color = { r: 255, g: 0, b: 0 };
+      const spy = vi.spyOn(viewerStore, "request");
+      const result = dataStyleStore.setMeshPolyhedraColor(id, color);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         mesh_polyhedra_schemas.color,
         { id, color },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.meshPolyhedraColor(id)).toStrictEqual(color)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
+      );
+      expect(dataStyleStore.meshPolyhedraColor(id)).toStrictEqual(color);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
 
     test("Polyhedra active coloring", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
       const coloringTypes = [
         { name: "color" },
         {
           name: "vertex",
           function: () =>
-            dataStyleStore.setMeshPolyhedraVertexAttributeName(
-              id,
-              vertex_attribute.name,
-            ),
+            dataStyleStore.setMeshPolyhedraVertexAttributeName(id, vertex_attribute.name),
         },
         {
           name: "polyhedron",
           function: () =>
-            dataStyleStore.setMeshPolyhedraPolyhedronAttributeName(
-              id,
-              polyhedron_attribute.name,
-            ),
+            dataStyleStore.setMeshPolyhedraPolyhedronAttributeName(id, polyhedron_attribute.name),
         },
-      ]
+      ];
       async function testColoring(coloringType, expectedColoringType) {
         if (coloringType.function) {
-          await coloringType.function()
+          await coloringType.function();
         }
-        const result = dataStyleStore.setMeshPolyhedraActiveColoring(
-          id,
-          coloringType.name,
-        )
-        expect(result).toBeInstanceOf(Promise)
-        await result
-        expect(dataStyleStore.meshPolyhedraActiveColoring(id)).toBe(
-          expectedColoringType,
-        )
-        expect(viewerStore.status).toBe(Status.CONNECTED)
+        const result = dataStyleStore.setMeshPolyhedraActiveColoring(id, coloringType.name);
+        expect(result).toBeInstanceOf(Promise);
+        await result;
+        expect(dataStyleStore.meshPolyhedraActiveColoring(id)).toBe(expectedColoringType);
+        expect(viewerStore.status).toBe(Status.CONNECTED);
       }
 
-      await testColoring(coloringTypes[0], "color")
-      await testColoring(coloringTypes[1], "vertex")
-      await testColoring(coloringTypes[2], "polyhedron")
-    })
-  })
+      await testColoring(coloringTypes[0], "color");
+      await testColoring(coloringTypes[1], "vertex");
+      await testColoring(coloringTypes[2], "polyhedron");
+    });
+  });
 
   test("Polyhedra vertex attribute", async () => {
-    const dataStyleStore = useDataStyleStore()
-    const viewerStore = useViewerStore()
+    const dataStyleStore = useDataStyleStore();
+    const viewerStore = useViewerStore();
 
-    const spy = vi.spyOn(viewerStore, "request")
-    await dataStyleStore.setMeshPolyhedraVertexAttributeName(
-      id,
-      vertex_attribute.name,
-    )
+    const spy = vi.spyOn(viewerStore, "request");
+    await dataStyleStore.setMeshPolyhedraVertexAttributeName(id, vertex_attribute.name);
     expect(spy).toHaveBeenCalledWith(
       mesh_polyhedra_schemas.attribute.vertex.name,
       { id, ...vertex_attribute },
       {
         response_function: expect.any(Function),
       },
-    )
-    expect(dataStyleStore.meshPolyhedraVertexAttributeName(id)).toBe(
-      vertex_attribute.name,
-    )
-    expect(viewerStore.status).toBe(Status.CONNECTED)
-  })
+    );
+    expect(dataStyleStore.meshPolyhedraVertexAttributeName(id)).toBe(vertex_attribute.name);
+    expect(viewerStore.status).toBe(Status.CONNECTED);
+  });
 
   test("Polyhedra polyhedron attribute", async () => {
-    const dataStyleStore = useDataStyleStore()
-    const viewerStore = useViewerStore()
+    const dataStyleStore = useDataStyleStore();
+    const viewerStore = useViewerStore();
 
-    const spy = vi.spyOn(viewerStore, "request")
-    await dataStyleStore.setMeshPolyhedraPolyhedronAttributeName(
-      id,
-      polyhedron_attribute.name,
-    )
+    const spy = vi.spyOn(viewerStore, "request");
+    await dataStyleStore.setMeshPolyhedraPolyhedronAttributeName(id, polyhedron_attribute.name);
     expect(spy).toHaveBeenCalledWith(
       mesh_polyhedra_schemas.attribute.polyhedron.name,
       { id, ...polyhedron_attribute },
       {
         response_function: expect.any(Function),
       },
-    )
-    expect(dataStyleStore.meshPolyhedraPolyhedronAttributeName(id)).toBe(
-      polyhedron_attribute.name,
-    )
-    expect(viewerStore.status).toBe(Status.CONNECTED)
-  })
+    );
+    expect(dataStyleStore.meshPolyhedraPolyhedronAttributeName(id)).toBe(polyhedron_attribute.name);
+    expect(viewerStore.status).toBe(Status.CONNECTED);
+  });
 
   test("Polyhedra apply default style", async () => {
-    const dataStyleStore = useDataStyleStore()
-    const viewerStore = useViewerStore()
-    const result = dataStyleStore.applyMeshPolyhedraStyle(id)
-    expect(result).toBeInstanceOf(Promise)
-    await result
-    expect(viewerStore.status).toBe(Status.CONNECTED)
-  })
-})
+    const dataStyleStore = useDataStyleStore();
+    const viewerStore = useViewerStore();
+    const result = dataStyleStore.applyMeshPolyhedraStyle(id);
+    expect(result).toBeInstanceOf(Promise);
+    await result;
+    expect(viewerStore.status).toBe(Status.CONNECTED);
+  });
+});
diff --git a/tests/integration/stores/data_style/model/blocks.nuxt.test.js b/tests/integration/stores/data_style/model/blocks.nuxt.test.js
index ab5dbf38..45ddf992 100644
--- a/tests/integration/stores/data_style/model/blocks.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/blocks.nuxt.test.js
@@ -1,109 +1,92 @@
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { setupIntegrationTests } from "@ogw_tests/integration/setup"
-import { useDataStore } from "@ogw_front/stores/data"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { setupIntegrationTests } from "@ogw_tests/integration/setup";
+import { useDataStore } from "@ogw_front/stores/data";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const INTERVAL_TIMEOUT = 20_000
-const model_blocks_schemas = viewer_schemas.opengeodeweb_viewer.model.blocks
-const file_name = "test.og_brep"
-const geode_object = "BRep"
+const INTERVAL_TIMEOUT = 20_000;
+const model_blocks_schemas = viewer_schemas.opengeodeweb_viewer.model.blocks;
+const file_name = "test.og_brep";
+const geode_object = "BRep";
 
 let id = "",
-  projectFolderPath = ""
+  projectFolderPath = "";
 
 beforeEach(async () => {
-  ;({ id, projectFolderPath } = await setupIntegrationTests(
-    file_name,
-    geode_object,
-  ))
-}, INTERVAL_TIMEOUT)
+  ({ id, projectFolderPath } = await setupIntegrationTests(file_name, geode_object));
+}, INTERVAL_TIMEOUT);
 
 afterEach(async () => {
-  console.log("afterEach model blocks kill", projectFolderPath)
-  await cleanupBackend(projectFolderPath)
-})
+  console.log("afterEach model blocks kill", projectFolderPath);
+  await cleanupBackend(projectFolderPath);
+});
 
 describe("Model blocks", () => {
   describe("Blocks visibility", () => {
     test("Visibility false", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const dataStore = useDataStore()
-      const block_ids = await dataStore.getBlocksGeodeIds(id)
-      const block_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-        id,
-        block_ids,
-      )
-      const visibility = false
-      const spy = vi.spyOn(viewerStore, "request")
-      spy.mockClear()
-      const result = dataStyleStore.setModelBlocksVisibility(
-        id,
-        block_ids,
-        visibility,
-      )
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const dataStore = useDataStore();
+      const block_ids = await dataStore.getBlocksGeodeIds(id);
+      const block_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, block_ids);
+      const visibility = false;
+      const spy = vi.spyOn(viewerStore, "request");
+      spy.mockClear();
+      const result = dataStyleStore.setModelBlocksVisibility(id, block_ids, visibility);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         model_blocks_schemas.visibility,
         { id, block_ids: block_viewer_ids, visibility },
         {
           response_function: expect.any(Function),
         },
-      )
+      );
       for (const block_id of block_ids) {
-        expect(dataStyleStore.modelBlockVisibility(id, block_id)).toBe(
-          visibility,
-        )
+        expect(dataStyleStore.modelBlockVisibility(id, block_id)).toBe(visibility);
       }
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Blocks color", () => {
     test("Color red", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const dataStore = useDataStore()
-      const block_ids = await dataStore.getBlocksGeodeIds(id)
-      const block_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-        id,
-        block_ids,
-      )
-      const color = { r: 255, g: 0, b: 0 }
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setModelBlocksColor(id, block_ids, color)
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const dataStore = useDataStore();
+      const block_ids = await dataStore.getBlocksGeodeIds(id);
+      const block_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, block_ids);
+      const color = { r: 255, g: 0, b: 0 };
+      const spy = vi.spyOn(viewerStore, "request");
+      await dataStyleStore.setModelBlocksColor(id, block_ids, color);
       expect(spy).toHaveBeenCalledWith(
         model_blocks_schemas.color,
         { id, block_ids: block_viewer_ids, color },
         {
           response_function: expect.any(Function),
         },
-      )
+      );
       for (const block_id of block_ids) {
-        expect(dataStyleStore.modelBlockColor(id, block_id)).toStrictEqual(
-          color,
-        )
+        expect(dataStyleStore.modelBlockColor(id, block_id)).toStrictEqual(color);
       }
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
   describe("Blocks style", () => {
     test("Blocks apply style", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const result = dataStyleStore.applyModelBlocksStyle(id)
-      expect(result).toBeInstanceOf(Promise)
-      await result
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
-})
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const result = dataStyleStore.applyModelBlocksStyle(id);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
+});
diff --git a/tests/integration/stores/data_style/model/corners.nuxt.test.js b/tests/integration/stores/data_style/model/corners.nuxt.test.js
index f92922f4..692bc321 100644
--- a/tests/integration/stores/data_style/model/corners.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/corners.nuxt.test.js
@@ -1,113 +1,96 @@
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { setupIntegrationTests } from "@ogw_tests/integration/setup"
-import { useDataStore } from "@ogw_front/stores/data"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { setupIntegrationTests } from "@ogw_tests/integration/setup";
+import { useDataStore } from "@ogw_front/stores/data";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const INTERVAL_TIMEOUT = 20_000
-const model_corners_schemas = viewer_schemas.opengeodeweb_viewer.model.corners
-const file_name = "test.og_brep"
-const geode_object = "BRep"
+const INTERVAL_TIMEOUT = 20_000;
+const model_corners_schemas = viewer_schemas.opengeodeweb_viewer.model.corners;
+const file_name = "test.og_brep";
+const geode_object = "BRep";
 
 let id = "",
-  projectFolderPath = ""
+  projectFolderPath = "";
 
 beforeEach(async () => {
-  ;({ id, projectFolderPath } = await setupIntegrationTests(
-    file_name,
-    geode_object,
-  ))
-}, INTERVAL_TIMEOUT)
+  ({ id, projectFolderPath } = await setupIntegrationTests(file_name, geode_object));
+}, INTERVAL_TIMEOUT);
 
 afterEach(async () => {
-  console.log("afterEach model corners kill", projectFolderPath)
-  await cleanupBackend(projectFolderPath)
-})
+  console.log("afterEach model corners kill", projectFolderPath);
+  await cleanupBackend(projectFolderPath);
+});
 
 describe("Model corners", () => {
   describe("Corners visibility", () => {
     test("Visibility false", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const dataStore = useDataStore()
-      const corner_ids = await dataStore.getCornersGeodeIds(id)
-      const corner_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-        id,
-        corner_ids,
-      )
-      const visibility = false
-      const spy = vi.spyOn(viewerStore, "request")
-      spy.mockClear()
-      const result = dataStyleStore.setModelCornersVisibility(
-        id,
-        corner_ids,
-        visibility,
-      )
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const dataStore = useDataStore();
+      const corner_ids = await dataStore.getCornersGeodeIds(id);
+      const corner_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, corner_ids);
+      const visibility = false;
+      const spy = vi.spyOn(viewerStore, "request");
+      spy.mockClear();
+      const result = dataStyleStore.setModelCornersVisibility(id, corner_ids, visibility);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         model_corners_schemas.visibility,
         { id, block_ids: corner_viewer_ids, visibility },
         {
           response_function: expect.any(Function),
         },
-      )
+      );
       for (const corner_id of corner_ids) {
-        expect(dataStyleStore.modelCornerVisibility(id, corner_id)).toBe(
-          visibility,
-        )
+        expect(dataStyleStore.modelCornerVisibility(id, corner_id)).toBe(visibility);
       }
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Corner color", () => {
     test("Color red", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const dataStore = useDataStore()
-      const corner_ids = await dataStore.getCornersGeodeIds(id)
-      const corner_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-        id,
-        corner_ids,
-      )
-      const color = { r: 255, g: 0, b: 0 }
-      const spy = vi.spyOn(viewerStore, "request")
-      spy.mockClear()
-      const result = dataStyleStore.setModelCornersColor(id, corner_ids, color)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const dataStore = useDataStore();
+      const corner_ids = await dataStore.getCornersGeodeIds(id);
+      const corner_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, corner_ids);
+      const color = { r: 255, g: 0, b: 0 };
+      const spy = vi.spyOn(viewerStore, "request");
+      spy.mockClear();
+      const result = dataStyleStore.setModelCornersColor(id, corner_ids, color);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         model_corners_schemas.color,
         { id, block_ids: corner_viewer_ids, color },
         {
           response_function: expect.any(Function),
         },
-      )
+      );
       for (const corner_id of corner_ids) {
-        expect(dataStyleStore.modelCornerColor(id, corner_id)).toStrictEqual(
-          color,
-        )
+        expect(dataStyleStore.modelCornerColor(id, corner_id)).toStrictEqual(color);
       }
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Corner style", () => {
     test("Corners apply style", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const result = dataStyleStore.applyModelCornersStyle(id)
-      expect(result).toBeInstanceOf(Promise)
-      await result
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
-})
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const result = dataStyleStore.applyModelCornersStyle(id);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
+});
diff --git a/tests/integration/stores/data_style/model/edges.nuxt.test.js b/tests/integration/stores/data_style/model/edges.nuxt.test.js
index fff4d426..ee103d96 100644
--- a/tests/integration/stores/data_style/model/edges.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/edges.nuxt.test.js
@@ -1,65 +1,62 @@
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { setupIntegrationTests } from "@ogw_tests/integration/setup"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { setupIntegrationTests } from "@ogw_tests/integration/setup";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const INTERVAL_TIMEOUT = 25_000
-const model_edges_schemas = viewer_schemas.opengeodeweb_viewer.model.edges
-const file_name = "test.og_brep"
-const geode_object = "BRep"
+const INTERVAL_TIMEOUT = 25_000;
+const model_edges_schemas = viewer_schemas.opengeodeweb_viewer.model.edges;
+const file_name = "test.og_brep";
+const geode_object = "BRep";
 
 let id = "",
-  projectFolderPath = ""
+  projectFolderPath = "";
 
 beforeEach(async () => {
-  ;({ id, projectFolderPath } = await setupIntegrationTests(
-    file_name,
-    geode_object,
-  ))
-}, INTERVAL_TIMEOUT)
+  ({ id, projectFolderPath } = await setupIntegrationTests(file_name, geode_object));
+}, INTERVAL_TIMEOUT);
 
 afterEach(async () => {
-  console.log("afterEach model edges kill", projectFolderPath)
-  await cleanupBackend(projectFolderPath)
-})
+  console.log("afterEach model edges kill", projectFolderPath);
+  await cleanupBackend(projectFolderPath);
+});
 
 describe("Model edges", () => {
   describe("Edges visibility", () => {
     test("Visibility true", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const visibility = true
-      const spy = vi.spyOn(viewerStore, "request")
-      spy.mockClear()
-      const result = dataStyleStore.setModelEdgesVisibility(id, visibility)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const visibility = true;
+      const spy = vi.spyOn(viewerStore, "request");
+      spy.mockClear();
+      const result = dataStyleStore.setModelEdgesVisibility(id, visibility);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         model_edges_schemas.visibility,
         { id, visibility },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.modelEdgesVisibility(id)).toBe(visibility)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.modelEdgesVisibility(id)).toBe(visibility);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
   describe("Edges style", () => {
     test("Edges apply style", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const result = dataStyleStore.applyModelEdgesStyle(id)
-      expect(result).toBeInstanceOf(Promise)
-      await result
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
-})
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const result = dataStyleStore.applyModelEdgesStyle(id);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
+});
diff --git a/tests/integration/stores/data_style/model/index.nuxt.test.js b/tests/integration/stores/data_style/model/index.nuxt.test.js
index 30c7bb18..3616b1e0 100644
--- a/tests/integration/stores/data_style/model/index.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/index.nuxt.test.js
@@ -1,55 +1,52 @@
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { setupIntegrationTests } from "@ogw_tests/integration/setup"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { setupIntegrationTests } from "@ogw_tests/integration/setup";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const INTERVAL_TIMEOUT = 20_000
-const model_schemas = viewer_schemas.opengeodeweb_viewer.model
-const file_name = "test.og_brep"
-const geode_object = "BRep"
+const INTERVAL_TIMEOUT = 20_000;
+const model_schemas = viewer_schemas.opengeodeweb_viewer.model;
+const file_name = "test.og_brep";
+const geode_object = "BRep";
 
 let id = "",
-  projectFolderPath = ""
+  projectFolderPath = "";
 
 beforeEach(async () => {
-  ;({ id, projectFolderPath } = await setupIntegrationTests(
-    file_name,
-    geode_object,
-  ))
-}, INTERVAL_TIMEOUT)
+  ({ id, projectFolderPath } = await setupIntegrationTests(file_name, geode_object));
+}, INTERVAL_TIMEOUT);
 
 afterEach(async () => {
-  console.log("afterEach model kill", projectFolderPath)
-  await cleanupBackend(projectFolderPath)
-})
+  console.log("afterEach model kill", projectFolderPath);
+  await cleanupBackend(projectFolderPath);
+});
 
 describe("Model", () => {
   describe("Model visibility", () => {
     test("Visibility true", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const visibility = true
-      const spy = vi.spyOn(viewerStore, "request")
-      spy.mockClear()
-      const result = dataStyleStore.setModelVisibility(id, visibility)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const visibility = true;
+      const spy = vi.spyOn(viewerStore, "request");
+      spy.mockClear();
+      const result = dataStyleStore.setModelVisibility(id, visibility);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         model_schemas.visibility,
         { id, visibility },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.modelVisibility(id)).toBe(visibility)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
-})
+      );
+      expect(dataStyleStore.modelVisibility(id)).toBe(visibility);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
+});
diff --git a/tests/integration/stores/data_style/model/lines.nuxt.test.js b/tests/integration/stores/data_style/model/lines.nuxt.test.js
index d601e764..f49e480a 100644
--- a/tests/integration/stores/data_style/model/lines.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/lines.nuxt.test.js
@@ -1,108 +1,95 @@
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { setupIntegrationTests } from "@ogw_tests/integration/setup"
-import { useDataStore } from "@ogw_front/stores/data"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { setupIntegrationTests } from "@ogw_tests/integration/setup";
+import { useDataStore } from "@ogw_front/stores/data";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const INTERVAL_TIMEOUT = 20_000
-const model_lines_schemas = viewer_schemas.opengeodeweb_viewer.model.lines
-const file_name = "test.og_brep"
-const geode_object = "BRep"
+const INTERVAL_TIMEOUT = 20_000;
+const model_lines_schemas = viewer_schemas.opengeodeweb_viewer.model.lines;
+const file_name = "test.og_brep";
+const geode_object = "BRep";
 
 let id = "",
-  projectFolderPath = ""
+  projectFolderPath = "";
 
 beforeEach(async () => {
-  ;({ id, projectFolderPath } = await setupIntegrationTests(
-    file_name,
-    geode_object,
-  ))
-}, INTERVAL_TIMEOUT)
+  ({ id, projectFolderPath } = await setupIntegrationTests(file_name, geode_object));
+}, INTERVAL_TIMEOUT);
 afterEach(async () => {
-  console.log("afterEach model lines kill", projectFolderPath)
-  await cleanupBackend(projectFolderPath)
-})
+  console.log("afterEach model lines kill", projectFolderPath);
+  await cleanupBackend(projectFolderPath);
+});
 
 describe("Model lines", () => {
   describe("Lines visibility", () => {
     test("Visibility false", async () => {
-      console.log("FROM TEST MODEL LINES")
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const dataStore = useDataStore()
-      const line_ids = await dataStore.getLinesGeodeIds(id)
-      const lines_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-        id,
-        line_ids,
-      )
-      const visibility = false
-      const spy = vi.spyOn(viewerStore, "request")
-      spy.mockClear()
-      const result = dataStyleStore.setModelLinesVisibility(
-        id,
-        line_ids,
-        visibility,
-      )
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      console.log("FROM TEST MODEL LINES");
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const dataStore = useDataStore();
+      const line_ids = await dataStore.getLinesGeodeIds(id);
+      const lines_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, line_ids);
+      const visibility = false;
+      const spy = vi.spyOn(viewerStore, "request");
+      spy.mockClear();
+      const result = dataStyleStore.setModelLinesVisibility(id, line_ids, visibility);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         model_lines_schemas.visibility,
         { id, block_ids: lines_viewer_ids, visibility },
         {
           response_function: expect.any(Function),
         },
-      )
+      );
       for (const line_id of line_ids) {
-        expect(dataStyleStore.modelLineVisibility(id, line_id)).toBe(visibility)
+        expect(dataStyleStore.modelLineVisibility(id, line_id)).toBe(visibility);
       }
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Lines color", () => {
     test("Color red", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const dataStore = useDataStore()
-      const line_ids = await dataStore.getLinesGeodeIds(id)
-      const lines_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-        id,
-        line_ids,
-      )
-      const color = { r: 255, g: 0, b: 0 }
-      const spy = vi.spyOn(viewerStore, "request")
-      spy.mockClear()
-      const result = dataStyleStore.setModelLinesColor(id, line_ids, color)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const dataStore = useDataStore();
+      const line_ids = await dataStore.getLinesGeodeIds(id);
+      const lines_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, line_ids);
+      const color = { r: 255, g: 0, b: 0 };
+      const spy = vi.spyOn(viewerStore, "request");
+      spy.mockClear();
+      const result = dataStyleStore.setModelLinesColor(id, line_ids, color);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         model_lines_schemas.color,
         { id, block_ids: lines_viewer_ids, color },
         {
           response_function: expect.any(Function),
         },
-      )
+      );
       for (const line_id of line_ids) {
-        expect(dataStyleStore.modelLineColor(id, line_id)).toStrictEqual(color)
+        expect(dataStyleStore.modelLineColor(id, line_id)).toStrictEqual(color);
       }
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
   describe("Lines style", () => {
     test("Lines apply style", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const result = dataStyleStore.applyModelLinesStyle(id)
-      expect(result).toBeInstanceOf(Promise)
-      await result
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
-})
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const result = dataStyleStore.applyModelLinesStyle(id);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
+});
diff --git a/tests/integration/stores/data_style/model/points.nuxt.test.js b/tests/integration/stores/data_style/model/points.nuxt.test.js
index d7c2fab6..ed0c0eb0 100644
--- a/tests/integration/stores/data_style/model/points.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/points.nuxt.test.js
@@ -1,87 +1,84 @@
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { setupIntegrationTests } from "@ogw_tests/integration/setup"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { setupIntegrationTests } from "@ogw_tests/integration/setup";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const INTERVAL_TIMEOUT = 20_000
-const model_points_schemas = viewer_schemas.opengeodeweb_viewer.model.points
-const file_name = "test.og_brep"
-const geode_object = "BRep"
+const INTERVAL_TIMEOUT = 20_000;
+const model_points_schemas = viewer_schemas.opengeodeweb_viewer.model.points;
+const file_name = "test.og_brep";
+const geode_object = "BRep";
 
 let id = "",
-  projectFolderPath = ""
+  projectFolderPath = "";
 
 beforeEach(async () => {
-  ;({ id, projectFolderPath } = await setupIntegrationTests(
-    file_name,
-    geode_object,
-  ))
-}, INTERVAL_TIMEOUT)
+  ({ id, projectFolderPath } = await setupIntegrationTests(file_name, geode_object));
+}, INTERVAL_TIMEOUT);
 
 afterEach(async () => {
-  console.log("afterEach model points kill", projectFolderPath)
-  await cleanupBackend(projectFolderPath)
-})
+  console.log("afterEach model points kill", projectFolderPath);
+  await cleanupBackend(projectFolderPath);
+});
 
 describe("Model points", () => {
   describe("Points visibility", () => {
     test("Visibility true", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const visibility = true
-      const spy = vi.spyOn(viewerStore, "request")
-      spy.mockClear()
-      const result = dataStyleStore.setModelPointsVisibility(id, visibility)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const visibility = true;
+      const spy = vi.spyOn(viewerStore, "request");
+      spy.mockClear();
+      const result = dataStyleStore.setModelPointsVisibility(id, visibility);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         model_points_schemas.visibility,
         { id, visibility },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.modelPointsVisibility(id)).toBe(visibility)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.modelPointsVisibility(id)).toBe(visibility);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("Points size", () => {
     test("Size 20", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const size = 20
-      const spy = vi.spyOn(viewerStore, "request")
-      spy.mockClear()
-      const result = dataStyleStore.setModelPointsSize(id, size)
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const size = 20;
+      const spy = vi.spyOn(viewerStore, "request");
+      spy.mockClear();
+      const result = dataStyleStore.setModelPointsSize(id, size);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         model_points_schemas.size,
         { id, size },
         {
           response_function: expect.any(Function),
         },
-      )
-      expect(dataStyleStore.modelPointsSize(id)).toBe(size)
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      );
+      expect(dataStyleStore.modelPointsSize(id)).toBe(size);
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
   describe("Points style", () => {
     test("Points apply style", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const result = dataStyleStore.applyModelPointsStyle(id)
-      expect(result).toBeInstanceOf(Promise)
-      await result
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
-})
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const result = dataStyleStore.applyModelPointsStyle(id);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
+});
diff --git a/tests/integration/stores/data_style/model/surfaces.nuxt.test.js b/tests/integration/stores/data_style/model/surfaces.nuxt.test.js
index b38478b5..c301f5c5 100644
--- a/tests/integration/stores/data_style/model/surfaces.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/surfaces.nuxt.test.js
@@ -1,115 +1,94 @@
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { setupIntegrationTests } from "@ogw_tests/integration/setup"
-import { useDataStore } from "@ogw_front/stores/data"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { setupIntegrationTests } from "@ogw_tests/integration/setup";
+import { useDataStore } from "@ogw_front/stores/data";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const INTERVAL_TIMEOUT = 20_000
-const model_surfaces_schemas = viewer_schemas.opengeodeweb_viewer.model.surfaces
-const file_name = "test.og_brep"
-const geode_object = "BRep"
+const INTERVAL_TIMEOUT = 20_000;
+const model_surfaces_schemas = viewer_schemas.opengeodeweb_viewer.model.surfaces;
+const file_name = "test.og_brep";
+const geode_object = "BRep";
 
 let id = "",
-  projectFolderPath = ""
+  projectFolderPath = "";
 
 beforeEach(async () => {
-  ;({ id, projectFolderPath } = await setupIntegrationTests(
-    file_name,
-    geode_object,
-  ))
-}, INTERVAL_TIMEOUT)
+  ({ id, projectFolderPath } = await setupIntegrationTests(file_name, geode_object));
+}, INTERVAL_TIMEOUT);
 
 afterEach(async () => {
-  console.log("afterEach model surfaces kill", projectFolderPath)
-  await cleanupBackend(projectFolderPath)
-})
+  console.log("afterEach model surfaces kill", projectFolderPath);
+  await cleanupBackend(projectFolderPath);
+});
 describe("model surfaces", () => {
   describe("surfaces visibility", () => {
     test("visibility true", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const dataStore = useDataStore()
-      const surface_ids = await dataStore.getSurfacesGeodeIds(id)
-      const surface_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-        id,
-        surface_ids,
-      )
-      const visibility = true
-      const spy = vi.spyOn(viewerStore, "request")
-      spy.mockClear() // Clear calls from setup (applyDefaultStyle)
-      const result = dataStyleStore.setModelSurfacesVisibility(
-        id,
-        surface_ids,
-        visibility,
-      )
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const dataStore = useDataStore();
+      const surface_ids = await dataStore.getSurfacesGeodeIds(id);
+      const surface_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, surface_ids);
+      const visibility = true;
+      const spy = vi.spyOn(viewerStore, "request");
+      spy.mockClear();
+      const result = dataStyleStore.setModelSurfacesVisibility(id, surface_ids, visibility);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         model_surfaces_schemas.visibility,
         { id, block_ids: surface_viewer_ids, visibility },
         {
           response_function: expect.any(Function),
         },
-      )
+      );
       for (const surface_id of surface_ids) {
-        expect(dataStyleStore.modelSurfaceVisibility(id, surface_id)).toBe(
-          visibility,
-        )
+        expect(dataStyleStore.modelSurfaceVisibility(id, surface_id)).toBe(visibility);
       }
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
 
   describe("surfaces color", () => {
     test("color red", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const dataStore = useDataStore()
-      const surface_ids = await dataStore.getSurfacesGeodeIds(id)
-      const surface_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-        id,
-        surface_ids,
-      )
-      const color = { r: 255, g: 0, b: 0 }
-      const spy = vi.spyOn(viewerStore, "request")
-      spy.mockClear() // Clear calls from setup (applyDefaultStyle)
-      const result = dataStyleStore.setModelSurfacesColor(
-        id,
-        surface_ids,
-        color,
-      )
-      expect(result).toBeInstanceOf(Promise)
-      await result
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const dataStore = useDataStore();
+      const surface_ids = await dataStore.getSurfacesGeodeIds(id);
+      const surface_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, surface_ids);
+      const color = { r: 255, g: 0, b: 0 };
+      const spy = vi.spyOn(viewerStore, "request");
+      spy.mockClear();
+      const result = dataStyleStore.setModelSurfacesColor(id, surface_ids, color);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
       expect(spy).toHaveBeenCalledWith(
         model_surfaces_schemas.color,
         { id, block_ids: surface_viewer_ids, color },
         {
           response_function: expect.any(Function),
         },
-      )
+      );
       for (const surface_id of surface_ids) {
-        expect(dataStyleStore.modelSurfaceColor(id, surface_id)).toStrictEqual(
-          color,
-        )
+        expect(dataStyleStore.modelSurfaceColor(id, surface_id)).toStrictEqual(color);
       }
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
   describe("Surfaces style", () => {
     test("Surfaces apply style", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const result = dataStyleStore.applyModelSurfacesStyle(id)
-      expect(result).toBeInstanceOf(Promise)
-      await result
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-  })
-})
+      const dataStyleStore = useDataStyleStore();
+      const viewerStore = useViewerStore();
+      const result = dataStyleStore.applyModelSurfacesStyle(id);
+      expect(result).toBeInstanceOf(Promise);
+      await result;
+      expect(viewerStore.status).toBe(Status.CONNECTED);
+    });
+  });
+});
diff --git a/tests/integration/stores/viewer.nuxt.test.js b/tests/integration/stores/viewer.nuxt.test.js
index a802feb8..755dcb0a 100644
--- a/tests/integration/stores/viewer.nuxt.test.js
+++ b/tests/integration/stores/viewer.nuxt.test.js
@@ -1,28 +1,28 @@
 // Global imports
 
 // Third party imports
-import { afterEach, beforeEach, describe, expect, test } from "vitest"
-import opengeodeweb_viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import { afterEach, beforeEach, describe, expect, test } from "vitest";
+import opengeodeweb_viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { cleanupBackend } from "@ogw_front/utils/local/cleanup"
-import { runMicroservices } from "@ogw_tests/integration/setup"
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { cleanupBackend } from "@ogw_front/utils/local/cleanup";
+import { runMicroservices } from "@ogw_tests/integration/setup";
+import { setupActivePinia } from "@ogw_tests/utils";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
-const CONNECT_TIMEOUT = 25_000
+const CONNECT_TIMEOUT = 25_000;
 
-let projectFolderPath = ""
+let projectFolderPath = "";
 
 beforeEach(async () => {
-  setupActivePinia()
-  ;({ projectFolderPath } = await runMicroservices())
-})
+  setupActivePinia();
+  ({ projectFolderPath } = await runMicroservices());
+});
 
 afterEach(async () => {
-  await cleanupBackend(projectFolderPath)
-})
+  await cleanupBackend(projectFolderPath);
+});
 
 describe("Viewer Store", () => {
   describe("actions", () => {
@@ -30,44 +30,41 @@ describe("Viewer Store", () => {
       test(
         "ws_connect",
         async () => {
-          const viewerStore = useViewerStore()
-          await viewerStore.ws_connect()
-          expect(viewerStore.status).toBe(Status.CONNECTED)
+          const viewerStore = useViewerStore();
+          await viewerStore.ws_connect();
+          expect(viewerStore.status).toBe(Status.CONNECTED);
         },
         CONNECT_TIMEOUT,
-      )
-    })
+      );
+    });
     describe("connect", () => {
       test(
         "connect",
         async () => {
-          const viewerStore = useViewerStore()
-          await viewerStore.connect()
-          expect(viewerStore.status).toBe(Status.CONNECTED)
+          const viewerStore = useViewerStore();
+          await viewerStore.connect();
+          expect(viewerStore.status).toBe(Status.CONNECTED);
         },
         CONNECT_TIMEOUT,
-      )
-    })
+      );
+    });
 
     describe("request", () => {
       test(
         "request",
-        async () => {
-          const schema =
-            opengeodeweb_viewer_schemas.opengeodeweb_viewer.viewer.render
-          const viewerStore = useViewerStore()
-          const timeout = 1
-          const params = {}
+        () => {
+          const schema = opengeodeweb_viewer_schemas.opengeodeweb_viewer.viewer.render;
+          const viewerStore = useViewerStore();
+          const timeout = 1;
+          const params = {};
           expect(() =>
             viewerStore
               .request(schema, params, {}, timeout)
-              .rejects.toThrow(
-                `${schema.$id}: Timed out after ${timeout}ms, ${schema} ${params}`,
-              ),
-          )
+              .rejects.toThrow(`${schema.$id}: Timed out after ${timeout}ms, ${schema} ${params}`),
+          );
         },
         CONNECT_TIMEOUT,
-      )
-    })
-  })
-})
+      );
+    });
+  });
+});
diff --git a/tests/setup_indexeddb.js b/tests/setup_indexeddb.js
index 364011a9..fe148375 100644
--- a/tests/setup_indexeddb.js
+++ b/tests/setup_indexeddb.js
@@ -1,4 +1,4 @@
-import { setup } from "vitest-indexeddb"
+import { setup } from "vitest-indexeddb";
 
 // oxlint-disable-next-line jest/require-hook
-setup()
+setup();
diff --git a/tests/unit/components/CrsSelector.nuxt.test.js b/tests/unit/components/CrsSelector.nuxt.test.js
index 41c09066..a08874ae 100644
--- a/tests/unit/components/CrsSelector.nuxt.test.js
+++ b/tests/unit/components/CrsSelector.nuxt.test.js
@@ -1,23 +1,23 @@
 // Third party imports
-import { beforeEach, describe, expect, test, vi } from "vitest"
-import { mountSuspended } from "@nuxt/test-utils/runtime"
+import { beforeEach, describe, expect, test, vi } from "vitest";
+import { mountSuspended } from "@nuxt/test-utils/runtime";
 
 // Local imports
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import CrsSelector from "@ogw_front/components/CrsSelector"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import CrsSelector from "@ogw_front/components/CrsSelector";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-const EXPECTED_LENGTH = 1
-const FIRST_INDEX = 0
+const EXPECTED_LENGTH = 1;
+const FIRST_INDEX = 0;
 
-let pinia = undefined
-let geodeStore = undefined
+let pinia = undefined;
+let geodeStore = undefined;
 
 beforeEach(() => {
-  pinia = setupActivePinia()
-  geodeStore = useGeodeStore()
-  geodeStore.base_url = ""
-})
+  pinia = setupActivePinia();
+  geodeStore = useGeodeStore();
+  geodeStore.base_url = "";
+});
 
 describe(CrsSelector, () => {
   test(`Default behavior`, async () => {
@@ -27,31 +27,31 @@ describe(CrsSelector, () => {
         code: "2000",
         name: "Anguilla 1957 / British West Indies Grid",
       },
-    ]
+    ];
 
     // Mock geodeStore.request instead of registerEndpoint
     geodeStore.request = vi.fn((schema, params, callbacks) => {
       if (callbacks?.response_function) {
-        callbacks.response_function({ crs_list })
+        callbacks.response_function({ crs_list });
       }
-      return Promise.resolve({ crs_list })
-    })
+      return Promise.resolve({ crs_list });
+    });
 
-    const key_to_update = "key"
+    const key_to_update = "key";
     const wrapper = await mountSuspended(CrsSelector, {
       global: {
         plugins: [vuetify, pinia],
       },
       props: { geode_object_type: "BRep", key_to_update },
-    })
-    const td_wrapper = await wrapper.find("td")
-    await wrapper.vm.$nextTick()
-    const input = await td_wrapper.find("input")
-    await input.trigger("click")
-    expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
+    });
+    const td_wrapper = await wrapper.find("td");
+    await wrapper.vm.$nextTick();
+    const input = await td_wrapper.find("input");
+    await input.trigger("click");
+    expect(wrapper.emitted()).toHaveProperty("update_values");
+    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH);
     expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual({
       [key_to_update]: crs_list[FIRST_INDEX],
-    })
-  })
-})
+    });
+  });
+});
diff --git a/tests/unit/components/ExtensionSelector.nuxt.test.js b/tests/unit/components/ExtensionSelector.nuxt.test.js
index 6d269b3f..210f6043 100644
--- a/tests/unit/components/ExtensionSelector.nuxt.test.js
+++ b/tests/unit/components/ExtensionSelector.nuxt.test.js
@@ -1,41 +1,41 @@
 // Third party imports
-import * as components from "vuetify/components"
-import { beforeEach, describe, expect, test, vi } from "vitest"
-import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime"
-import { nextTick } from "vue"
-import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+import * as components from "vuetify/components";
+import { beforeEach, describe, expect, test, vi } from "vitest";
+import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime";
+import { nextTick } from "vue";
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 
 // Local imports
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import ExtensionSelector from "@ogw_front/components/ExtensionSelector"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import ExtensionSelector from "@ogw_front/components/ExtensionSelector";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-const EXPECTED_LENGTH = 1
-const FIRST_INDEX = 0
-const SECOND_INDEX = 1
+const EXPECTED_LENGTH = 1;
+const FIRST_INDEX = 0;
+const SECOND_INDEX = 1;
 
-const schema = schemas.opengeodeweb_back.geode_objects_and_output_extensions
+const schema = schemas.opengeodeweb_back.geode_objects_and_output_extensions;
 
-const pinia = setupActivePinia()
-const geodeStore = useGeodeStore()
+const pinia = setupActivePinia();
+const geodeStore = useGeodeStore();
 
 beforeEach(() => {
-  geodeStore.base_url = ""
+  geodeStore.base_url = "";
 
   geodeStore.request = vi.fn(() => {
     const response = {
       geode_objects_and_output_extensions: {
         BRep: { msh: { is_saveable: true } },
       },
-    }
-    return Promise.resolve(response)
-  })
-})
+    };
+    return Promise.resolve(response);
+  });
+});
 
 describe(ExtensionSelector, () => {
   test(`Select geode_object & extension`, async () => {
-    const output_geode_object = "BRep"
-    const output_extension = "msh"
+    const output_geode_object = "BRep";
+    const output_extension = "msh";
 
     registerEndpoint(schema.$id, {
       method: schema.methods[FIRST_INDEX],
@@ -44,24 +44,22 @@ describe(ExtensionSelector, () => {
           BRep: { msh: { is_saveable: true } },
         },
       }),
-    })
+    });
     const wrapper = await mountSuspended(ExtensionSelector, {
       global: {
         plugins: [vuetify, pinia],
       },
       props: { geode_object_type: "BRep", filenames: ["test.toto"] },
-    })
-    await nextTick()
-    expect(wrapper.exists()).toBeTruthy()
-    const v_card = await wrapper.findAllComponents(components.VCard)
-    await v_card[SECOND_INDEX].trigger("click")
-    expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
-    expect(
-      wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX],
-    ).toStrictEqual({
+    });
+    await nextTick();
+    expect(wrapper.exists()).toBeTruthy();
+    const v_card = await wrapper.findAllComponents(components.VCard);
+    await v_card[SECOND_INDEX].trigger("click");
+    expect(wrapper.emitted()).toHaveProperty("update_values");
+    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH);
+    expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toStrictEqual({
       output_geode_object,
       output_extension,
-    })
-  })
-})
+    });
+  });
+});
diff --git a/tests/unit/components/FeedBack/ErrorsBanner.nuxt.test.js b/tests/unit/components/FeedBack/ErrorsBanner.nuxt.test.js
index fc2db317..301afef7 100644
--- a/tests/unit/components/FeedBack/ErrorsBanner.nuxt.test.js
+++ b/tests/unit/components/FeedBack/ErrorsBanner.nuxt.test.js
@@ -1,40 +1,40 @@
 // Third party imports
-import { describe, expect, test, vi } from "vitest"
-import { mount } from "@vue/test-utils"
+import { describe, expect, test, vi } from "vitest";
+import { mount } from "@vue/test-utils";
 
 // Local imports
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import FeedBackErrorBanner from "@ogw_front/components/FeedBack/ErrorBanner"
-import { useFeedbackStore } from "@ogw_front/stores/feedback"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import FeedBackErrorBanner from "@ogw_front/components/FeedBack/ErrorBanner";
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
 
-const CALLED_TIMES = 1
+const CALLED_TIMES = 1;
 
 describe(FeedBackErrorBanner, () => {
-  const pinia = setupActivePinia()
+  const pinia = setupActivePinia();
   test(`Test reload`, async () => {
     const wrapper = mount(FeedBackErrorBanner, {
       global: {
         plugins: [vuetify, pinia],
       },
-    })
-    const reload_spy = vi.spyOn(wrapper.vm, "reload")
-    const feedbackStore = useFeedbackStore()
-    await feedbackStore.$patch({ server_error: true })
-    expect(feedbackStore.server_error).toBeTruthy()
-    const v_btn = wrapper.findAll(".v-btn")
-    await v_btn[0].trigger("click")
-    expect(reload_spy).toHaveBeenCalledTimes(CALLED_TIMES)
-  })
+    });
+    const reload_spy = vi.spyOn(wrapper.vm, "reload");
+    const feedbackStore = useFeedbackStore();
+    await feedbackStore.$patch({ server_error: true });
+    expect(feedbackStore.server_error).toBeTruthy();
+    const v_btn = wrapper.findAll(".v-btn");
+    await v_btn[0].trigger("click");
+    expect(reload_spy).toHaveBeenCalledTimes(CALLED_TIMES);
+  });
 
   test(`Test delete error`, async () => {
     const wrapper = mount(FeedBackErrorBanner, {
       global: {
         plugins: [vuetify, pinia],
       },
-    })
-    const feedbackStore = useFeedbackStore()
-    const v_btn = wrapper.findAll(".v-btn")
-    await v_btn[1].trigger("click")
-    expect(feedbackStore.server_error).toBeFalsy()
-  })
-})
+    });
+    const feedbackStore = useFeedbackStore();
+    const v_btn = wrapper.findAll(".v-btn");
+    await v_btn[1].trigger("click");
+    expect(feedbackStore.server_error).toBeFalsy();
+  });
+});
diff --git a/tests/unit/components/FeedBack/Snackers.nuxt.test.js b/tests/unit/components/FeedBack/Snackers.nuxt.test.js
index 6b615476..11aa9cb9 100644
--- a/tests/unit/components/FeedBack/Snackers.nuxt.test.js
+++ b/tests/unit/components/FeedBack/Snackers.nuxt.test.js
@@ -1,19 +1,19 @@
 // Third party imports
-import * as components from "vuetify/components"
-import { describe, expect, test, vi } from "vitest"
-import { mount } from "@vue/test-utils"
+import * as components from "vuetify/components";
+import { describe, expect, test, vi } from "vitest";
+import { mount } from "@vue/test-utils";
 
 // Local imports
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import FeedBackSnackers from "@ogw_front/components/FeedBack/Snackers"
-import { useFeedbackStore } from "@ogw_front/stores/feedback"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import FeedBackSnackers from "@ogw_front/components/FeedBack/Snackers";
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
 
-vi.stubGlobal("visualViewport", new EventTarget())
+vi.stubGlobal("visualViewport", new EventTarget());
 
-describe(FeedBackSnackers, async () => {
+describe(FeedBackSnackers, () => {
   test(`Test delete error`, async () => {
-    const pinia = setupActivePinia()
-    const feedbackStore = useFeedbackStore()
+    const pinia = setupActivePinia();
+    const feedbackStore = useFeedbackStore();
     feedbackStore.$patch({
       feedbacks: [
         {
@@ -24,7 +24,7 @@ describe(FeedBackSnackers, async () => {
           description: "test description",
         },
       ],
-    })
+    });
 
     const wrapper = mount(
       {
@@ -39,11 +39,11 @@ describe(FeedBackSnackers, async () => {
           plugins: [vuetify, pinia],
         },
       },
-    )
+    );
 
-    expect(feedbackStore.feedbacks.length).toBe(1)
-    const v_btn = await wrapper.findComponent(components.VBtn)
-    await v_btn.trigger("click")
-    expect(feedbackStore.feedbacks.length).toBe(0)
-  })
-})
+    expect(feedbackStore.feedbacks.length).toBe(1);
+    const v_btn = await wrapper.findComponent(components.VBtn);
+    await v_btn.trigger("click");
+    expect(feedbackStore.feedbacks.length).toBe(0);
+  });
+});
diff --git a/tests/unit/components/FileSelector.nuxt.test.js b/tests/unit/components/FileSelector.nuxt.test.js
index 88afde3a..0ce42285 100644
--- a/tests/unit/components/FileSelector.nuxt.test.js
+++ b/tests/unit/components/FileSelector.nuxt.test.js
@@ -1,27 +1,27 @@
 // Third party imports
-import * as components from "vuetify/components"
-import { describe, expect, test, vi } from "vitest"
-import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime"
-import { flushPromises } from "@vue/test-utils"
-import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+import * as components from "vuetify/components";
+import { describe, expect, test, vi } from "vitest";
+import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime";
+import { flushPromises } from "@vue/test-utils";
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 
 // Local imports
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import FileSelector from "@ogw_front/components/FileSelector"
-import FileUploader from "@ogw_front/components/FileUploader"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import FileSelector from "@ogw_front/components/FileSelector";
+import FileUploader from "@ogw_front/components/FileUploader";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-const EXPECTED_LENGTH = 1
-const FIRST_INDEX = 0
-const SECOND_INDEX = 1
+const EXPECTED_LENGTH = 1;
+const FIRST_INDEX = 0;
+const SECOND_INDEX = 1;
 
-const allowed_files_schema = schemas.opengeodeweb_back.allowed_files
-const upload_file_schema = schemas.opengeodeweb_back.upload_file
+const allowed_files_schema = schemas.opengeodeweb_back.allowed_files;
+const upload_file_schema = schemas.opengeodeweb_back.upload_file;
 
-describe(FileSelector, async () => {
-  const pinia = setupActivePinia()
-  const geodeStore = useGeodeStore()
-  geodeStore.base_url = ""
+describe(FileSelector, () => {
+  const pinia = setupActivePinia();
+  const geodeStore = useGeodeStore();
+  geodeStore.base_url = "";
 
   test(`Select file`, async () => {
     registerEndpoint(allowed_files_schema.$id, {
@@ -29,40 +29,40 @@ describe(FileSelector, async () => {
       handler: () => ({
         extensions: ["1", "2", "3"],
       }),
-    })
+    });
     const wrapper = await mountSuspended(FileSelector, {
       global: {
         plugins: [vuetify, pinia],
       },
       props: { multiple: false, auto_upload: false },
-    })
+    });
 
-    const file_uploader = wrapper.findComponent(FileUploader)
+    const file_uploader = wrapper.findComponent(FileUploader);
 
     registerEndpoint(upload_file_schema.$id, {
       method: upload_file_schema.methods[SECOND_INDEX],
       handler: () => ({}),
-    })
+    });
 
-    const v_file_input = file_uploader.find('input[type="file"]')
-    const files = [new File(["fake_file"], "fake_file.txt")]
-    const auto_upload = false
+    const v_file_input = file_uploader.find('input[type="file"]');
+    const files = [new File(["fake_file"], "fake_file.txt")];
+    const auto_upload = false;
     Object.defineProperty(v_file_input.element, "files", {
       value: files,
       writable: true,
-    })
-    await v_file_input.trigger("change")
-    const v_btn = wrapper.findComponent(components.VBtn)
-    await v_btn.trigger("click")
-    await flushPromises()
-    await flushPromises()
-    expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
+    });
+    await v_file_input.trigger("change");
+    const v_btn = wrapper.findComponent(components.VBtn);
+    await v_btn.trigger("click");
+    await flushPromises();
+    await flushPromises();
+    expect(wrapper.emitted()).toHaveProperty("update_values");
+    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH);
     expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual({
       files,
       auto_upload,
-    })
-  })
+    });
+  });
 
   describe(FileSelector, () => {
     registerEndpoint(allowed_files_schema.$id, {
@@ -70,14 +70,14 @@ describe(FileSelector, async () => {
       handler: () => ({
         extensions: ["1", "2", "3"],
       }),
-    })
+    });
 
     registerEndpoint(upload_file_schema.$id, {
       method: upload_file_schema.methods[SECOND_INDEX],
       handler: () => ({}),
-    })
+    });
 
-    const files = [new File(["fake_file"], "fake_file.txt")]
+    const files = [new File(["fake_file"], "fake_file.txt")];
     test("auto_upload true", async () => {
       const wrapper = await mountSuspended(FileSelector, {
         global: {
@@ -88,19 +88,17 @@ describe(FileSelector, async () => {
           files: files,
           auto_upload: true,
         },
-      })
+      });
 
-      await flushPromises()
-      expect(wrapper.componentVM.files).toEqual(files)
-      expect(wrapper.emitted()).toHaveProperty("update_values")
-      expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
-      expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual(
-        {
-          files,
-          auto_upload: false,
-        },
-      )
-    })
+      await flushPromises();
+      expect(wrapper.componentVM.files).toEqual(files);
+      expect(wrapper.emitted()).toHaveProperty("update_values");
+      expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH);
+      expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual({
+        files,
+        auto_upload: false,
+      });
+    });
 
     test("auto_upload false", async () => {
       const wrapper = await mountSuspended(FileSelector, {
@@ -112,14 +110,14 @@ describe(FileSelector, async () => {
           files: files,
           auto_upload: false,
         },
-      })
+      });
 
-      await flushPromises()
+      await flushPromises();
 
-      const file_uploader = wrapper.findComponent(FileUploader)
-      expect(wrapper.vm.files).toEqual(files)
-      const upload_files = vi.spyOn(file_uploader.vm, "upload_files")
-      expect(upload_files).not.toHaveBeenCalled()
-    })
-  })
-})
+      const file_uploader = wrapper.findComponent(FileUploader);
+      expect(wrapper.vm.files).toEqual(files);
+      const upload_files = vi.spyOn(file_uploader.vm, "upload_files");
+      expect(upload_files).not.toHaveBeenCalled();
+    });
+  });
+});
diff --git a/tests/unit/components/FileUploader.nuxt.test.js b/tests/unit/components/FileUploader.nuxt.test.js
index 665dbe99..96c61002 100644
--- a/tests/unit/components/FileUploader.nuxt.test.js
+++ b/tests/unit/components/FileUploader.nuxt.test.js
@@ -1,60 +1,58 @@
 // Third party imports
-import * as components from "vuetify/components"
-import { describe, expect, test } from "vitest"
-import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime"
-import { flushPromises } from "@vue/test-utils"
-import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+import * as components from "vuetify/components";
+import { describe, expect, test } from "vitest";
+import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime";
+import { flushPromises } from "@vue/test-utils";
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 
 // Local imports
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import FileUploader from "@ogw_front/components/FileUploader"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import FileUploader from "@ogw_front/components/FileUploader";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-const FIRST_INDEX = 0
-const SECOND_INDEX = 1
+const FIRST_INDEX = 0;
+const SECOND_INDEX = 1;
 
-const upload_file_schema = schemas.opengeodeweb_back.upload_file
+const upload_file_schema = schemas.opengeodeweb_back.upload_file;
 
-describe(FileUploader, async () => {
-  const pinia = setupActivePinia()
-  const geodeStore = useGeodeStore()
-  geodeStore.base_url = ""
+describe(FileUploader, () => {
+  const pinia = setupActivePinia();
+  const geodeStore = useGeodeStore();
+  geodeStore.base_url = "";
 
   registerEndpoint(upload_file_schema.$id, {
     method: upload_file_schema.methods[FIRST_INDEX],
     handler: () => ({}),
-  })
+  });
   registerEndpoint(upload_file_schema.$id, {
     method: upload_file_schema.methods[SECOND_INDEX],
     handler: () => ({}),
-  })
+  });
 
-  const files = [new File(["fake_file"], "fake_file.txt")]
+  const files = [new File(["fake_file"], "fake_file.txt")];
 
-  describe(`Upload file`, async () => {
+  describe(`Upload file`, () => {
     test(`prop auto_upload false`, async () => {
       const wrapper = await mountSuspended(FileUploader, {
         global: {
           plugins: [vuetify, pinia],
         },
         props: { multiple: false, accept: "*.txt" },
-      })
+      });
 
-      const v_file_input = wrapper.find('input[type="file"]')
+      const v_file_input = wrapper.find('input[type="file"]');
       Object.defineProperty(v_file_input.element, "files", {
         value: files,
         writable: true,
-      })
-      await v_file_input.trigger("change")
-      const v_btn = wrapper.findComponent(components.VBtn)
+      });
+      await v_file_input.trigger("change");
+      const v_btn = wrapper.findComponent(components.VBtn);
 
-      await v_btn.trigger("click")
-      await flushPromises()
-      await flushPromises()
-      expect(
-        wrapper.emitted().files_uploaded[FIRST_INDEX][FIRST_INDEX],
-      ).toEqual(files)
-    })
+      await v_btn.trigger("click");
+      await flushPromises();
+      await flushPromises();
+      expect(wrapper.emitted().files_uploaded[FIRST_INDEX][FIRST_INDEX]).toEqual(files);
+    });
 
     test(`prop auto_upload true`, async () => {
       const wrapper = await mountSuspended(FileUploader, {
@@ -62,11 +60,9 @@ describe(FileUploader, async () => {
           plugins: [vuetify, pinia],
         },
         props: { multiple: false, accept: "*.txt", files, auto_upload: true },
-      })
-      await flushPromises()
-      expect(
-        wrapper.emitted().files_uploaded[FIRST_INDEX][FIRST_INDEX],
-      ).toEqual(files)
-    })
-  })
-})
+      });
+      await flushPromises();
+      expect(wrapper.emitted().files_uploaded[FIRST_INDEX][FIRST_INDEX]).toEqual(files);
+    });
+  });
+});
diff --git a/tests/unit/components/Inspector/InspectionButton.nuxt.test.js b/tests/unit/components/Inspector/InspectionButton.nuxt.test.js
index d4eb3cd0..2d7ea6ad 100644
--- a/tests/unit/components/Inspector/InspectionButton.nuxt.test.js
+++ b/tests/unit/components/Inspector/InspectionButton.nuxt.test.js
@@ -1,18 +1,18 @@
 // Third party imports
-import * as components from "vuetify/components"
-import { describe, expect, test, vi } from "vitest"
-import { flushPromises } from "@vue/test-utils"
-import { mountSuspended } from "@nuxt/test-utils/runtime"
+import * as components from "vuetify/components";
+import { describe, expect, test, vi } from "vitest";
+import { flushPromises } from "@vue/test-utils";
+import { mountSuspended } from "@nuxt/test-utils/runtime";
 
 // Local imports
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import InspectorInspectionButton from "@ogw_front/components/Inspector/InspectionButton"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import InspectorInspectionButton from "@ogw_front/components/Inspector/InspectionButton";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-describe("Inspector/InspectionButton", async () => {
-  const pinia = setupActivePinia()
-  const geodeStore = useGeodeStore()
-  geodeStore.base_url = ""
+describe("Inspector/InspectionButton", () => {
+  const pinia = setupActivePinia();
+  const geodeStore = useGeodeStore();
+  geodeStore.base_url = "";
 
   test(`Test with issues`, async () => {
     const inspection_result = {
@@ -30,39 +30,39 @@ describe("Inspector/InspectionButton", async () => {
           issues: ["issue 1"],
         },
       ],
-    }
+    };
 
     geodeStore.request = vi.fn((_schema, params, callbacks) => {
       if (callbacks?.response_function) {
         callbacks.response_function({
           inspection_result,
-        })
+        });
       }
       return Promise.resolve({
         inspection_result,
-      })
-    })
+      });
+    });
 
-    const geode_object_type = "BRep"
-    const filename = "test.txt"
+    const geode_object_type = "BRep";
+    const filename = "test.txt";
 
     const wrapper = await mountSuspended(InspectorInspectionButton, {
       global: {
         plugins: [vuetify, pinia],
       },
       props: { geode_object_type, filename },
-    })
+    });
 
-    expect(wrapper.exists()).toBeTruthy()
-    const v_btn = await wrapper.findComponent(components.VBtn)
-    await v_btn.trigger("click")
-    await flushPromises()
+    expect(wrapper.exists()).toBeTruthy();
+    const v_btn = await wrapper.findComponent(components.VBtn);
+    await v_btn.trigger("click");
+    await flushPromises();
 
-    expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(1)
+    expect(wrapper.emitted()).toHaveProperty("update_values");
+    expect(wrapper.emitted().update_values).toHaveLength(1);
     expect(wrapper.emitted().update_values[0][0]).toStrictEqual({
       inspection_result: [inspection_result],
-    })
-    expect(wrapper.emitted()).toHaveProperty("increment_step")
-  })
-})
+    });
+    expect(wrapper.emitted()).toHaveProperty("increment_step");
+  });
+});
diff --git a/tests/unit/components/Inspector/ResultPanel.nuxt.test.js b/tests/unit/components/Inspector/ResultPanel.nuxt.test.js
index bedbc646..a21047e9 100644
--- a/tests/unit/components/Inspector/ResultPanel.nuxt.test.js
+++ b/tests/unit/components/Inspector/ResultPanel.nuxt.test.js
@@ -1,12 +1,12 @@
 // Third party imports
-import { describe, expect, test } from "vitest"
-import { mountSuspended } from "@nuxt/test-utils/runtime"
+import { describe, expect, test } from "vitest";
+import { mountSuspended } from "@nuxt/test-utils/runtime";
 
 // Local imports
-import InspectorResultPanel from "@ogw_front/components/Inspector/ResultPanel"
-import { vuetify } from "@ogw_tests/utils"
+import InspectorResultPanel from "@ogw_front/components/Inspector/ResultPanel";
+import { vuetify } from "@ogw_tests/utils";
 
-describe("Inspector/ResultPanel", async () => {
+describe("Inspector/ResultPanel", () => {
   test(`Test with issues`, async () => {
     const inspection_result = [
       {
@@ -14,27 +14,24 @@ describe("Inspector/ResultPanel", async () => {
         nb_issues: 26,
         children: [],
       },
-    ]
+    ];
 
     const wrapper = await mountSuspended(InspectorResultPanel, {
       global: {
         plugins: [vuetify],
       },
       props: { inspection_result },
-    })
+    });
 
-    expect(wrapper.exists()).toBeTruthy()
-    expect(wrapper.componentVM.inspection_result).toStrictEqual(
-      inspection_result,
-    )
+    expect(wrapper.exists()).toBeTruthy();
+    expect(wrapper.componentVM.inspection_result).toStrictEqual(inspection_result);
 
-    const child_result_panel_wrapper =
-      await wrapper.findComponent(InspectorResultPanel)
-    expect(child_result_panel_wrapper.exists()).toBeTruthy()
-    expect(
-      child_result_panel_wrapper.componentVM.inspection_result,
-    ).toStrictEqual(inspection_result[0].children)
-  })
+    const child_result_panel_wrapper = await wrapper.findComponent(InspectorResultPanel);
+    expect(child_result_panel_wrapper.exists()).toBeTruthy();
+    expect(child_result_panel_wrapper.componentVM.inspection_result).toStrictEqual(
+      inspection_result[0].children,
+    );
+  });
 
   test(`Test without issues`, async () => {
     const inspection_result = [
@@ -42,20 +39,18 @@ describe("Inspector/ResultPanel", async () => {
         title: "Brep inspection",
         nb_issues: 0,
       },
-    ]
+    ];
     const wrapper = await mountSuspended(InspectorResultPanel, {
       global: {
         plugins: [vuetify],
       },
       props: { inspection_result },
-    })
+    });
 
-    expect(wrapper.exists()).toBeTruthy()
+    expect(wrapper.exists()).toBeTruthy();
 
-    console.log({ wrapper })
+    console.log({ wrapper });
 
-    expect(wrapper.componentVM.inspection_result).toStrictEqual(
-      inspection_result,
-    )
-  })
-})
+    expect(wrapper.componentVM.inspection_result).toStrictEqual(inspection_result);
+  });
+});
diff --git a/tests/unit/components/Launcher.nuxt.test.js b/tests/unit/components/Launcher.nuxt.test.js
index 41e57df6..9f2e5e34 100644
--- a/tests/unit/components/Launcher.nuxt.test.js
+++ b/tests/unit/components/Launcher.nuxt.test.js
@@ -1,39 +1,37 @@
-import { describe, expect, test, vi } from "vitest"
+import { describe, expect, test, vi } from "vitest";
 
-import Launcher from "@ogw_front/components/Launcher"
-import ResizeObserver from "resize-observer-polyfill"
-import { flushPromises } from "@vue/test-utils"
-import { mountSuspended } from "@nuxt/test-utils/runtime"
+import Launcher from "@ogw_front/components/Launcher";
+import ResizeObserver from "resize-observer-polyfill";
+import { flushPromises } from "@vue/test-utils";
+import { mountSuspended } from "@nuxt/test-utils/runtime";
 
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import { useInfraStore } from "@ogw_front/stores/infra"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import { useInfraStore } from "@ogw_front/stores/infra";
 
 // Mock navigator.locks API
-const mockLockRequest = vi
-  .fn()
-  .mockImplementation(async (name, task) => await task({ name }))
+const mockLockRequest = vi.fn().mockImplementation(async (name, task) => await task({ name }));
 
 vi.stubGlobal("navigator", {
   ...navigator,
   locks: {
     request: mockLockRequest,
   },
-})
+});
 
-globalThis.ResizeObserver = ResizeObserver
+globalThis.ResizeObserver = ResizeObserver;
 
-describe(Launcher, async () => {
+describe(Launcher, () => {
   test(`Mount`, async () => {
-    const pinia = setupActivePinia()
-    const infraStore = useInfraStore()
+    const pinia = setupActivePinia();
+    const infraStore = useInfraStore();
     const wrapper = await mountSuspended(Launcher, {
       global: {
         plugins: [vuetify, pinia],
       },
-    })
-    expect(wrapper.exists()).toBeTruthy()
-    await infraStore.$patch({ is_captcha_validated: true })
-    await flushPromises()
-    expect(infraStore.create_backend).toHaveBeenCalled()
-  })
-})
+    });
+    expect(wrapper.exists()).toBeTruthy();
+    await infraStore.$patch({ is_captcha_validated: true });
+    await flushPromises();
+    expect(infraStore.create_backend).toHaveBeenCalled();
+  });
+});
diff --git a/tests/unit/components/MissingFilesSelector.nuxt.test.js b/tests/unit/components/MissingFilesSelector.nuxt.test.js
index 0de9e216..308d3e30 100644
--- a/tests/unit/components/MissingFilesSelector.nuxt.test.js
+++ b/tests/unit/components/MissingFilesSelector.nuxt.test.js
@@ -1,26 +1,26 @@
 // Third party imports
-import * as components from "vuetify/components"
-import { describe, expect, test, vi } from "vitest"
-import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime"
-import { flushPromises } from "@vue/test-utils"
-import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+import * as components from "vuetify/components";
+import { describe, expect, test, vi } from "vitest";
+import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime";
+import { flushPromises } from "@vue/test-utils";
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 
 // Local imports
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import FileUploader from "@ogw_front/components/FileUploader"
-import MissingFilesSelector from "@ogw_front/components/MissingFilesSelector"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import FileUploader from "@ogw_front/components/FileUploader";
+import MissingFilesSelector from "@ogw_front/components/MissingFilesSelector";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-const EXPECTED_LENGTH = 1
-const FIRST_INDEX = 0
-const SECOND_INDEX = 1
+const EXPECTED_LENGTH = 1;
+const FIRST_INDEX = 0;
+const SECOND_INDEX = 1;
 
-const upload_file_schema = schemas.opengeodeweb_back.upload_file
+const upload_file_schema = schemas.opengeodeweb_back.upload_file;
 
 describe(MissingFilesSelector, () => {
-  const pinia = setupActivePinia()
-  const geodeStore = useGeodeStore()
-  geodeStore.base_url = ""
+  const pinia = setupActivePinia();
+  const geodeStore = useGeodeStore();
+  geodeStore.base_url = "";
 
   test(`Select file`, async () => {
     geodeStore.request = vi.fn((schema, params, callbacks) => {
@@ -29,14 +29,14 @@ describe(MissingFilesSelector, () => {
           has_missing_files: true,
           mandatory_files: ["fake_file.txt"],
           additional_files: ["fake_file_2.txt"],
-        })
+        });
       }
       return Promise.resolve({
         has_missing_files: true,
         mandatory_files: ["fake_file.txt"],
         additional_files: ["fake_file_2.txt"],
-      })
-    })
+      });
+    });
 
     const wrapper = await mountSuspended(MissingFilesSelector, {
       global: {
@@ -47,32 +47,32 @@ describe(MissingFilesSelector, () => {
         geode_object_type: "BRep",
         filenames: ["fake_file.txt"],
       },
-    })
+    });
 
-    const file_uploader = wrapper.findComponent(FileUploader)
-    expect(file_uploader.exists()).toBeTruthy()
+    const file_uploader = wrapper.findComponent(FileUploader);
+    expect(file_uploader.exists()).toBeTruthy();
 
-    const v_file_input = file_uploader.find('input[type="file"]')
-    const files = [new File(["fake_file"], "fake_file.txt")]
+    const v_file_input = file_uploader.find('input[type="file"]');
+    const files = [new File(["fake_file"], "fake_file.txt")];
     Object.defineProperty(v_file_input.element, "files", {
       value: files,
       writable: true,
-    })
-    await v_file_input.trigger("change")
-    const v_btn = file_uploader.findComponent(components.VBtn)
+    });
+    await v_file_input.trigger("change");
+    const v_btn = file_uploader.findComponent(components.VBtn);
 
     registerEndpoint(upload_file_schema.$id, {
       method: upload_file_schema.methods[SECOND_INDEX],
       handler: () => ({}),
-    })
-    await v_btn.trigger("click")
-    await flushPromises()
-    await flushPromises()
-    expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
+    });
+    await v_btn.trigger("click");
+    await flushPromises();
+    await flushPromises();
+    expect(wrapper.emitted()).toHaveProperty("update_values");
+    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH);
     expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual({
       additional_files: files,
-    })
-    expect(wrapper.emitted().increment_step).toHaveLength(EXPECTED_LENGTH)
-  })
-})
+    });
+    expect(wrapper.emitted().increment_step).toHaveLength(EXPECTED_LENGTH);
+  });
+});
diff --git a/tests/unit/components/ObjectSelector.nuxt.test.js b/tests/unit/components/ObjectSelector.nuxt.test.js
index 9ce76e69..42edf936 100644
--- a/tests/unit/components/ObjectSelector.nuxt.test.js
+++ b/tests/unit/components/ObjectSelector.nuxt.test.js
@@ -1,114 +1,114 @@
-import * as components from "vuetify/components"
-import { describe, expect, test } from "vitest"
-import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime"
-import { flushPromises } from "@vue/test-utils"
+import * as components from "vuetify/components";
+import { describe, expect, test } from "vitest";
+import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime";
+import { flushPromises } from "@vue/test-utils";
 
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import ObjectSelector from "@ogw_front/components/ObjectSelector"
-import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import ObjectSelector from "@ogw_front/components/ObjectSelector";
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-const EXPECTED_LENGTH = 1
-const FIRST_INDEX = 0
-const LOADABLE_SCORE = 1
-const PRIORITY_1 = 1
-const PRIORITY_2 = 2
+const EXPECTED_LENGTH = 1;
+const FIRST_INDEX = 0;
+const LOADABLE_SCORE = 1;
+const PRIORITY_1 = 1;
+const PRIORITY_2 = 2;
 
-const { allowed_objects } = schemas.opengeodeweb_back
+const { allowed_objects } = schemas.opengeodeweb_back;
 
 describe(ObjectSelector, () => {
-  const pinia = setupActivePinia()
-  const geodeStore = useGeodeStore()
-  geodeStore.base_url = ""
+  const pinia = setupActivePinia();
+  const geodeStore = useGeodeStore();
+  geodeStore.base_url = "";
 
   test(`test loadable with one class`, async () => {
     const response = {
       allowed_objects: {},
-    }
-    const geode_object_1 = "BRep"
-    response["allowed_objects"][geode_object_1] = { is_loadable: true }
+    };
+    const geode_object_1 = "BRep";
+    response["allowed_objects"][geode_object_1] = { is_loadable: true };
     registerEndpoint(allowed_objects.$id, {
       method: allowed_objects.methods[FIRST_INDEX],
       handler: () => response,
-    })
+    });
     const wrapper = await mountSuspended(ObjectSelector, {
       global: {
         plugins: [vuetify, pinia],
       },
       props: { filenames: ["test.toto"] },
-    })
-    const v_card = wrapper.findComponent(components.VCard)
-    const v_img = v_card.findComponent(components.VImg)
-    expect(v_img.vm.src).toContain(`${geode_object_1}.svg`)
-    expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
+    });
+    const v_card = wrapper.findComponent(components.VCard);
+    const v_img = v_card.findComponent(components.VImg);
+    expect(v_img.vm.src).toContain(`${geode_object_1}.svg`);
+    expect(wrapper.emitted()).toHaveProperty("update_values");
+    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH);
     expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual({
       geode_object_type: geode_object_1,
-    })
-    wrapper.unmount()
-  })
+    });
+    wrapper.unmount();
+  });
 
   test(`test loabable with multiple classes`, async () => {
     const response = {
       allowed_objects: {},
-    }
-    const geode_object_1 = "BRep"
-    const geode_object_2 = "EdgedCurve3D"
-    response["allowed_objects"][geode_object_1] = { is_loadable: true }
-    response["allowed_objects"][geode_object_2] = { is_loadable: true }
+    };
+    const geode_object_1 = "BRep";
+    const geode_object_2 = "EdgedCurve3D";
+    response["allowed_objects"][geode_object_1] = { is_loadable: true };
+    response["allowed_objects"][geode_object_2] = { is_loadable: true };
     registerEndpoint(allowed_objects.$id, {
       method: allowed_objects.methods[FIRST_INDEX],
       handler: () => response,
-    })
+    });
     const wrapper = await mountSuspended(ObjectSelector, {
       global: {
         plugins: [vuetify, pinia],
       },
       props: { filenames: ["test.toto"] },
-    })
-    const v_card = wrapper.findComponent(components.VCard)
-    const v_img = v_card.findComponent(components.VImg)
-    expect(v_img.vm.src).toContain(`${geode_object_1}.svg`)
-    await flushPromises()
-    await v_card.trigger("click")
-    await flushPromises()
-    expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
+    });
+    const v_card = wrapper.findComponent(components.VCard);
+    const v_img = v_card.findComponent(components.VImg);
+    expect(v_img.vm.src).toContain(`${geode_object_1}.svg`);
+    await flushPromises();
+    await v_card.trigger("click");
+    await flushPromises();
+    expect(wrapper.emitted()).toHaveProperty("update_values");
+    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH);
     expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual({
       geode_object_type: geode_object_1,
-    })
-    wrapper.unmount()
-  })
+    });
+    wrapper.unmount();
+  });
 
   test(`test object_priority when is_loadable scores equal`, async () => {
-    const response = { allowed_objects: {} }
-    const geode_object_1 = "BRep"
-    const geode_object_2 = "EdgedCurve3D"
+    const response = { allowed_objects: {} };
+    const geode_object_1 = "BRep";
+    const geode_object_2 = "EdgedCurve3D";
     response["allowed_objects"][geode_object_1] = {
       is_loadable: LOADABLE_SCORE,
       object_priority: PRIORITY_2,
-    }
+    };
     response["allowed_objects"][geode_object_2] = {
       is_loadable: LOADABLE_SCORE,
       object_priority: PRIORITY_1,
-    }
+    };
     registerEndpoint(allowed_objects.$id, {
       method: allowed_objects.methods[FIRST_INDEX],
       handler: () => response,
-    })
+    });
     const wrapper = await mountSuspended(ObjectSelector, {
       global: {
         plugins: [vuetify, pinia],
       },
       props: { filenames: ["test.toto"] },
-    })
+    });
 
-    await flushPromises()
-    expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
+    await flushPromises();
+    expect(wrapper.emitted()).toHaveProperty("update_values");
+    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH);
     expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual({
       geode_object_type: geode_object_1,
-    })
-    wrapper.unmount()
-  })
-})
+    });
+    wrapper.unmount();
+  });
+});
diff --git a/tests/unit/components/PackagesVersions.nuxt.test.js b/tests/unit/components/PackagesVersions.nuxt.test.js
index 7e7a19ef..4546c843 100644
--- a/tests/unit/components/PackagesVersions.nuxt.test.js
+++ b/tests/unit/components/PackagesVersions.nuxt.test.js
@@ -1,17 +1,17 @@
-import { describe, expect, test } from "vitest"
-import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime"
+import { describe, expect, test } from "vitest";
+import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime";
 
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import PackagesVersions from "@ogw_front/components/PackagesVersions"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import PackagesVersions from "@ogw_front/components/PackagesVersions";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-const FIRST_INDEX = 0
+const FIRST_INDEX = 0;
 
-describe(PackagesVersions, async () => {
+describe(PackagesVersions, () => {
   test(`Mount`, async () => {
-    const pinia = setupActivePinia()
-    const geodeStore = useGeodeStore()
-    geodeStore.base_url = ""
+    const pinia = setupActivePinia();
+    const geodeStore = useGeodeStore();
+    geodeStore.base_url = "";
 
     const schema = {
       $id: "/versions",
@@ -19,7 +19,7 @@ describe(PackagesVersions, async () => {
       type: "object",
       properties: {},
       additionalProperties: false,
-    }
+    };
     registerEndpoint(schema.$id, {
       method: schema.methods[FIRST_INDEX],
       handler: () => ({
@@ -30,13 +30,13 @@ describe(PackagesVersions, async () => {
           },
         ],
       }),
-    })
+    });
     const wrapper = await mountSuspended(PackagesVersions, {
       global: {
         plugins: [vuetify, pinia],
       },
       props: { schema },
-    })
-    expect(wrapper.exists()).toBeTruthy()
-  })
-})
+    });
+    expect(wrapper.exists()).toBeTruthy();
+  });
+});
diff --git a/tests/unit/components/Step.nuxt.test.js b/tests/unit/components/Step.nuxt.test.js
index 7c892f15..289f07fb 100644
--- a/tests/unit/components/Step.nuxt.test.js
+++ b/tests/unit/components/Step.nuxt.test.js
@@ -1,19 +1,19 @@
-import { computed, reactive, ref, shallowRef } from "vue"
-import { describe, expect, test } from "vitest"
-import ResizeObserver from "resize-observer-polyfill"
-import { mount } from "@vue/test-utils"
+import { computed, reactive, ref, shallowRef } from "vue";
+import { describe, expect, test } from "vitest";
+import ResizeObserver from "resize-observer-polyfill";
+import { mount } from "@vue/test-utils";
 
-import ObjectSelector from "@ogw_front/components/ObjectSelector"
-import Step from "@ogw_front/components/Step"
+import ObjectSelector from "@ogw_front/components/ObjectSelector";
+import Step from "@ogw_front/components/Step";
 
-import { vuetify } from "@ogw_tests/utils"
+import { vuetify } from "@ogw_tests/utils";
 
-globalThis.ResizeObserver = ResizeObserver
+globalThis.ResizeObserver = ResizeObserver;
 
 describe(Step, () => {
-  test(`BRep`, async () => {
-    const geode_object_type = ref("BRep")
-    const files = ref([])
+  test(`BRep`, () => {
+    const geode_object_type = ref("BRep");
+    const files = ref([]);
     const stepper_tree = reactive({
       current_step_index: ref(0),
       geode_object_type,
@@ -29,21 +29,20 @@ describe(Step, () => {
           },
           chips: computed(() => {
             if (geode_object_type.value === "") {
-              return []
-            } else {
-              return [geode_object_type.value]
+              return [];
             }
+            return [geode_object_type.value];
           }),
         },
       ],
-    })
+    });
     const wrapper = mount(Step, {
       global: {
         plugins: [vuetify],
         provide: { stepper_tree },
       },
       props: { step_index: 0 },
-    })
-    expect(wrapper.exists()).toBeTruthy()
-  })
-})
+    });
+    expect(wrapper.exists()).toBeTruthy();
+  });
+});
diff --git a/tests/unit/components/Stepper.nuxt.test.js b/tests/unit/components/Stepper.nuxt.test.js
index 306fe033..2f3e3bca 100644
--- a/tests/unit/components/Stepper.nuxt.test.js
+++ b/tests/unit/components/Stepper.nuxt.test.js
@@ -1,22 +1,22 @@
 // Third party imports
-import { computed, reactive, ref, shallowRef } from "vue"
-import { describe, expect, test } from "vitest"
-import ResizeObserver from "resize-observer-polyfill"
-import { mountSuspended } from "@nuxt/test-utils/runtime"
+import { computed, reactive, ref, shallowRef } from "vue";
+import { describe, expect, test } from "vitest";
+import ResizeObserver from "resize-observer-polyfill";
+import { mountSuspended } from "@nuxt/test-utils/runtime";
 
 // Local imports
-import ObjectSelector from "@ogw_front/components/ObjectSelector"
-import Stepper from "@ogw_front/components/Stepper"
-import { vuetify } from "@ogw_tests/utils"
+import ObjectSelector from "@ogw_front/components/ObjectSelector";
+import Stepper from "@ogw_front/components/Stepper";
+import { vuetify } from "@ogw_tests/utils";
 
-const FIRST_INDEX = 0
+const FIRST_INDEX = 0;
 
-globalThis.ResizeObserver = ResizeObserver
+globalThis.ResizeObserver = ResizeObserver;
 
 describe(Stepper, () => {
   test(`Mount`, async () => {
-    const geode_object_type = ref("BRep")
-    const files = ref([])
+    const geode_object_type = ref("BRep");
+    const files = ref([]);
     const stepper_tree = reactive({
       current_step_index: ref(FIRST_INDEX),
       geode_object_type,
@@ -32,19 +32,19 @@ describe(Stepper, () => {
           },
           chips: computed(() => {
             if (geode_object_type.value === "") {
-              return []
+              return [];
             }
-            return [geode_object_type.value]
+            return [geode_object_type.value];
           }),
         },
       ],
-    })
+    });
     const wrapper = await mountSuspended(Stepper, {
       global: {
         plugins: [vuetify],
         provide: { stepper_tree },
       },
-    })
-    expect(wrapper.exists()).toBeTruthy()
-  })
-})
+    });
+    expect(wrapper.exists()).toBeTruthy();
+  });
+});
diff --git a/tests/unit/composables/api_fetch.nuxt.test.js b/tests/unit/composables/api_fetch.nuxt.test.js
index a620a3a6..d35fd657 100644
--- a/tests/unit/composables/api_fetch.nuxt.test.js
+++ b/tests/unit/composables/api_fetch.nuxt.test.js
@@ -1,19 +1,19 @@
 // Third party imports
-import { beforeEach, describe, expect, test } from "vitest"
-import { registerEndpoint } from "@nuxt/test-utils/runtime"
+import { beforeEach, describe, expect, test } from "vitest";
+import { registerEndpoint } from "@nuxt/test-utils/runtime";
 
 // Local imports
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useFeedbackStore } from "@ogw_front/stores/feedback"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia } from "@ogw_tests/utils";
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-const FIRST_INDEX = 0
+const FIRST_INDEX = 0;
 
 describe("geodeStore.request()", () => {
-  setupActivePinia()
-  const geodeStore = useGeodeStore()
-  const feedbackStore = useFeedbackStore()
-  geodeStore.base_url = ""
+  setupActivePinia();
+  const geodeStore = useGeodeStore();
+  const feedbackStore = useFeedbackStore();
+  geodeStore.base_url = "";
 
   const schema = {
     $id: "/test",
@@ -26,15 +26,15 @@ describe("geodeStore.request()", () => {
     },
     required: ["test"],
     additionalProperties: false,
-  }
+  };
 
   beforeEach(async () => {
-    await feedbackStore.$reset()
-    await geodeStore.$reset()
-    geodeStore.base_url = ""
-  })
+    await feedbackStore.$reset();
+    await geodeStore.$reset();
+    geodeStore.base_url = "";
+  });
 
-  test("invalid schema", async () => {
+  test("invalid schema", () => {
     const invalid_schema = {
       $id: "/test",
       type: "object",
@@ -46,33 +46,31 @@ describe("geodeStore.request()", () => {
       },
       required: ["test"],
       additionalProperties: false,
-    }
-    const params = { test: "hello" }
-    expect(() => geodeStore.request(invalid_schema, params)).toThrow(
-      "data/test must be number",
-    )
-  })
+    };
+    const params = { test: "hello" };
+    expect(() => geodeStore.request(invalid_schema, params)).toThrow("data/test must be number");
+  });
 
-  test("invalid params", async () => {
-    const params = {}
+  test("invalid params", () => {
+    const params = {};
     expect(() => geodeStore.request(schema, params)).toThrow(
       "data must have required property 'test'",
-    )
-  })
+    );
+  });
 
   test("request with callbacks", async () => {
-    const params = { test: "hello" }
-    let errorCalled = false
+    const params = { test: "hello" };
+    let errorCalled = false;
     const callbacks = {
-      request_error_function: async () => {
-        errorCalled = true
+      request_error_function: () => {
+        errorCalled = true;
       },
-    }
+    };
     registerEndpoint(schema.$id, {
       method: schema.methods[FIRST_INDEX],
       handler: () => ({ result: "success" }),
-    })
-    await geodeStore.request(schema, params, callbacks)
-    expect(errorCalled).toBeFalsy()
-  })
-})
+    });
+    await geodeStore.request(schema, params, callbacks);
+    expect(errorCalled).toBeFalsy();
+  });
+});
diff --git a/tests/unit/composables/project_manager.nuxt.test.js b/tests/unit/composables/project_manager.nuxt.test.js
index 6006efb4..3345bca1 100644
--- a/tests/unit/composables/project_manager.nuxt.test.js
+++ b/tests/unit/composables/project_manager.nuxt.test.js
@@ -1,32 +1,32 @@
 // Third party imports
-import { beforeEach, describe, expect, test, vi } from "vitest"
+import { beforeEach, describe, expect, test, vi } from "vitest";
 
 // Local imports
-import { appMode } from "@ogw_front/utils/local/app_mode"
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useProjectManager } from "@ogw_front/composables/project_manager"
+import { appMode } from "@ogw_front/utils/local/app_mode";
+import { setupActivePinia } from "@ogw_tests/utils";
+import { useProjectManager } from "@ogw_front/composables/project_manager";
 
 // Constants
-const PANEL_WIDTH = 300
-const Z_SCALE = 1.5
-const FOCAL_POINT1 = 1
-const FOCAL_POINT2 = 2
-const FOCAL_POINT3 = 3
-const FOCAL_POINT = [FOCAL_POINT1, FOCAL_POINT2, FOCAL_POINT3]
-const VIEW_UP1 = 0
-const VIEW_UP2 = 1
-const VIEW_UP3 = 0
-const VIEW_UP = [VIEW_UP1, VIEW_UP2, VIEW_UP3]
-const POSITION1 = 10
-const POSITION2 = 11
-const POSITION3 = 12
-const POSITION = [POSITION1, POSITION2, POSITION3]
-const VIEW_ANGLE = 30
-const CLIPPING_RANGE1 = 0.1
-const CLIPPING_RANGE2 = 1000
-const CLIPPING_RANGE = [CLIPPING_RANGE1, CLIPPING_RANGE2]
-const POINT_SIZE = 2
-const VIEWER_CALL_COUNT = 2
+const PANEL_WIDTH = 300;
+const Z_SCALE = 1.5;
+const FOCAL_POINT1 = 1;
+const FOCAL_POINT2 = 2;
+const FOCAL_POINT3 = 3;
+const FOCAL_POINT = [FOCAL_POINT1, FOCAL_POINT2, FOCAL_POINT3];
+const VIEW_UP1 = 0;
+const VIEW_UP2 = 1;
+const VIEW_UP3 = 0;
+const VIEW_UP = [VIEW_UP1, VIEW_UP2, VIEW_UP3];
+const POSITION1 = 10;
+const POSITION2 = 11;
+const POSITION3 = 12;
+const POSITION = [POSITION1, POSITION2, POSITION3];
+const VIEW_ANGLE = 30;
+const CLIPPING_RANGE1 = 0.1;
+const CLIPPING_RANGE2 = 1000;
+const CLIPPING_RANGE = [CLIPPING_RANGE1, CLIPPING_RANGE2];
+const POINT_SIZE = 2;
+const VIEWER_CALL_COUNT = 2;
 
 // Snapshot
 const snapshotMock = {
@@ -76,68 +76,68 @@ const snapshotMock = {
       clipping_range: CLIPPING_RANGE,
     },
   },
-}
+};
 
 const geodeStoreMock = {
   start_request: vi.fn(),
   stop_request: vi.fn(),
   base_url: vi.fn(() => ""),
   $reset: vi.fn(),
-}
+};
 const infraStoreMock = {
   app_mode: appMode.BROWSER,
   ID: "1234",
-}
+};
 const viewerStoreMock = {
   ws_connect: vi.fn().mockResolvedValue(),
   base_url: vi.fn(() => ""),
   request: vi.fn().mockResolvedValue(),
-}
+};
 const treeviewStoreMock = {
   clear: vi.fn(),
   importStores: vi.fn().mockResolvedValue(),
   finalizeImportSelection: vi.fn(),
   addItem: vi.fn().mockResolvedValue(),
-}
+};
 const dataStoreMock = {
   clear: vi.fn(),
   registerObject: vi.fn().mockResolvedValue(),
   addItem: vi.fn().mockResolvedValue(),
-}
+};
 const dataStyleStoreMock = {
   importStores: vi.fn().mockResolvedValue(),
   applyAllStylesFromState: vi.fn().mockResolvedValue(),
   addDataStyle: vi.fn().mockResolvedValue(),
   applyDefaultStyle: vi.fn().mockResolvedValue(),
-}
+};
 
-const viewer_call_mock_fn = vi.fn().mockResolvedValue()
+const viewer_call_mock_fn = vi.fn().mockResolvedValue();
 
 const hybridViewerStoreMock = {
   clear: vi.fn(),
   initHybridViewer: vi.fn().mockResolvedValue(),
   importStores: vi.fn((snapshot) => {
     if (snapshot?.zScale !== undefined) {
-      hybridViewerStoreMock.setZScaling(snapshot.zScale)
+      hybridViewerStoreMock.setZScaling(snapshot.zScale);
     }
     if (snapshot?.camera_options) {
       viewer_call_mock_fn({
         schema: { $id: "opengeodeweb_viewer.viewer.update_camera" },
         params: { camera_options: snapshot.camera_options },
-      })
-      hybridViewerStoreMock.remoteRender()
+      });
+      hybridViewerStoreMock.remoteRender();
     }
   }),
   addItem: vi.fn().mockResolvedValue(),
   remoteRender: vi.fn(),
   setZScaling: vi.fn(),
-}
+};
 
 // MOCKS
-vi.stubGlobal("$fetch", vi.fn().mockResolvedValue({ snapshot: snapshotMock }))
+vi.stubGlobal("$fetch", vi.fn().mockResolvedValue({ snapshot: snapshotMock }));
 vi.mock(import("@ogw_internal/utils/viewer_call"), () => ({
   viewer_call: viewer_call_mock_fn,
-}))
+}));
 
 vi.mock(import("@ogw_front/composables/api_fetch"), () => ({
   api_fetch: vi.fn(async (_req, options = {}) => {
@@ -146,151 +146,132 @@ vi.mock(import("@ogw_front/composables/api_fetch"), () => ({
       headers: {
         get: (k) => (k === "new-file-name" ? "project_123.vease" : undefined),
       },
-    }
+    };
     if (options.response_function) {
-      await options.response_function(response)
+      await options.response_function(response);
     }
-    return response
+    return response;
   }),
-}))
-vi.mock(import("js-file-download"), () => ({ default: vi.fn() }))
+}));
+vi.mock(import("js-file-download"), () => ({ default: vi.fn() }));
 vi.mock(import("@ogw_front/stores/infra"), () => ({
   useInfraStore: () => infraStoreMock,
-}))
+}));
 vi.mock(import("@ogw_front/stores/viewer"), () => ({
   useViewerStore: () => viewerStoreMock,
-}))
+}));
 vi.mock(import("@ogw_front/stores/treeview"), () => ({
   useTreeviewStore: () => treeviewStoreMock,
-}))
+}));
 vi.mock(import("@ogw_front/stores/data"), () => ({
   useDataStore: () => dataStoreMock,
-}))
+}));
 vi.mock(import("@ogw_front/stores/data_style"), () => ({
   useDataStyleStore: () => dataStyleStoreMock,
-}))
+}));
 vi.mock(import("@ogw_front/stores/hybrid_viewer"), () => ({
   useHybridViewerStore: () => hybridViewerStoreMock,
-}))
+}));
 vi.mock(import("@ogw_front/stores/geode"), () => ({
   useGeodeStore: () => geodeStoreMock,
-}))
+}));
 vi.mock(import("@ogw_front/stores/app"), () => ({
   useAppStore: () => ({
     exportStores: vi.fn(() => ({ projectName: "mockedProject" })),
   }),
-}))
+}));
 
 vi.stubGlobal("useAppStore", () => ({
   exportStores: vi.fn(() => ({ projectName: "mockedProject" })),
-}))
+}));
 
-const mockLockRequest = vi
-  .fn()
-  .mockImplementation(async (name, task) => await task({ name }))
+const mockLockRequest = vi.fn().mockImplementation(async (name, task) => await task({ name }));
 
 vi.stubGlobal("navigator", {
   ...navigator,
   locks: {
     request: mockLockRequest,
   },
-})
+});
 
 function verifyViewerCalls() {
-  expect(viewerStoreMock.ws_connect).toHaveBeenCalledWith()
-  expect(viewer_call_mock_fn).toHaveBeenCalledTimes(VIEWER_CALL_COUNT)
+  expect(viewerStoreMock.ws_connect).toHaveBeenCalledWith();
+  expect(viewer_call_mock_fn).toHaveBeenCalledTimes(VIEWER_CALL_COUNT);
 }
 
 function verifyStoreImports() {
-  expect(treeviewStoreMock.importStores).toHaveBeenCalledWith(
-    snapshotMock.treeview,
-  )
-  expect(hybridViewerStoreMock.initHybridViewer).toHaveBeenCalledWith()
-  expect(hybridViewerStoreMock.importStores).toHaveBeenCalledWith(
-    snapshotMock.hybridViewer,
-  )
-  expect(hybridViewerStoreMock.setZScaling).toHaveBeenCalledWith(Z_SCALE)
+  expect(treeviewStoreMock.importStores).toHaveBeenCalledWith(snapshotMock.treeview);
+  expect(hybridViewerStoreMock.initHybridViewer).toHaveBeenCalledWith();
+  expect(hybridViewerStoreMock.importStores).toHaveBeenCalledWith(snapshotMock.hybridViewer);
+  expect(hybridViewerStoreMock.setZScaling).toHaveBeenCalledWith(Z_SCALE);
 }
 
 function verifyDataManagement() {
-  expect(dataStyleStoreMock.importStores).toHaveBeenCalledWith(
-    snapshotMock.dataStyle,
-  )
-  expect(dataStyleStoreMock.applyAllStylesFromState).toHaveBeenCalledWith()
-  expect(dataStoreMock.registerObject).toHaveBeenCalledWith("abc123")
-  expect(dataStoreMock.addItem).toHaveBeenCalledWith(snapshotMock.data.items[0])
-  expect(treeviewStoreMock.addItem).toHaveBeenCalledWith(
-    "PointSet2D",
-    "My Data",
-    "abc123",
-    "mesh",
-  )
+  expect(dataStyleStoreMock.importStores).toHaveBeenCalledWith(snapshotMock.dataStyle);
+  expect(dataStyleStoreMock.applyAllStylesFromState).toHaveBeenCalledWith();
+  expect(dataStoreMock.registerObject).toHaveBeenCalledWith("abc123");
+  expect(dataStoreMock.addItem).toHaveBeenCalledWith(snapshotMock.data.items[0]);
+  expect(treeviewStoreMock.addItem).toHaveBeenCalledWith("PointSet2D", "My Data", "abc123", "mesh");
 }
 
 function verifyRemaining() {
-  expect(hybridViewerStoreMock.addItem).toHaveBeenCalledWith("abc123")
-  expect(dataStyleStoreMock.addDataStyle).toHaveBeenCalledWith(
-    "abc123",
-    "PointSet2D",
-  )
-  expect(dataStyleStoreMock.applyDefaultStyle).toHaveBeenCalledWith("abc123")
-  expect(hybridViewerStoreMock.remoteRender).toHaveBeenCalledWith()
+  expect(hybridViewerStoreMock.addItem).toHaveBeenCalledWith("abc123");
+  expect(dataStyleStoreMock.addDataStyle).toHaveBeenCalledWith("abc123", "PointSet2D");
+  expect(dataStyleStoreMock.applyDefaultStyle).toHaveBeenCalledWith("abc123");
+  expect(hybridViewerStoreMock.remoteRender).toHaveBeenCalledWith();
 }
 
 beforeEach(() => {
-  setupActivePinia()
+  setupActivePinia();
   const storesList = [
     viewerStoreMock,
     treeviewStoreMock,
     dataStoreMock,
     dataStyleStoreMock,
     hybridViewerStoreMock,
-  ]
+  ];
   for (const store of storesList) {
-    const values = Object.values(store)
+    const values = Object.values(store);
     for (const value of values) {
       if (typeof value === "function" && value.mockClear) {
-        value.mockClear()
+        value.mockClear();
       }
     }
   }
-  viewer_call_mock_fn.mockClear()
-})
+  viewer_call_mock_fn.mockClear();
+});
 
 describe("projectManager composable (compact)", () => {
   test("exportProject", async () => {
-    const { exportProject } = useProjectManager()
-    const { default: fileDownload } = await import("js-file-download")
+    const { exportProject } = useProjectManager();
+    const { default: fileDownload } = await import("js-file-download");
 
-    await exportProject()
+    await exportProject();
 
-    expect(fileDownload).toHaveBeenCalledWith(
-      { snapshot: snapshotMock },
-      "project.vease",
-    )
-  })
+    expect(fileDownload).toHaveBeenCalledWith({ snapshot: snapshotMock }, "project.vease");
+  });
 
   test("importProjectFile with snapshot - Viewer and Stores", async () => {
-    const { importProjectFile } = useProjectManager()
+    const { importProjectFile } = useProjectManager();
     const file = new Blob(['{"dataBase":{"db":{}}}'], {
       type: "application/json",
-    })
+    });
 
-    await importProjectFile(file)
+    await importProjectFile(file);
 
-    verifyViewerCalls()
-    verifyStoreImports()
-  })
+    verifyViewerCalls();
+    verifyStoreImports();
+  });
 
   test("importProjectFile with snapshot - Data and Rendering", async () => {
-    const { importProjectFile } = useProjectManager()
+    const { importProjectFile } = useProjectManager();
     const file = new Blob(['{"dataBase":{"db":{}}}'], {
       type: "application/json",
-    })
+    });
 
-    await importProjectFile(file)
+    await importProjectFile(file);
 
-    verifyDataManagement()
-    verifyRemaining()
-  })
-})
+    verifyDataManagement();
+    verifyRemaining();
+  });
+});
diff --git a/tests/unit/composables/run_function_when_microservices_connected.nuxt.test.js b/tests/unit/composables/run_function_when_microservices_connected.nuxt.test.js
index a46ba4b5..2bfc8bc9 100644
--- a/tests/unit/composables/run_function_when_microservices_connected.nuxt.test.js
+++ b/tests/unit/composables/run_function_when_microservices_connected.nuxt.test.js
@@ -1,57 +1,57 @@
 // Third party imports
-import { beforeEach, describe, expect, test, vi } from "vitest"
-import { flushPromises } from "@vue/test-utils"
+import { beforeEach, describe, expect, test, vi } from "vitest";
+import { flushPromises } from "@vue/test-utils";
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { run_function_when_microservices_connected } from "@ogw_front/composables/run_function_when_microservices_connected"
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useGeodeStore } from "@ogw_front/stores/geode"
-import { useInfraStore } from "@ogw_front/stores/infra"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { run_function_when_microservices_connected } from "@ogw_front/composables/run_function_when_microservices_connected";
+import { setupActivePinia } from "@ogw_tests/utils";
+import { useGeodeStore } from "@ogw_front/stores/geode";
+import { useInfraStore } from "@ogw_front/stores/infra";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
-const dumb_obj = { dumb_method: () => true }
-let infraStore = undefined
-let geodeStore = undefined
-let viewerStore = undefined
+const dumb_obj = { dumb_method: () => true };
+let infraStore = undefined;
+let geodeStore = undefined;
+let viewerStore = undefined;
 
 beforeEach(() => {
-  setupActivePinia()
-  infraStore = useInfraStore()
-  geodeStore = useGeodeStore()
-  viewerStore = useViewerStore()
+  setupActivePinia();
+  infraStore = useInfraStore();
+  geodeStore = useGeodeStore();
+  viewerStore = useViewerStore();
 
   // Register microservices in infra store
   infraStore.register_microservice(geodeStore, {
     request: vi.fn(),
     connect: vi.fn(),
     launch: vi.fn(),
-  })
+  });
   infraStore.register_microservice(viewerStore, {
     request: vi.fn(),
     connect: vi.fn(),
     launch: vi.fn(),
-  })
+  });
 
-  geodeStore.$patch({ status: Status.NOT_CONNECTED })
-  viewerStore.$patch({ status: Status.NOT_CONNECTED })
-})
+  geodeStore.$patch({ status: Status.NOT_CONNECTED });
+  viewerStore.$patch({ status: Status.NOT_CONNECTED });
+});
 
 describe("when_microservices_connected_run_function", () => {
-  test("microservices not connected", async () => {
-    const spy = vi.spyOn(dumb_obj, "dumb_method")
-    run_function_when_microservices_connected(dumb_obj.dumb_method)
-    geodeStore.$patch({ status: Status.NOT_CONNECTED })
-    viewerStore.$patch({ status: Status.NOT_CONNECTED })
-    expect(spy).not.toHaveBeenCalled()
-  })
+  test("microservices not connected", () => {
+    const spy = vi.spyOn(dumb_obj, "dumb_method");
+    run_function_when_microservices_connected(dumb_obj.dumb_method);
+    geodeStore.$patch({ status: Status.NOT_CONNECTED });
+    viewerStore.$patch({ status: Status.NOT_CONNECTED });
+    expect(spy).not.toHaveBeenCalled();
+  });
 
   test("microservices connected", async () => {
-    const spy = vi.spyOn(dumb_obj, "dumb_method")
-    run_function_when_microservices_connected(dumb_obj.dumb_method)
-    geodeStore.$patch({ status: Status.CONNECTED })
-    viewerStore.$patch({ status: Status.CONNECTED })
-    await flushPromises()
-    expect(spy).toHaveBeenCalledWith()
-  })
-})
+    const spy = vi.spyOn(dumb_obj, "dumb_method");
+    run_function_when_microservices_connected(dumb_obj.dumb_method);
+    geodeStore.$patch({ status: Status.CONNECTED });
+    viewerStore.$patch({ status: Status.CONNECTED });
+    await flushPromises();
+    expect(spy).toHaveBeenCalledWith();
+  });
+});
diff --git a/tests/unit/composables/upload_file.nuxt.test.js b/tests/unit/composables/upload_file.nuxt.test.js
index ebc27de5..91fb8313 100644
--- a/tests/unit/composables/upload_file.nuxt.test.js
+++ b/tests/unit/composables/upload_file.nuxt.test.js
@@ -1,47 +1,45 @@
 // Third party imports
-import { beforeEach, describe, expect, test } from "vitest"
-import { registerEndpoint } from "@nuxt/test-utils/runtime"
-import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+import { beforeEach, describe, expect, test } from "vitest";
+import { registerEndpoint } from "@nuxt/test-utils/runtime";
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 
 // Local imports
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useFeedbackStore } from "@ogw_front/stores/feedback"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia } from "@ogw_tests/utils";
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-const ZERO = 0
-const schema = schemas.opengeodeweb_back.upload_file
+const ZERO = 0;
+const schema = schemas.opengeodeweb_back.upload_file;
 
 beforeEach(() => {
-  setupActivePinia()
-  const geodeStore = useGeodeStore()
-  geodeStore.base_url = ""
-})
+  setupActivePinia();
+  const geodeStore = useGeodeStore();
+  geodeStore.base_url = "";
+});
 
 describe("upload_file test", () => {
   test("throw error", async () => {
-    const geodeStore = useGeodeStore()
-    const file = "toto"
+    const geodeStore = useGeodeStore();
+    const file = "toto";
 
-    await expect(geodeStore.upload(file)).rejects.toThrow(
-      "file must be a instance of File",
-    )
-  })
+    await expect(geodeStore.upload(file)).rejects.toThrow("file must be a instance of File");
+  });
 
   test("onResponse", async () => {
-    const feedbackStore = useFeedbackStore()
-    const geodeStore = useGeodeStore()
+    const feedbackStore = useFeedbackStore();
+    const geodeStore = useGeodeStore();
     registerEndpoint(schema.$id, {
       method: "PUT",
       handler: () => ({ test: "ok" }),
-    })
-    const file = new File(["fake_file"], "fake_file.txt")
-    let response_value = ""
+    });
+    const file = new File(["fake_file"], "fake_file.txt");
+    let response_value = "";
     await geodeStore.upload(file, {
       response_function: (response) => {
-        response_value = response._data.test
+        response_value = response._data.test;
       },
-    })
-    expect(feedbackStore.feedbacks).toHaveLength(ZERO)
-    expect(response_value).toBe("ok")
-  })
-})
+    });
+    expect(feedbackStore.feedbacks).toHaveLength(ZERO);
+    expect(response_value).toBe("ok");
+  });
+});
diff --git a/tests/unit/plugins/project_load.nuxt.test.js b/tests/unit/plugins/project_load.nuxt.test.js
index b4bdd7e9..af4380e6 100644
--- a/tests/unit/plugins/project_load.nuxt.test.js
+++ b/tests/unit/plugins/project_load.nuxt.test.js
@@ -1,23 +1,23 @@
-import { beforeEach, describe, expect, test, vi } from "vitest"
+import { beforeEach, describe, expect, test, vi } from "vitest";
 
-import { useAppStore } from "@ogw_front/stores/app"
-import { useDataStore } from "@ogw_front/stores/data"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
-import { useTreeviewStore } from "@ogw_front/stores/treeview"
+import { useAppStore } from "@ogw_front/stores/app";
+import { useDataStore } from "@ogw_front/stores/data";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
+import { useTreeviewStore } from "@ogw_front/stores/treeview";
 
-import { database } from "@ogw_internal/database/database.js"
-import { setupActivePinia } from "@ogw_tests/utils"
+import { database } from "@ogw_internal/database/database.js";
+import { setupActivePinia } from "@ogw_tests/utils";
 
-const PANEL_WIDTH = 320
-const Z_SCALE = 1.5
-const STORES_SLICE_START = 1
+const PANEL_WIDTH = 320;
+const Z_SCALE = 1.5;
+const STORES_SLICE_START = 1;
 
 vi.mock(import("@ogw_internal/utils/viewer_call"), () => ({
   viewer_call: vi.fn(async () => {
-    await Promise.resolve()
+    await Promise.resolve();
   }),
-}))
+}));
 vi.mock(import("@ogw_front/stores/hybrid_viewer"), () => ({
   useHybridViewerStore: () => ({
     $id: "hybridViewer",
@@ -28,11 +28,11 @@ vi.mock(import("@ogw_front/stores/hybrid_viewer"), () => ({
     save: vi.fn(),
     load: vi.fn(),
   }),
-}))
+}));
 
 beforeEach(() => {
-  setupActivePinia()
-})
+  setupActivePinia();
+});
 
 describe("Project import", () => {
   test("app.importStores restores stores", async () => {
@@ -42,18 +42,16 @@ describe("Project import", () => {
       treeview: useTreeviewStore(),
       dataStyle: useDataStyleStore(),
       hybrid: useHybridViewerStore(),
-    }
-    const storesArray = Object.values(stores)
+    };
+    const storesArray = Object.values(stores);
     for (const store of storesArray.slice(STORES_SLICE_START)) {
-      stores.app.registerStore(store)
+      stores.app.registerStore(store);
     }
 
-    vi.spyOn(stores.dataBase, "importStores").mockImplementation(
-      async (snapshot) => {
-        const items = snapshot?.items || []
-        await Promise.all(items.map((item) => database.data.put(item)))
-      },
-    )
+    vi.spyOn(stores.dataBase, "importStores").mockImplementation(async (snapshot) => {
+      const items = snapshot?.items || [];
+      await Promise.all(items.map((item) => database.data.put(item)));
+    });
 
     const snapshot = {
       data: {
@@ -81,13 +79,13 @@ describe("Project import", () => {
       },
       dataStyle: { styles: { abc123: { some: "style" } } },
       hybridViewer: { zScale: Z_SCALE },
-    }
+    };
 
-    await stores.app.importStores(snapshot)
+    await stores.app.importStores(snapshot);
 
-    const item = await database.data.get("abc123")
-    expect(item).toBeDefined()
-    expect(item.id).toBe("abc123")
-    expect(stores.dataStyle.styles.abc123).toBeDefined()
-  })
-})
+    const item = await database.data.get("abc123");
+    expect(item).toBeDefined();
+    expect(item.id).toBe("abc123");
+    expect(stores.dataStyle.styles.abc123).toBeDefined();
+  });
+});
diff --git a/tests/unit/stores/app.nuxt.test.js b/tests/unit/stores/app.nuxt.test.js
index 4d07cc0e..83874ce5 100644
--- a/tests/unit/stores/app.nuxt.test.js
+++ b/tests/unit/stores/app.nuxt.test.js
@@ -1,71 +1,71 @@
-import { beforeEach, describe, expect, expectTypeOf, test, vi } from "vitest"
+import { beforeEach, describe, expect, expectTypeOf, test, vi } from "vitest";
 
-import { useAppStore } from "@ogw_front/stores/app"
+import { useAppStore } from "@ogw_front/stores/app";
 
-import { setupActivePinia } from "@ogw_tests/utils"
+import { setupActivePinia } from "@ogw_tests/utils";
 
 // Constants
-const SINGLE_STORE_LENGTH = 1
-const MULTIPLE_STORES_LENGTH = 2
-const FIRST_INDEX = 0
-const SECOND_INDEX = 1
-const CALL_COUNT_ONCE = 1
+const SINGLE_STORE_LENGTH = 1;
+const MULTIPLE_STORES_LENGTH = 2;
+const FIRST_INDEX = 0;
+const SECOND_INDEX = 1;
+const CALL_COUNT_ONCE = 1;
 
 beforeEach(() => {
-  setupActivePinia()
-})
+  setupActivePinia();
+});
 describe("app store", () => {
   describe("state", () => {
     test("initial state", () => {
-      const appStore = useAppStore()
-      expectTypeOf(appStore.stores).toBeArray()
-      expectTypeOf(appStore.exportStores).toBeFunction()
-      expectTypeOf(appStore.importStores).toBeFunction()
-      expectTypeOf(appStore.registerStore).toBeFunction()
-    })
-  })
+      const appStore = useAppStore();
+      expectTypeOf(appStore.stores).toBeArray();
+      expectTypeOf(appStore.exportStores).toBeFunction();
+      expectTypeOf(appStore.importStores).toBeFunction();
+      expectTypeOf(appStore.registerStore).toBeFunction();
+    });
+  });
 
   describe("actions", () => {
     describe("registerStore", () => {
       test("register single store", () => {
-        const appStore = useAppStore()
+        const appStore = useAppStore();
         const mock_store = {
           $id: "testStore",
           save: vi.fn().mockImplementation(() => ({ data: "test" })),
           load: vi.fn().mockImplementation(),
-        }
+        };
 
-        appStore.registerStore(mock_store)
+        appStore.registerStore(mock_store);
 
-        expect(appStore.stores).toHaveLength(SINGLE_STORE_LENGTH)
-        expect(appStore.stores[FIRST_INDEX]).toStrictEqual(mock_store)
-      })
+        expect(appStore.stores).toHaveLength(SINGLE_STORE_LENGTH);
+        expect(appStore.stores[FIRST_INDEX]).toStrictEqual(mock_store);
+      });
 
       test("register multiple stores", () => {
-        const appStore = useAppStore()
+        const appStore = useAppStore();
         const mock_store_1 = {
           $id: "userStore",
           save: vi.fn().mockImplementation(),
           load: vi.fn().mockImplementation(),
-        }
+        };
         const mock_store_2 = {
           $id: "geodeStore",
           save: vi.fn().mockImplementation(),
           load: vi.fn().mockImplementation(),
-        }
+        };
 
-        appStore.registerStore(mock_store_1)
-        appStore.registerStore(mock_store_2)
+        appStore.registerStore(mock_store_1);
+        appStore.registerStore(mock_store_2);
 
-        expect(appStore.stores).toHaveLength(MULTIPLE_STORES_LENGTH)
-        expect(appStore.stores[FIRST_INDEX].$id).toBe("userStore")
-        expect(appStore.stores[SECOND_INDEX].$id).toBe("geodeStore")
-      })
-    })
+        expect(appStore.stores).toHaveLength(MULTIPLE_STORES_LENGTH);
+        expect(appStore.stores[FIRST_INDEX].$id).toBe("userStore");
+        expect(appStore.stores[SECOND_INDEX].$id).toBe("geodeStore");
+      });
+    });
 
     describe("export", () => {
       test("export stores with exportStores method", async () => {
-        const appStore = useAppStore()
+        const appStore = useAppStore();
         const mock_store_1 = {
           $id: "userStore",
           exportStores: vi.fn().mockImplementation(() => ({
@@ -73,117 +73,115 @@ describe("app store", () => {
             email: "toto@titi.com",
           })),
           importStores: vi.fn().mockImplementation(),
-        }
+        };
         const mock_store_2 = {
           $id: "geodeStore",
-          exportStores: vi
-            .fn()
-            .mockImplementation(() => ({ items: [], total: 0 })),
+          exportStores: vi.fn().mockImplementation(() => ({ items: [], total: 0 })),
           importStores: vi.fn().mockImplementation(),
-        }
+        };
 
-        appStore.registerStore(mock_store_1)
-        appStore.registerStore(mock_store_2)
+        appStore.registerStore(mock_store_1);
+        appStore.registerStore(mock_store_2);
 
-        const snapshot = await appStore.exportStores()
+        const snapshot = await appStore.exportStores();
 
-        expect(mock_store_1.exportStores).toHaveBeenCalledTimes(CALL_COUNT_ONCE)
-        expect(mock_store_2.exportStores).toHaveBeenCalledTimes(CALL_COUNT_ONCE)
+        expect(mock_store_1.exportStores).toHaveBeenCalledTimes(CALL_COUNT_ONCE);
+        expect(mock_store_2.exportStores).toHaveBeenCalledTimes(CALL_COUNT_ONCE);
         expect(snapshot).toStrictEqual({
           userStore: { name: "toto", email: "toto@titi.com" },
           geodeStore: { items: [], total: 0 },
-        })
-      })
+        });
+      });
 
       test("skip stores without exportSave method", async () => {
-        const appStore = useAppStore()
+        const appStore = useAppStore();
         const mock_store_1 = {
           $id: "withSave",
           exportStores: vi.fn().mockImplementation(() => ({ data: "test" })),
           importStores: vi.fn().mockImplementation(),
-        }
+        };
         const mock_store_2 = {
           $id: "withoutSave",
           importStores: vi.fn().mockImplementation(),
-        }
+        };
 
-        appStore.registerStore(mock_store_1)
-        appStore.registerStore(mock_store_2)
+        appStore.registerStore(mock_store_1);
+        appStore.registerStore(mock_store_2);
 
-        const snapshot = await appStore.exportStores()
+        const snapshot = await appStore.exportStores();
 
-        expect(mock_store_1.exportStores).toHaveBeenCalledTimes(CALL_COUNT_ONCE)
+        expect(mock_store_1.exportStores).toHaveBeenCalledTimes(CALL_COUNT_ONCE);
         expect(snapshot).toEqual({
           withSave: { data: "test" },
-        })
-        expect(snapshot.withoutSave).toBeUndefined()
-      })
+        });
+        expect(snapshot.withoutSave).toBeUndefined();
+      });
 
       test("return empty snapshot when no stores registered", async () => {
-        const appStore = useAppStore()
-        const snapshot = await appStore.exportStores()
-        expect(snapshot).toStrictEqual({})
-      })
-    })
+        const appStore = useAppStore();
+        const snapshot = await appStore.exportStores();
+        expect(snapshot).toStrictEqual({});
+      });
+    });
 
     describe("load", () => {
       test("import stores with importStores method", async () => {
-        const appStore = useAppStore()
+        const appStore = useAppStore();
         const userStore = {
           $id: "userStore",
           importStores: vi.fn().mockResolvedValue(),
-        }
+        };
         const geodeStore = {
           $id: "geodeStore",
           importStores: vi.fn().mockResolvedValue(),
-        }
-        appStore.registerStore(userStore)
-        appStore.registerStore(geodeStore)
+        };
+        appStore.registerStore(userStore);
+        appStore.registerStore(geodeStore);
         const snapshot = {
           userStore: { some: "data" },
           geodeStore: { other: "data" },
-        }
-        await appStore.importStores(snapshot)
-        expect(userStore.importStores).toHaveBeenCalledTimes(CALL_COUNT_ONCE)
-        expect(geodeStore.importStores).toHaveBeenCalledTimes(CALL_COUNT_ONCE)
-      })
+        };
+        await appStore.importStores(snapshot);
+        expect(userStore.importStores).toHaveBeenCalledTimes(CALL_COUNT_ONCE);
+        expect(geodeStore.importStores).toHaveBeenCalledTimes(CALL_COUNT_ONCE);
+      });
 
       test("skip stores without importStores method", async () => {
-        const appStore = useAppStore()
+        const appStore = useAppStore();
         const mock_store_1 = {
           $id: "withImport",
           save: vi.fn().mockImplementation(),
           importStores: vi.fn().mockImplementation(),
-        }
+        };
         const mock_store_2 = {
           $id: "withoutImport",
           save: vi.fn().mockImplementation(),
-        }
-        appStore.registerStore(mock_store_1)
-        appStore.registerStore(mock_store_2)
+        };
+        appStore.registerStore(mock_store_1);
+        appStore.registerStore(mock_store_2);
         const snapshot = {
           withImport: { data: "test" },
           withoutImport: { data: "ignored" },
-        }
-        await appStore.importStores(snapshot)
-        expect(mock_store_1.importStores).toHaveBeenCalledTimes(CALL_COUNT_ONCE)
-        expect(mock_store_2.importStores).toBeUndefined()
-      })
+        };
+        await appStore.importStores(snapshot);
+        expect(mock_store_1.importStores).toHaveBeenCalledTimes(CALL_COUNT_ONCE);
+        expect(mock_store_2.importStores).toBeUndefined();
+      });
 
       test("warn when store not found in snapshot", async () => {
-        const appStore = useAppStore()
-        const console_warn_spy = vi.spyOn(console, "warn").mockImplementation()
+        const appStore = useAppStore();
+        const console_warn_spy = vi.spyOn(console, "warn").mockImplementation();
         const mock_store = {
           $id: "testStore",
           importStores: vi.fn().mockImplementation(),
-        }
-        appStore.registerStore(mock_store)
-        await appStore.importStores({})
+        };
+        appStore.registerStore(mock_store);
+        await appStore.importStores({});
         expect(console_warn_spy).toHaveBeenCalledWith(
           expect.stringContaining("Stores not found in snapshot: testStore"),
-        )
-        console_warn_spy.mockRestore()
-      })
-    })
-  })
-})
+        );
+        console_warn_spy.mockRestore();
+      });
+    });
+  });
+});
diff --git a/tests/unit/stores/feedback.nuxt.test.js b/tests/unit/stores/feedback.nuxt.test.js
index 63721148..c91a9699 100644
--- a/tests/unit/stores/feedback.nuxt.test.js
+++ b/tests/unit/stores/feedback.nuxt.test.js
@@ -1,85 +1,75 @@
 // Third party imports
-import { beforeEach, describe, expect, expectTypeOf, test } from "vitest"
+import { beforeEach, describe, expect, expectTypeOf, test } from "vitest";
 
 // Local imports
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useFeedbackStore } from "@ogw_front/stores/feedback"
+import { setupActivePinia } from "@ogw_tests/utils";
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
 
-const ERROR_500 = 500
-const MILISECONDS_TIMEOUT = 1000
+const ERROR_500 = 500;
+const MILISECONDS_TIMEOUT = 1000;
 
 beforeEach(() => {
-  setupActivePinia()
-})
+  setupActivePinia();
+});
 
 describe("Feedback Store", () => {
   describe("state", () => {
     test("initial state", () => {
-      const feedbackStore = useFeedbackStore()
-      expectTypeOf(feedbackStore.feedbacks).toEqualTypeOf([])
-      expectTypeOf(feedbackStore.server_error).toBeBoolean()
-    })
-  })
+      const feedbackStore = useFeedbackStore();
+      expectTypeOf(feedbackStore.feedbacks).toEqualTypeOf([]);
+      expectTypeOf(feedbackStore.server_error).toBeBoolean();
+    });
+  });
 
   describe("actions", () => {
     describe("add_error", () => {
       test("test add_error", () => {
-        const feedbackStore = useFeedbackStore()
-        feedbackStore.add_error(
-          ERROR_500,
-          "/test",
-          "test message",
-          "test description",
-        )
-        expect(feedbackStore.feedbacks).toHaveLength(1)
-        expect(feedbackStore.feedbacks[0].type).toBe("error")
-      })
+        const feedbackStore = useFeedbackStore();
+        feedbackStore.add_error(ERROR_500, "/test", "test message", "test description");
+        expect(feedbackStore.feedbacks).toHaveLength(1);
+        expect(feedbackStore.feedbacks[0].type).toBe("error");
+      });
 
       test("test feedbacks_timeout", () => {
-        const feedbackStore = useFeedbackStore()
-        feedbackStore.feedbacks_timeout_miliseconds = 500
-        feedbackStore.add_error(
-          ERROR_500,
-          "/test",
-          "test message",
-          "test description",
-        )
-        expect(feedbackStore.feedbacks).toHaveLength(1)
+        const feedbackStore = useFeedbackStore();
+        feedbackStore.feedbacks_timeout_miliseconds = 500;
+        feedbackStore.add_error(ERROR_500, "/test", "test message", "test description");
+        expect(feedbackStore.feedbacks).toHaveLength(1);
         setTimeout(() => {
-          expect(feedbackStore.feedbacks).toHaveLength(0)
-        }, MILISECONDS_TIMEOUT)
-      })
-    })
+          expect(feedbackStore.feedbacks).toHaveLength(0);
+        }, MILISECONDS_TIMEOUT);
+      });
+    });
 
     describe("add_success", () => {
       test("test add_success", () => {
-        const feedbackStore = useFeedbackStore()
-        feedbackStore.feedbacks_timeout_miliseconds = 500
-        feedbackStore.add_success("test description")
-        expect(feedbackStore.feedbacks).toHaveLength(1)
-        expect(feedbackStore.feedbacks[0].type).toBe("success")
+        const feedbackStore = useFeedbackStore();
+        feedbackStore.feedbacks_timeout_miliseconds = 500;
+        feedbackStore.add_success("test description");
+        expect(feedbackStore.feedbacks).toHaveLength(1);
+        expect(feedbackStore.feedbacks[0].type).toBe("success");
 
         setTimeout(() => {
-          expect(feedbackStore.feedbacks).toHaveLength(0)
-        }, MILISECONDS_TIMEOUT)
-      })
-    })
+          expect(feedbackStore.feedbacks).toHaveLength(0);
+        }, MILISECONDS_TIMEOUT);
+      });
+    });
 
     describe("delete_feedback", () => {
       test("test", () => {
-        const feedbackStore = useFeedbackStore()
-        feedbackStore.delete_feedback(0)
-        expect(feedbackStore.feedbacks).toHaveLength(0)
-      })
-    })
+        const feedbackStore = useFeedbackStore();
+        feedbackStore.delete_feedback(0);
+        expect(feedbackStore.feedbacks).toHaveLength(0);
+      });
+    });
 
     describe("delete_server_error", () => {
       test("test", () => {
-        const feedbackStore = useFeedbackStore()
-        feedbackStore.$patch({ server_error: true })
-        feedbackStore.delete_server_error()
-        expect(feedbackStore.server_error).toBeFalsy()
-      })
-    })
-  })
-})
+        const feedbackStore = useFeedbackStore();
+        feedbackStore.$patch({ server_error: true });
+        feedbackStore.delete_server_error();
+        expect(feedbackStore.server_error).toBeFalsy();
+      });
+    });
+  });
+});
diff --git a/tests/unit/stores/geode.nuxt.test.js b/tests/unit/stores/geode.nuxt.test.js
index d1d6dfcd..c873a58f 100644
--- a/tests/unit/stores/geode.nuxt.test.js
+++ b/tests/unit/stores/geode.nuxt.test.js
@@ -1,162 +1,158 @@
 // Third party imports
-import { beforeEach, describe, expect, expectTypeOf, test, vi } from "vitest"
-import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
-import { registerEndpoint } from "@nuxt/test-utils/runtime"
+import { beforeEach, describe, expect, expectTypeOf, test, vi } from "vitest";
+import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
+import { registerEndpoint } from "@nuxt/test-utils/runtime";
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { appMode } from "@ogw_front/utils/local/app_mode"
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useGeodeStore } from "@ogw_front/stores/geode"
-import { useInfraStore } from "@ogw_front/stores/infra"
+import { Status } from "@ogw_front/utils/status";
+import { appMode } from "@ogw_front/utils/local/app_mode";
+import { setupActivePinia } from "@ogw_tests/utils";
+import { useGeodeStore } from "@ogw_front/stores/geode";
+import { useInfraStore } from "@ogw_front/stores/infra";
 
 // CONSTANTS
-const PORT_443 = "443"
-const PORT_12 = "12"
-const PORT_5000 = "5000"
-const CLOUD_ID = "123456"
-const STATUS_500 = 500
-const EXPECTED_ONE_REQUEST = 1
-const EXPECTED_NO_REQUEST = 0
+const PORT_443 = "443";
+const PORT_12 = "12";
+const PORT_5000 = "5000";
+const CLOUD_ID = "123456";
+const STATUS_500 = 500;
+const EXPECTED_ONE_REQUEST = 1;
+const EXPECTED_NO_REQUEST = 0;
 
 beforeEach(() => {
-  setupActivePinia()
-})
+  setupActivePinia();
+});
 
 describe("geode store", () => {
   test("state", () => {
-    const geodeStore = useGeodeStore()
-    expectTypeOf(geodeStore.default_local_port).toBeString()
-    expectTypeOf(geodeStore.request_counter).toBeNumber()
-    expectTypeOf(geodeStore.status).toBeString()
-  })
+    const geodeStore = useGeodeStore();
+    expectTypeOf(geodeStore.default_local_port).toBeString();
+    expectTypeOf(geodeStore.request_counter).toBeNumber();
+    expectTypeOf(geodeStore.status).toBeString();
+  });
 
   describe("protocol", () => {
     test("app_mode CLOUD", () => {
-      const infraStore = useInfraStore()
-      const geodeStore = useGeodeStore()
-      infraStore.app_mode = appMode.CLOUD
-      expect(geodeStore.protocol).toBe("https")
-    })
+      const infraStore = useInfraStore();
+      const geodeStore = useGeodeStore();
+      infraStore.app_mode = appMode.CLOUD;
+      expect(geodeStore.protocol).toBe("https");
+    });
 
     test("app_mode BROWSER/DESKTOP", () => {
-      const infraStore = useInfraStore()
-      const geodeStore = useGeodeStore()
-      infraStore.app_mode = appMode.BROWSER
-      expect(geodeStore.protocol).toBe("http")
-      infraStore.app_mode = appMode.DESKTOP
-      expect(geodeStore.protocol).toBe("http")
-    })
-  })
+      const infraStore = useInfraStore();
+      const geodeStore = useGeodeStore();
+      infraStore.app_mode = appMode.BROWSER;
+      expect(geodeStore.protocol).toBe("http");
+      infraStore.app_mode = appMode.DESKTOP;
+      expect(geodeStore.protocol).toBe("http");
+    });
+  });
 
   describe("port", () => {
     test("app_mode CLOUD", () => {
-      const infraStore = useInfraStore()
-      const geodeStore = useGeodeStore()
-      infraStore.app_mode = appMode.CLOUD
-      expect(geodeStore.port).toBe(PORT_443)
-    })
+      const infraStore = useInfraStore();
+      const geodeStore = useGeodeStore();
+      infraStore.app_mode = appMode.CLOUD;
+      expect(geodeStore.port).toBe(PORT_443);
+    });
 
     test("app_mode BROWSER/DESKTOP", () => {
-      const infraStore = useInfraStore()
-      const geodeStore = useGeodeStore()
-      infraStore.app_mode = appMode.BROWSER
-      expect(geodeStore.port).toBe(geodeStore.default_local_port)
-      infraStore.app_mode = appMode.DESKTOP
-      expect(geodeStore.port).toBe(geodeStore.default_local_port)
-    })
+      const infraStore = useInfraStore();
+      const geodeStore = useGeodeStore();
+      infraStore.app_mode = appMode.BROWSER;
+      expect(geodeStore.port).toBe(geodeStore.default_local_port);
+      infraStore.app_mode = appMode.DESKTOP;
+      expect(geodeStore.port).toBe(geodeStore.default_local_port);
+    });
 
     test("override default_local_port", () => {
-      const infraStore = useInfraStore()
-      const geodeStore = useGeodeStore()
-      infraStore.app_mode = appMode.DESKTOP
-      geodeStore.default_local_port = PORT_12
-      expect(geodeStore.port).toBe(PORT_12)
-    })
-  })
+      const infraStore = useInfraStore();
+      const geodeStore = useGeodeStore();
+      infraStore.app_mode = appMode.DESKTOP;
+      geodeStore.default_local_port = PORT_12;
+      expect(geodeStore.port).toBe(PORT_12);
+    });
+  });
 
   describe("base_url", () => {
     test("app_mode BROWSER", () => {
-      const infraStore = useInfraStore()
-      const geodeStore = useGeodeStore()
-      infraStore.app_mode = appMode.BROWSER
-      infraStore.domain_name = "localhost"
-      expect(geodeStore.base_url).toBe(`http://localhost:${PORT_5000}`)
-    })
+      const infraStore = useInfraStore();
+      const geodeStore = useGeodeStore();
+      infraStore.app_mode = appMode.BROWSER;
+      infraStore.domain_name = "localhost";
+      expect(geodeStore.base_url).toBe(`http://localhost:${PORT_5000}`);
+    });
 
     test("app_mode CLOUD", () => {
-      const infraStore = useInfraStore()
-      const geodeStore = useGeodeStore()
-      infraStore.app_mode = appMode.CLOUD
-      infraStore.ID = CLOUD_ID
-      infraStore.domain_name = "example.com"
-      expect(geodeStore.base_url).toBe(
-        `https://example.com:${PORT_443}/${CLOUD_ID}/geode`,
-      )
-    })
+      const infraStore = useInfraStore();
+      const geodeStore = useGeodeStore();
+      infraStore.app_mode = appMode.CLOUD;
+      infraStore.ID = CLOUD_ID;
+      infraStore.domain_name = "example.com";
+      expect(geodeStore.base_url).toBe(`https://example.com:${PORT_443}/${CLOUD_ID}/geode`);
+    });
 
     test("app_mode CLOUD, ID empty", () => {
-      const infraStore = useInfraStore()
-      const geodeStore = useGeodeStore()
-      infraStore.app_mode = appMode.CLOUD
-      infraStore.ID = ""
-      infraStore.domain_name = "example.com"
-      expect(() => geodeStore.base_url).toThrow(
-        "ID must not be empty in cloud mode",
-      )
-    })
-  })
+      const infraStore = useInfraStore();
+      const geodeStore = useGeodeStore();
+      infraStore.app_mode = appMode.CLOUD;
+      infraStore.ID = "";
+      infraStore.domain_name = "example.com";
+      expect(() => geodeStore.base_url).toThrow("ID must not be empty in cloud mode");
+    });
+  });
 
   describe("is_busy", () => {
     test("is_busy", () => {
-      const geodeStore = useGeodeStore()
-      geodeStore.request_counter = EXPECTED_ONE_REQUEST
-      expect(geodeStore.is_busy).toBeTruthy()
-    })
+      const geodeStore = useGeodeStore();
+      geodeStore.request_counter = EXPECTED_ONE_REQUEST;
+      expect(geodeStore.is_busy).toBeTruthy();
+    });
 
     test("not is_busy", () => {
-      const geodeStore = useGeodeStore()
-      geodeStore.request_counter = EXPECTED_NO_REQUEST
-      expect(geodeStore.is_busy).toBeFalsy()
-    })
-  })
-})
+      const geodeStore = useGeodeStore();
+      geodeStore.request_counter = EXPECTED_NO_REQUEST;
+      expect(geodeStore.is_busy).toBeFalsy();
+    });
+  });
+});
 
 describe("geode store actions", () => {
-  const getFakeCall = vi.fn()
+  const getFakeCall = vi.fn();
 
   beforeEach(() => {
-    registerEndpoint(back_schemas.opengeodeweb_back.ping.$id, getFakeCall)
-  })
+    registerEndpoint(back_schemas.opengeodeweb_back.ping.$id, getFakeCall);
+  });
 
   describe("ping", () => {
     test("response", async () => {
-      const geodeStore = useGeodeStore()
-      geodeStore.base_url = ""
-      getFakeCall.mockImplementation(() => ({}))
-      await geodeStore.ping()
-      expect(geodeStore.status).toBe(Status.CONNECTED)
-    })
+      const geodeStore = useGeodeStore();
+      geodeStore.base_url = "";
+      getFakeCall.mockImplementation(() => ({}));
+      await geodeStore.ping();
+      expect(geodeStore.status).toBe(Status.CONNECTED);
+    });
 
     test("response_error", async () => {
-      const geodeStore = useGeodeStore()
-      geodeStore.base_url = ""
+      const geodeStore = useGeodeStore();
+      geodeStore.base_url = "";
       getFakeCall.mockImplementation(() => {
-        throw createError({ status: STATUS_500 })
-      })
-      await expect(geodeStore.ping()).rejects.toThrow("500")
-      expect(geodeStore.status).toBe(Status.NOT_CONNECTED)
-    })
-  })
+        throw createError({ status: STATUS_500 });
+      });
+      await expect(geodeStore.ping()).rejects.toThrow("500");
+      expect(geodeStore.status).toBe(Status.NOT_CONNECTED);
+    });
+  });
 
   describe("request counter", () => {
     test("increment/decrement", async () => {
-      const geodeStore = useGeodeStore()
-      expect(geodeStore.request_counter).toBe(EXPECTED_NO_REQUEST)
-      await geodeStore.start_request()
-      expect(geodeStore.request_counter).toBe(EXPECTED_ONE_REQUEST)
-      await geodeStore.stop_request()
-      expect(geodeStore.request_counter).toBe(EXPECTED_NO_REQUEST)
-    })
-  })
-})
+      const geodeStore = useGeodeStore();
+      expect(geodeStore.request_counter).toBe(EXPECTED_NO_REQUEST);
+      await geodeStore.start_request();
+      expect(geodeStore.request_counter).toBe(EXPECTED_ONE_REQUEST);
+      await geodeStore.stop_request();
+      expect(geodeStore.request_counter).toBe(EXPECTED_NO_REQUEST);
+    });
+  });
+});
diff --git a/tests/unit/stores/infra.nuxt.test.js b/tests/unit/stores/infra.nuxt.test.js
index 32fc3a5c..a0efc0bb 100644
--- a/tests/unit/stores/infra.nuxt.test.js
+++ b/tests/unit/stores/infra.nuxt.test.js
@@ -1,300 +1,300 @@
 // Third party imports
-import { beforeEach, describe, expect, expectTypeOf, test, vi } from "vitest"
-import { registerEndpoint } from "@nuxt/test-utils/runtime"
+import { beforeEach, describe, expect, expectTypeOf, test, vi } from "vitest";
+import { registerEndpoint } from "@nuxt/test-utils/runtime";
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { appMode } from "@ogw_front/utils/local/app_mode"
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useGeodeStore } from "@ogw_front/stores/geode"
-import { useInfraStore } from "@ogw_front/stores/infra"
-import { useLambdaStore } from "@ogw_front/stores/lambda"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { Status } from "@ogw_front/utils/status";
+import { appMode } from "@ogw_front/utils/local/app_mode";
+import { setupActivePinia } from "@ogw_tests/utils";
+import { useGeodeStore } from "@ogw_front/stores/geode";
+import { useInfraStore } from "@ogw_front/stores/infra";
+import { useLambdaStore } from "@ogw_front/stores/lambda";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Mock navigator.locks API
 const mockLockRequest = vi
   .fn()
-  .mockImplementation(async (name, handler) => await handler({ name }))
+  .mockImplementation(async (name, handler) => await handler({ name }));
 
 vi.stubGlobal("navigator", {
   ...navigator,
   locks: {
     request: mockLockRequest,
   },
-})
+});
 
 beforeEach(() => {
-  setupActivePinia()
-})
+  setupActivePinia();
+});
 
 describe("Infra Store", () => {
   describe("state", () => {
     test("initial state", () => {
-      const infraStore = useInfraStore()
-      expectTypeOf(infraStore.ID).toBeString()
-      expectTypeOf(infraStore.is_captcha_validated).toBeBoolean()
-      expectTypeOf(infraStore.status).toBeString()
-    })
-  })
+      const infraStore = useInfraStore();
+      expectTypeOf(infraStore.ID).toBeString();
+      expectTypeOf(infraStore.is_captcha_validated).toBeBoolean();
+      expectTypeOf(infraStore.status).toBeString();
+    });
+  });
   describe("getters", () => {
     describe("app_mode", () => {
       test("test type", () => {
-        const infraStore = useInfraStore()
-        expectTypeOf(infraStore.app_mode).toBeString()
-      })
-    })
+        const infraStore = useInfraStore();
+        expectTypeOf(infraStore.app_mode).toBeString();
+      });
+    });
 
     describe("domain_name", () => {
       test("test app_mode BROWSER", () => {
-        const infraStore = useInfraStore()
-        infraStore.app_mode = appMode.BROWSER
-        expect(infraStore.domain_name).toBe("localhost")
-      })
+        const infraStore = useInfraStore();
+        infraStore.app_mode = appMode.BROWSER;
+        expect(infraStore.domain_name).toBe("localhost");
+      });
       test("test app_mode DESKTOP", () => {
-        const infraStore = useInfraStore()
-        infraStore.app_mode = appMode.DESKTOP
-        expect(infraStore.domain_name).toBe("localhost")
-      })
+        const infraStore = useInfraStore();
+        infraStore.app_mode = appMode.DESKTOP;
+        expect(infraStore.domain_name).toBe("localhost");
+      });
       test("test app_mode CLOUD", () => {
-        const infraStore = useInfraStore()
-        infraStore.app_mode = appMode.CLOUD
-        expect(infraStore.domain_name).toBe("api.geode-solutions.com")
-      })
-    })
+        const infraStore = useInfraStore();
+        infraStore.app_mode = appMode.CLOUD;
+        expect(infraStore.domain_name).toBe("api.geode-solutions.com");
+      });
+    });
 
     describe("microservices_connected", () => {
       test("test no microservices registered", () => {
-        const infraStore = useInfraStore()
-        expect(infraStore.microservices_connected).toBeTruthy()
-      })
+        const infraStore = useInfraStore();
+        expect(infraStore.microservices_connected).toBeTruthy();
+      });
       test("test geode false & viewer false", () => {
-        const infraStore = useInfraStore()
-        const geodeStore = useGeodeStore()
-        const viewerStore = useViewerStore()
+        const infraStore = useInfraStore();
+        const geodeStore = useGeodeStore();
+        const viewerStore = useViewerStore();
 
         infraStore.register_microservice(geodeStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
         infraStore.register_microservice(viewerStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
 
-        geodeStore.$patch({ status: Status.NOT_CONNECTED })
-        viewerStore.$patch({ status: Status.NOT_CONNECTED })
-        expect(infraStore.microservices_connected).toBeFalsy()
-      })
+        geodeStore.$patch({ status: Status.NOT_CONNECTED });
+        viewerStore.$patch({ status: Status.NOT_CONNECTED });
+        expect(infraStore.microservices_connected).toBeFalsy();
+      });
       test("test geode true & viewer false", () => {
-        const infraStore = useInfraStore()
-        const geodeStore = useGeodeStore()
-        const viewerStore = useViewerStore()
+        const infraStore = useInfraStore();
+        const geodeStore = useGeodeStore();
+        const viewerStore = useViewerStore();
 
         infraStore.register_microservice(geodeStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
         infraStore.register_microservice(viewerStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
 
-        geodeStore.$patch({ status: Status.CONNECTED })
-        viewerStore.$patch({ status: Status.NOT_CONNECTED })
-        expect(infraStore.microservices_connected).toBeFalsy()
-      })
+        geodeStore.$patch({ status: Status.CONNECTED });
+        viewerStore.$patch({ status: Status.NOT_CONNECTED });
+        expect(infraStore.microservices_connected).toBeFalsy();
+      });
       test("test geode false & viewer true", () => {
-        const infraStore = useInfraStore()
-        const geodeStore = useGeodeStore()
-        const viewerStore = useViewerStore()
+        const infraStore = useInfraStore();
+        const geodeStore = useGeodeStore();
+        const viewerStore = useViewerStore();
 
         infraStore.register_microservice(geodeStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
         infraStore.register_microservice(viewerStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
 
-        geodeStore.$patch({ status: Status.NOT_CONNECTED })
-        viewerStore.$patch({ status: Status.CONNECTED })
-        expect(infraStore.microservices_connected).toBeFalsy()
-      })
+        geodeStore.$patch({ status: Status.NOT_CONNECTED });
+        viewerStore.$patch({ status: Status.CONNECTED });
+        expect(infraStore.microservices_connected).toBeFalsy();
+      });
       test("test geode true & viewer true", () => {
-        const infraStore = useInfraStore()
-        const geodeStore = useGeodeStore()
-        const viewerStore = useViewerStore()
+        const infraStore = useInfraStore();
+        const geodeStore = useGeodeStore();
+        const viewerStore = useViewerStore();
 
         infraStore.register_microservice(geodeStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
         infraStore.register_microservice(viewerStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
 
-        geodeStore.$patch({ status: Status.CONNECTED })
-        viewerStore.$patch({ status: Status.CONNECTED })
-        expect(infraStore.microservices_connected).toBeTruthy()
-      })
-    })
+        geodeStore.$patch({ status: Status.CONNECTED });
+        viewerStore.$patch({ status: Status.CONNECTED });
+        expect(infraStore.microservices_connected).toBeTruthy();
+      });
+    });
 
     describe("microservices_busy", () => {
       test("test no microservices registered", () => {
-        const infraStore = useInfraStore()
-        expect(infraStore.microservices_busy).toBeFalsy()
-      })
+        const infraStore = useInfraStore();
+        expect(infraStore.microservices_busy).toBeFalsy();
+      });
       test("test geode false & viewer false", () => {
-        const infraStore = useInfraStore()
-        const geodeStore = useGeodeStore()
-        const viewerStore = useViewerStore()
+        const infraStore = useInfraStore();
+        const geodeStore = useGeodeStore();
+        const viewerStore = useViewerStore();
 
         infraStore.register_microservice(geodeStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
         infraStore.register_microservice(viewerStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
 
-        geodeStore.$patch({ request_counter: 0 })
-        viewerStore.$patch({ request_counter: 0 })
-        expect(infraStore.microservices_busy).toBeFalsy()
-      })
+        geodeStore.$patch({ request_counter: 0 });
+        viewerStore.$patch({ request_counter: 0 });
+        expect(infraStore.microservices_busy).toBeFalsy();
+      });
       test("test geode true & viewer false", () => {
-        const infraStore = useInfraStore()
-        const geodeStore = useGeodeStore()
-        const viewerStore = useViewerStore()
+        const infraStore = useInfraStore();
+        const geodeStore = useGeodeStore();
+        const viewerStore = useViewerStore();
 
         infraStore.register_microservice(geodeStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
         infraStore.register_microservice(viewerStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
 
-        geodeStore.$patch({ request_counter: 1 })
-        viewerStore.$patch({ request_counter: 0 })
-        expect(infraStore.microservices_busy).toBeTruthy()
-      })
+        geodeStore.$patch({ request_counter: 1 });
+        viewerStore.$patch({ request_counter: 0 });
+        expect(infraStore.microservices_busy).toBeTruthy();
+      });
       test("test geode false & viewer true", () => {
-        const infraStore = useInfraStore()
-        const geodeStore = useGeodeStore()
-        const viewerStore = useViewerStore()
+        const infraStore = useInfraStore();
+        const geodeStore = useGeodeStore();
+        const viewerStore = useViewerStore();
 
         infraStore.register_microservice(geodeStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
         infraStore.register_microservice(viewerStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
 
-        geodeStore.$patch({ request_counter: 0 })
-        viewerStore.$patch({ request_counter: 1 })
-        expect(infraStore.microservices_busy).toBeTruthy()
-      })
+        geodeStore.$patch({ request_counter: 0 });
+        viewerStore.$patch({ request_counter: 1 });
+        expect(infraStore.microservices_busy).toBeTruthy();
+      });
       test("test geode true & viewer true", () => {
-        const infraStore = useInfraStore()
-        const geodeStore = useGeodeStore()
-        const viewerStore = useViewerStore()
+        const infraStore = useInfraStore();
+        const geodeStore = useGeodeStore();
+        const viewerStore = useViewerStore();
 
         infraStore.register_microservice(geodeStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
         infraStore.register_microservice(viewerStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
 
-        geodeStore.$patch({ request_counter: 1 })
-        viewerStore.$patch({ request_counter: 1 })
-        expect(infraStore.microservices_busy).toBeTruthy()
-      })
-    })
-  })
+        geodeStore.$patch({ request_counter: 1 });
+        viewerStore.$patch({ request_counter: 1 });
+        expect(infraStore.microservices_busy).toBeTruthy();
+      });
+    });
+  });
 
   describe("actions", () => {
     describe("register_microservice", () => {
       test("register geode microservice", () => {
-        const infraStore = useInfraStore()
-        const geodeStore = useGeodeStore()
+        const infraStore = useInfraStore();
+        const geodeStore = useGeodeStore();
 
         infraStore.register_microservice(geodeStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
 
-        expect(infraStore.microservices.length).toBe(1)
-        expect(infraStore.microservices[0].$id).toBe("geode")
-      })
+        expect(infraStore.microservices.length).toBe(1);
+        expect(infraStore.microservices[0].$id).toBe("geode");
+      });
 
       test("register multiple microservices", () => {
-        const infraStore = useInfraStore()
-        const geodeStore = useGeodeStore()
-        const viewerStore = useViewerStore()
+        const infraStore = useInfraStore();
+        const geodeStore = useGeodeStore();
+        const viewerStore = useViewerStore();
 
         infraStore.register_microservice(geodeStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
 
         infraStore.register_microservice(viewerStore, {
           request: vi.fn(),
           connect: vi.fn(),
           launch: vi.fn(),
-        })
+        });
 
-        expect(infraStore.microservices.length).toBe(2)
-      })
-    })
+        expect(infraStore.microservices.length).toBe(2);
+      });
+    });
 
     describe("create_backend", () => {
       // Test without microservices
       test("test with end-point", async () => {
-        const infraStore = useInfraStore()
-        const geodeStore = useGeodeStore()
-        const viewerStore = useViewerStore()
-        const lambdaStore = useLambdaStore()
+        const infraStore = useInfraStore();
+        const geodeStore = useGeodeStore();
+        const viewerStore = useViewerStore();
+        const lambdaStore = useLambdaStore();
 
-        infraStore.app_mode = appMode.CLOUD
-        const ID = "123456"
+        infraStore.app_mode = appMode.CLOUD;
+        const ID = "123456";
         registerEndpoint(lambdaStore.base_url, {
           method: "POST",
           handler: () => ({ ID }),
-        })
-        await infraStore.create_backend()
-        expect(infraStore.status).toBe(Status.CREATED)
-        expect(infraStore.ID).toBe(ID)
-
-        expect(geodeStore.status).toBe(Status.NOT_CONNECTED)
-        expect(viewerStore.status).toBe(Status.NOT_CONNECTED)
-      })
-    })
-  })
-})
+        });
+        await infraStore.create_backend();
+        expect(infraStore.status).toBe(Status.CREATED);
+        expect(infraStore.ID).toBe(ID);
+
+        expect(geodeStore.status).toBe(Status.NOT_CONNECTED);
+        expect(viewerStore.status).toBe(Status.NOT_CONNECTED);
+      });
+    });
+  });
+});
diff --git a/tests/unit/stores/lambda.nuxt.test.js b/tests/unit/stores/lambda.nuxt.test.js
index 46a29906..66c9dc2a 100644
--- a/tests/unit/stores/lambda.nuxt.test.js
+++ b/tests/unit/stores/lambda.nuxt.test.js
@@ -1,132 +1,130 @@
 // Third party imports
-import { beforeEach, describe, expect, expectTypeOf, test, vi } from "vitest"
-import { registerEndpoint } from "@nuxt/test-utils/runtime"
+import { beforeEach, describe, expect, expectTypeOf, test, vi } from "vitest";
+import { registerEndpoint } from "@nuxt/test-utils/runtime";
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useFeedbackStore } from "@ogw_front/stores/feedback"
-import { useLambdaStore } from "@ogw_front/stores/lambda"
+import { Status } from "@ogw_front/utils/status";
+import { setupActivePinia } from "@ogw_tests/utils";
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
+import { useLambdaStore } from "@ogw_front/stores/lambda";
 
 // CONSTANTS
-const PORT_443 = "443"
-const API_URL = "api.example.com"
-const SITE_BRANCH = "/test"
-const PROJECT = "project"
-const TEST_ID = "test-id-123456"
-const STATUS_500 = 500
+const PORT_443 = "443";
+const API_URL = "api.example.com";
+const SITE_BRANCH = "/test";
+const PROJECT = "project";
+const TEST_ID = "test-id-123456";
+const STATUS_500 = 500;
 
-beforeEach(async () => {
-  setupActivePinia()
-})
+beforeEach(() => {
+  setupActivePinia();
+});
 
 function setupConfig() {
-  const config = useRuntimeConfig()
-  config.public.API_URL = API_URL
-  config.public.SITE_BRANCH = SITE_BRANCH
-  config.public.PROJECT = PROJECT
+  const config = useRuntimeConfig();
+  config.public.API_URL = API_URL;
+  config.public.SITE_BRANCH = SITE_BRANCH;
+  config.public.PROJECT = PROJECT;
 }
 
 describe("Lambda Store", () => {
   describe("state", () => {
     test("initial state", () => {
-      const lambdaStore = useLambdaStore()
-      expectTypeOf(lambdaStore.status).toBeString()
-      expect(lambdaStore.status).toBe(Status.NOT_CONNECTED)
-    })
-  })
+      const lambdaStore = useLambdaStore();
+      expectTypeOf(lambdaStore.status).toBeString();
+      expect(lambdaStore.status).toBe(Status.NOT_CONNECTED);
+    });
+  });
 
   describe("getters", () => {
     describe("protocol", () => {
       test("test protocol is always https", () => {
-        const lambdaStore = useLambdaStore()
-        expect(lambdaStore.protocol).toBe("https")
-      })
-    })
+        const lambdaStore = useLambdaStore();
+        expect(lambdaStore.protocol).toBe("https");
+      });
+    });
 
     describe("port", () => {
       test("test port is always 443", () => {
-        const lambdaStore = useLambdaStore()
-        expect(lambdaStore.port).toBe(PORT_443)
-      })
-    })
+        const lambdaStore = useLambdaStore();
+        expect(lambdaStore.port).toBe(PORT_443);
+      });
+    });
 
     describe("base_url", () => {
       test("test base_url construction", () => {
-        setupConfig()
-        const lambdaStore = useLambdaStore()
+        setupConfig();
+        const lambdaStore = useLambdaStore();
         expect(lambdaStore.base_url).toBe(
           `https://${API_URL}:${PORT_443}${SITE_BRANCH}/${PROJECT}/createbackend`,
-        )
-      })
-    })
+        );
+      });
+    });
 
     describe("is_busy", () => {
       test("test is_busy is always false", () => {
-        const lambdaStore = useLambdaStore()
-        expect(lambdaStore.is_busy).toBeFalsy()
-      })
-    })
-  })
+        const lambdaStore = useLambdaStore();
+        expect(lambdaStore.is_busy).toBeFalsy();
+      });
+    });
+  });
 
   describe("actions", () => {
     describe("launch", () => {
-      const postFakeCall = vi.fn()
+      const postFakeCall = vi.fn();
 
       test("successful launch", async () => {
-        setupConfig()
-        const lambdaStore = useLambdaStore()
-        const feedbackStore = useFeedbackStore()
+        setupConfig();
+        const lambdaStore = useLambdaStore();
+        const feedbackStore = useFeedbackStore();
 
-        lambdaStore.base_url = "test-base-url"
+        lambdaStore.base_url = "test-base-url";
         registerEndpoint(lambdaStore.base_url, {
           method: "POST",
           handler: postFakeCall,
-        })
+        });
 
         postFakeCall.mockImplementation(() => ({
           ID: TEST_ID,
-        }))
+        }));
 
-        const id = await lambdaStore.launch()
+        const id = await lambdaStore.launch();
 
-        expect(lambdaStore.status).toBe(Status.CONNECTED)
-        expect(id).toBe(TEST_ID)
-        expect(feedbackStore.server_error).toBeFalsy()
-      })
+        expect(lambdaStore.status).toBe(Status.CONNECTED);
+        expect(id).toBe(TEST_ID);
+        expect(feedbackStore.server_error).toBeFalsy();
+      });
 
       test("failed launch - error response", async () => {
-        setupConfig()
-        const lambdaStore = useLambdaStore()
-        const feedbackStore = useFeedbackStore()
+        setupConfig();
+        const lambdaStore = useLambdaStore();
+        const feedbackStore = useFeedbackStore();
 
         registerEndpoint(lambdaStore.base_url, {
           method: "POST",
           handler: postFakeCall,
-        })
+        });
 
         postFakeCall.mockImplementation(() => {
           throw createError({
             status: STATUS_500,
             statusMessage: "Internal Server Error",
-          })
-        })
+          });
+        });
 
-        await expect(lambdaStore.launch()).rejects.toThrow(
-          "Failed to launch lambda backend",
-        )
+        await expect(lambdaStore.launch()).rejects.toThrow("Failed to launch lambda backend");
 
-        expect(lambdaStore.status).toBe(Status.NOT_CONNECTED)
-        expect(feedbackStore.server_error).toBeTruthy()
-      })
-    })
+        expect(lambdaStore.status).toBe(Status.NOT_CONNECTED);
+        expect(feedbackStore.server_error).toBeTruthy();
+      });
+    });
 
     describe("connect", () => {
       test("successful connect", async () => {
-        const lambdaStore = useLambdaStore()
-        await lambdaStore.connect()
-        expect(lambdaStore.status).toBe(Status.CONNECTED)
-      })
-    })
-  })
-})
+        const lambdaStore = useLambdaStore();
+        await lambdaStore.connect();
+        expect(lambdaStore.status).toBe(Status.CONNECTED);
+      });
+    });
+  });
+});
diff --git a/tests/unit/stores/treeview.nuxt.test.js b/tests/unit/stores/treeview.nuxt.test.js
index 60ed0c5d..a0a340ec 100644
--- a/tests/unit/stores/treeview.nuxt.test.js
+++ b/tests/unit/stores/treeview.nuxt.test.js
@@ -1,27 +1,27 @@
 // Third party imports
-import { beforeEach, describe, expect, expectTypeOf, test } from "vitest"
+import { beforeEach, describe, expect, expectTypeOf, test } from "vitest";
 
 // Local imports
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useTreeviewStore } from "@ogw_front/stores/treeview"
+import { setupActivePinia } from "@ogw_tests/utils";
+import { useTreeviewStore } from "@ogw_front/stores/treeview";
 
 // CONSTANTS
-const STEP_1 = 1
+const STEP_1 = 1;
 
 beforeEach(() => {
-  setupActivePinia()
-})
+  setupActivePinia();
+});
 
 describe("treeview store state", () => {
   test("initial state", () => {
-    const treeviewStore = useTreeviewStore()
-    expectTypeOf(treeviewStore.items).toBeArray()
-  })
-})
+    const treeviewStore = useTreeviewStore();
+    expectTypeOf(treeviewStore.items).toBeArray();
+  });
+});
 
 describe("treeview store actions", () => {
   test("addItem sorted check", () => {
-    const treeviewStore = useTreeviewStore()
+    const treeviewStore = useTreeviewStore();
     const testItems = [
       {
         geode_object_type: "BRep",
@@ -41,7 +41,7 @@ describe("treeview store actions", () => {
         id: "2",
         viewer_type: "mesh",
       },
-    ]
+    ];
 
     for (let i = 0; i < testItems.length; i += STEP_1) {
       treeviewStore.addItem(
@@ -49,16 +49,14 @@ describe("treeview store actions", () => {
         testItems[i].name,
         testItems[i].id,
         testItems[i].viewer_type,
-      )
-      const itemsCopy = [...treeviewStore.items]
-      expect(treeviewStore.items).toStrictEqual(itemsCopy.toSorted())
+      );
+      const itemsCopy = [...treeviewStore.items];
+      expect(treeviewStore.items).toStrictEqual(itemsCopy.toSorted());
 
       for (let j = 0; j < treeviewStore.items.length; j += STEP_1) {
-        const childrenCopy = [...treeviewStore.items[j].children]
-        expect(treeviewStore.items[j].children).toStrictEqual(
-          childrenCopy.toSorted(),
-        )
+        const childrenCopy = [...treeviewStore.items[j].children];
+        expect(treeviewStore.items[j].children).toStrictEqual(childrenCopy.toSorted());
       }
     }
-  })
-})
+  });
+});
diff --git a/tests/unit/stores/viewer.nuxt.test.js b/tests/unit/stores/viewer.nuxt.test.js
index f7326f8f..cabec966 100644
--- a/tests/unit/stores/viewer.nuxt.test.js
+++ b/tests/unit/stores/viewer.nuxt.test.js
@@ -1,179 +1,166 @@
 // Third party imports
-import {
-  afterAll,
-  beforeAll,
-  beforeEach,
-  describe,
-  expect,
-  expectTypeOf,
-  test,
-  vi,
-} from "vitest"
+import { afterAll, beforeAll, beforeEach, describe, expect, expectTypeOf, test, vi } from "vitest";
 
-import { WebSocket } from "ws"
+import { WebSocket } from "ws";
 // Local imports
-import { appMode } from "@ogw_front/utils/local/app_mode"
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useInfraStore } from "@ogw_front/stores/infra"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { appMode } from "@ogw_front/utils/local/app_mode";
+import { setupActivePinia } from "@ogw_tests/utils";
+import { useInfraStore } from "@ogw_front/stores/infra";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Mock navigator.locks API
 const mockLockRequest = vi
   .fn()
-  .mockImplementation(async (name, handler) => await handler({ name }))
+  .mockImplementation(async (name, handler) => await handler({ name }));
 
 vi.stubGlobal("navigator", {
   ...navigator,
   locks: {
     request: mockLockRequest,
   },
-})
+});
 
 beforeAll(() => {
-  globalThis.WebSocket = WebSocket
-})
+  globalThis.WebSocket = WebSocket;
+});
 
 afterAll(() => {
-  delete globalThis.WebSocket
-})
+  delete globalThis.WebSocket;
+});
 
 beforeEach(() => {
-  setupActivePinia()
-})
+  setupActivePinia();
+});
 
 describe("Viewer Store", () => {
   describe("state", () => {
     test("initial state", () => {
-      const viewerStore = useViewerStore()
-      expectTypeOf(viewerStore.default_local_port).toBeString()
-      expectTypeOf(viewerStore.client).toEqualTypeOf({})
-      expectTypeOf(viewerStore.picking_mode).toBeBoolean()
+      const viewerStore = useViewerStore();
+      expectTypeOf(viewerStore.default_local_port).toBeString();
+      expectTypeOf(viewerStore.client).toEqualTypeOf({});
+      expectTypeOf(viewerStore.picking_mode).toBeBoolean();
       expectTypeOf(viewerStore.picked_point).toEqualTypeOf({
         x: undefined,
         y: undefined,
-      })
-      expectTypeOf(viewerStore.picked_point).toBeNumber()
-      expectTypeOf(viewerStore.status).toBeString()
-    })
-  })
+      });
+      expectTypeOf(viewerStore.picked_point).toBeNumber();
+      expectTypeOf(viewerStore.status).toBeString();
+    });
+  });
 
   describe("getters", () => {
     describe("protocol", () => {
       test("test app_mode CLOUD", () => {
-        const infraStore = useInfraStore()
-        const viewerStore = useViewerStore()
-        infraStore.app_mode = appMode.CLOUD
-        expect(viewerStore.protocol).toBe("wss")
-      })
+        const infraStore = useInfraStore();
+        const viewerStore = useViewerStore();
+        infraStore.app_mode = appMode.CLOUD;
+        expect(viewerStore.protocol).toBe("wss");
+      });
       test("test app_mode BROWSER", () => {
-        const infraStore = useInfraStore()
-        const viewerStore = useViewerStore()
-        infraStore.app_mode = appMode.BROWSER
-        expect(viewerStore.protocol).toBe("ws")
-      })
+        const infraStore = useInfraStore();
+        const viewerStore = useViewerStore();
+        infraStore.app_mode = appMode.BROWSER;
+        expect(viewerStore.protocol).toBe("ws");
+      });
       test("test app_mode DESKTOP", () => {
-        const infraStore = useInfraStore()
-        const viewerStore = useViewerStore()
-        infraStore.app_mode = appMode.DESKTOP
-        expect(viewerStore.protocol).toBe("ws")
-      })
-    })
+        const infraStore = useInfraStore();
+        const viewerStore = useViewerStore();
+        infraStore.app_mode = appMode.DESKTOP;
+        expect(viewerStore.protocol).toBe("ws");
+      });
+    });
 
     describe("port", () => {
       test("test app_mode CLOUD", () => {
-        const infraStore = useInfraStore()
-        const viewerStore = useViewerStore()
-        infraStore.app_mode = appMode.CLOUD
-        expect(viewerStore.port).toBe("443")
-      })
+        const infraStore = useInfraStore();
+        const viewerStore = useViewerStore();
+        infraStore.app_mode = appMode.CLOUD;
+        expect(viewerStore.port).toBe("443");
+      });
       test("test app_mode BROWSER", () => {
-        const infraStore = useInfraStore()
-        const viewerStore = useViewerStore()
-        infraStore.app_mode = appMode.BROWSER
-        expect(viewerStore.port).toBe(viewerStore.default_local_port)
-      })
+        const infraStore = useInfraStore();
+        const viewerStore = useViewerStore();
+        infraStore.app_mode = appMode.BROWSER;
+        expect(viewerStore.port).toBe(viewerStore.default_local_port);
+      });
       test("test app_mode DESKTOP", () => {
-        const infraStore = useInfraStore()
-        const viewerStore = useViewerStore()
-        infraStore.app_mode = appMode.DESKTOP
-        expect(viewerStore.port).toBe(viewerStore.default_local_port)
-      })
+        const infraStore = useInfraStore();
+        const viewerStore = useViewerStore();
+        infraStore.app_mode = appMode.DESKTOP;
+        expect(viewerStore.port).toBe(viewerStore.default_local_port);
+      });
 
       test("test override default_local_port", () => {
-        const infraStore = useInfraStore()
-        const viewerStore = useViewerStore()
-        infraStore.app_mode = appMode.DESKTOP
-        viewerStore.default_local_port = "8080"
-        expect(viewerStore.port).toBe("8080")
-      })
-    })
+        const infraStore = useInfraStore();
+        const viewerStore = useViewerStore();
+        infraStore.app_mode = appMode.DESKTOP;
+        viewerStore.default_local_port = "8080";
+        expect(viewerStore.port).toBe("8080");
+      });
+    });
     describe("base_url", () => {
       test("test app_mode DESKTOP", () => {
-        const infraStore = useInfraStore()
-        const viewerStore = useViewerStore()
-        infraStore.app_mode = appMode.DESKTOP
-        infraStore.domain_name = "localhost"
-        expect(viewerStore.base_url).toBe("ws://localhost:1234/ws")
-      })
+        const infraStore = useInfraStore();
+        const viewerStore = useViewerStore();
+        infraStore.app_mode = appMode.DESKTOP;
+        infraStore.domain_name = "localhost";
+        expect(viewerStore.base_url).toBe("ws://localhost:1234/ws");
+      });
 
       test("test app_mode CLOUD", () => {
-        const infraStore = useInfraStore()
-        const viewerStore = useViewerStore()
-        infraStore.app_mode = appMode.CLOUD
-        infraStore.ID = "123456"
-        infraStore.domain_name = "example.com"
-        expect(viewerStore.base_url).toBe(
-          "wss://example.com:443/123456/viewer/ws",
-        )
-      })
+        const infraStore = useInfraStore();
+        const viewerStore = useViewerStore();
+        infraStore.app_mode = appMode.CLOUD;
+        infraStore.ID = "123456";
+        infraStore.domain_name = "example.com";
+        expect(viewerStore.base_url).toBe("wss://example.com:443/123456/viewer/ws");
+      });
 
       test("test app_mode CLOUD, ID empty", () => {
-        const infraStore = useInfraStore()
-        const viewerStore = useViewerStore()
-        infraStore.app_mode = appMode.CLOUD
-        infraStore.ID = ""
-        infraStore.domain_name = "example.com"
-        expect(() => viewerStore.base_url).toThrowError(
-          "ID must not be empty in cloud mode",
-        )
-      })
-    })
+        const infraStore = useInfraStore();
+        const viewerStore = useViewerStore();
+        infraStore.app_mode = appMode.CLOUD;
+        infraStore.ID = "";
+        infraStore.domain_name = "example.com";
+        expect(() => viewerStore.base_url).toThrowError("ID must not be empty in cloud mode");
+      });
+    });
     describe("is_busy", () => {
       test("test is_busy", () => {
-        const viewerStore = useViewerStore()
-        viewerStore.request_counter = 1
-        expect(viewerStore.is_busy).toBeTruthy()
-      })
+        const viewerStore = useViewerStore();
+        viewerStore.request_counter = 1;
+        expect(viewerStore.is_busy).toBeTruthy();
+      });
       test("test not is_busy", () => {
-        const viewerStore = useViewerStore()
-        viewerStore.request_counter = 0
-        expect(viewerStore.is_busy).toBeFalsy()
-      })
-    })
-  })
+        const viewerStore = useViewerStore();
+        viewerStore.request_counter = 0;
+        expect(viewerStore.is_busy).toBeFalsy();
+      });
+    });
+  });
   describe("actions", () => {
     describe("toggle_picking_mode", () => {
       test("test true", async () => {
-        const viewerStore = useViewerStore()
-        await viewerStore.toggle_picking_mode(true)
-        expect(viewerStore.picking_mode).toBeTruthy()
-      })
-    })
+        const viewerStore = useViewerStore();
+        await viewerStore.toggle_picking_mode(true);
+        expect(viewerStore.picking_mode).toBeTruthy();
+      });
+    });
 
     describe("start_request", () => {
       test("test increment", async () => {
-        const viewerStore = useViewerStore()
-        await viewerStore.start_request()
-        expect(viewerStore.request_counter).toBe(1)
-      })
-    })
+        const viewerStore = useViewerStore();
+        await viewerStore.start_request();
+        expect(viewerStore.request_counter).toBe(1);
+      });
+    });
 
     describe("stop_request", () => {
       test("test decrement", async () => {
-        const viewerStore = useViewerStore()
-        await viewerStore.stop_request()
-        expect(viewerStore.request_counter).toBe(-1)
-      })
-    })
-  })
-})
+        const viewerStore = useViewerStore();
+        await viewerStore.stop_request();
+        expect(viewerStore.request_counter).toBe(-1);
+      });
+    });
+  });
+});
diff --git a/tests/unit/utils/recaptcha.nuxt.test.js b/tests/unit/utils/recaptcha.nuxt.test.js
index c40b1df3..774a028a 100644
--- a/tests/unit/utils/recaptcha.nuxt.test.js
+++ b/tests/unit/utils/recaptcha.nuxt.test.js
@@ -1,44 +1,40 @@
 // Third party imports
-import { describe, expect, test } from "vitest"
+import { describe, expect, test } from "vitest";
 
 // Local imports
-import { check_recaptcha_params } from "@ogw_front/utils/recaptcha"
+import { check_recaptcha_params } from "@ogw_front/utils/recaptcha";
 
 describe("recaptcha", () => {
-  const default_name = ""
-  const default_email = ""
-  const default_launch = false
-  const internal_error = 500
-  const success = 200
+  const default_name = "";
+  const default_email = "";
+  const default_launch = false;
+  const internal_error = 500;
+  const success = 200;
 
   describe("wrong params", () => {
     test("name", () => {
-      const name = "test"
-      const result = check_recaptcha_params(name, default_email, default_launch)
-      expect(result.statusCode).toBe(internal_error)
-    })
+      const name = "test";
+      const result = check_recaptcha_params(name, default_email, default_launch);
+      expect(result.statusCode).toBe(internal_error);
+    });
 
     test("email", () => {
-      const email = "test"
-      const result = check_recaptcha_params(default_name, email, default_launch)
-      expect(result.statusCode).toBe(internal_error)
-    })
+      const email = "test";
+      const result = check_recaptcha_params(default_name, email, default_launch);
+      expect(result.statusCode).toBe(internal_error);
+    });
 
     test("launch", () => {
-      const launch = true
-      const result = check_recaptcha_params(default_name, default_email, launch)
-      expect(result.statusCode).toBe(internal_error)
-    })
-  })
+      const launch = true;
+      const result = check_recaptcha_params(default_name, default_email, launch);
+      expect(result.statusCode).toBe(internal_error);
+    });
+  });
 
   describe("right params", () => {
     test("name", () => {
-      const result = check_recaptcha_params(
-        default_name,
-        default_email,
-        default_launch,
-      )
-      expect(result.statusCode).toBe(success)
-    })
-  })
-})
+      const result = check_recaptcha_params(default_name, default_email, default_launch);
+      expect(result.statusCode).toBe(success);
+    });
+  });
+});
diff --git a/tests/unit/utils/validate_schema.nuxt.test.js b/tests/unit/utils/validate_schema.nuxt.test.js
index 475e9837..7c9088a0 100644
--- a/tests/unit/utils/validate_schema.nuxt.test.js
+++ b/tests/unit/utils/validate_schema.nuxt.test.js
@@ -1,13 +1,13 @@
 // Third party imports
-import { describe, expect, test } from "vitest"
+import { describe, expect, test } from "vitest";
 
 // Local imports
-import { validate_schema } from "@ogw_front/utils/validate_schema"
+import { validate_schema } from "@ogw_front/utils/validate_schema";
 
 // CONSTANTS
-const MIN_0 = 0
-const MAX_10 = 10
-const VAL_5 = 5
+const MIN_0 = 0;
+const MAX_10 = 10;
+const VAL_5 = 5;
 
 describe("validate schema", () => {
   const schema = {
@@ -20,19 +20,19 @@ describe("validate schema", () => {
     },
     required: ["var_1", "var_2"],
     additionalProperties: false,
-  }
+  };
 
   test("ajv wrong params", () => {
-    const params = {}
-    const { valid, error } = validate_schema(schema, params)
-    expect(valid).toBeFalsy()
-    expect(error).toBe("data must have required property 'var_1'")
-  })
+    const params = {};
+    const { valid, error } = validate_schema(schema, params);
+    expect(valid).toBeFalsy();
+    expect(error).toBe("data must have required property 'var_1'");
+  });
 
   test("good params", () => {
-    const params = { var_1: "test", var_2: VAL_5 }
-    const { valid, error } = validate_schema(schema, params)
-    expect(valid).toBeTruthy()
-    expect(error).toBe("No errors")
-  })
-})
+    const params = { var_1: "test", var_2: VAL_5 };
+    const { valid, error } = validate_schema(schema, params);
+    expect(valid).toBeTruthy();
+    expect(error).toBe("No errors");
+  });
+});
diff --git a/tests/utils.js b/tests/utils.js
index 9a7ec075..ef8b6482 100644
--- a/tests/utils.js
+++ b/tests/utils.js
@@ -1,20 +1,20 @@
 // Third party imports
-import * as components from "vuetify/components"
-import * as directives from "vuetify/directives"
-import { createTestingPinia } from "@pinia/testing"
-import { createVuetify } from "vuetify"
-import { setActivePinia } from "pinia"
-import { vi } from "vitest"
+import * as components from "vuetify/components";
+import * as directives from "vuetify/directives";
+import { createTestingPinia } from "@pinia/testing";
+import { createVuetify } from "vuetify";
+import { setActivePinia } from "pinia";
+import { vi } from "vitest";
 
-const vuetify = createVuetify({ components, directives })
+const vuetify = createVuetify({ components, directives });
 
 function setupActivePinia() {
   const pinia = createTestingPinia({
     stubActions: false,
     createSpy: vi.fn,
-  })
-  setActivePinia(pinia)
-  return pinia
+  });
+  setActivePinia(pinia);
+  return pinia;
 }
 
-export { setupActivePinia, vuetify }
+export { setupActivePinia, vuetify };
diff --git a/tests/vitest.config.js b/tests/vitest.config.js
index 18fe9c8d..9bcc80b8 100644
--- a/tests/vitest.config.js
+++ b/tests/vitest.config.js
@@ -1,14 +1,14 @@
-import { defineConfig } from "vitest/config"
-import { defineVitestProject } from "@nuxt/test-utils/config"
-import { fileURLToPath } from "node:url"
-import path from "node:path"
+import { defineConfig } from "vitest/config";
+import { defineVitestProject } from "@nuxt/test-utils/config";
+import { fileURLToPath } from "node:url";
+import path from "node:path";
 
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
-const RETRIES = 3
-const DEFAULT_RETRY = 0
+const RETRIES = 3;
+const DEFAULT_RETRY = 0;
 
-const globalRetry = process.env.CI ? RETRIES : DEFAULT_RETRY
+const globalRetry = process.env.CI ? RETRIES : DEFAULT_RETRY;
 
 // oxlint-disable-next-line import/no-default-export
 export default defineConfig({
@@ -54,4 +54,4 @@ export default defineConfig({
       }),
     ],
   },
-})
+});
diff --git a/vuetify_config.js b/vuetify_config.js
index 9d7a1e59..461b411c 100644
--- a/vuetify_config.js
+++ b/vuetify_config.js
@@ -17,6 +17,6 @@ const vuetify = {
       style: "border-radius: 15px;",
     },
   },
-}
+};
 
-export { vuetify }
+export { vuetify };