From 1f66238b7dc31d7d1b37fdecc91bbcb40b0ee973 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Wed, 18 Mar 2026 17:10:57 +0100
Subject: [PATCH 1/7] feat(oxfmt): oxfmt addition. Prettier removed

---
 .eslintrc.cjs                                 |   2 +-
 .oxlintrc.json                                |  24 +-
 .prettierrc                                   |   4 -
 app/assets/geode_objects.js                   |  52 +--
 app/components/Carousel.vue                   | 128 +++----
 app/components/CrsSelector.vue                | 100 +++--
 app/components/DeleteDialog.vue               |  58 ++-
 app/components/DragAndDrop.vue                |  76 ++--
 app/components/ExtensionSelector.vue          | 113 +++---
 app/components/FeedBack/ErrorBanner.vue       |  17 +-
 app/components/FeedBack/Snackers.vue          |  26 +-
 app/components/FetchingData.vue               |   7 +-
 app/components/FileSelector.vue               |  88 ++---
 app/components/FileUploader.vue               | 141 +++----
 app/components/GlassCard.vue                  |  38 +-
 app/components/HybridRenderingView.vue        |  75 ++--
 app/components/InfraConnected.vue             |   6 +-
 app/components/Inspector/InspectionButton.vue |  58 ++-
 app/components/Inspector/ResultPanel.vue      |  37 +-
 app/components/Launcher.vue                   |  26 +-
 app/components/Loading.vue                    | 132 ++++---
 app/components/MissingFilesSelector.vue       | 126 +++----
 app/components/ObjectSelector.vue             | 180 ++++-----
 app/components/PackagesVersions.vue           |  57 ++-
 app/components/Recaptcha.vue                  | 128 +++----
 app/components/RemoteRenderingView.vue        | 210 +++++------
 app/components/Screenshot.vue                 |  78 ++--
 app/components/SearchBar.vue                  |  10 +-
 app/components/Step.vue                       |  81 ++--
 app/components/Stepper.vue                    |  64 ++--
 app/components/VeaseViewToolbar.vue           | 147 ++++----
 app/components/ViewToolbar.vue                |  86 ++---
 app/components/Viewer/BreadCrumb.vue          |  48 +--
 app/components/Viewer/ContextMenu.vue         | 355 +++++++++---------
 app/components/Viewer/ContextMenuItem.vue     | 222 ++++++-----
 .../Viewer/EdgedCurve/PointsOptions.vue       |  15 +-
 .../EdgedCurve/SpecificEdgesOptions.vue       | 175 ++++-----
 .../Viewer/Generic/Mesh/CellsOptions.vue      | 183 +++++----
 .../Viewer/Generic/Mesh/EdgesOptions.vue      | 181 ++++-----
 .../Viewer/Generic/Mesh/PointsOptions.vue     | 135 +++----
 .../Viewer/Generic/Mesh/PolygonsOptions.vue   | 192 +++++-----
 .../Viewer/Generic/Mesh/PolyhedraOptions.vue  | 187 ++++-----
 .../Viewer/Generic/Model/EdgesOptions.vue     |  42 +--
 .../Viewer/Generic/Model/PointsOptions.vue    |  56 ++-
 .../Viewer/Grid/2D/CellsOptions.vue           |  10 +-
 .../Viewer/Grid/2D/EdgesOptions.vue           |  15 +-
 .../Viewer/Grid/2D/PointsOptions.vue          |  15 +-
 .../Viewer/Grid/3D/CellsOptions.vue           |  10 +-
 .../Viewer/Grid/3D/EdgesOptions.vue           |  15 +-
 .../Viewer/Grid/3D/FacetsOptions.vue          |  10 +-
 .../Viewer/Grid/3D/PointsOptions.vue          |  15 +-
 .../Viewer/HybridSolid/EdgesOptions.vue       |  15 +-
 .../Viewer/HybridSolid/PointsOptions.vue      |  15 +-
 .../Viewer/HybridSolid/PolygonsOptions.vue    |  15 +-
 .../Viewer/HybridSolid/PolyhedraOptions.vue   |  15 +-
 .../Viewer/Options/AttributeColorBar.vue      |  16 +-
 .../Viewer/Options/AttributeSelector.vue      | 151 ++++----
 .../Viewer/Options/ColorMapList.vue           | 255 ++++++-------
 .../Viewer/Options/ColorMapPicker.vue         | 270 +++++++------
 app/components/Viewer/Options/ColorPicker.vue |  18 +-
 .../Viewer/Options/ColoringTypeSelector.vue   | 168 ++++-----
 app/components/Viewer/Options/TextureItem.vue | 112 +++---
 .../Viewer/Options/TexturesSelector.vue       |  48 ++-
 .../Viewer/Options/VisibilitySwitch.vue       |   2 +-
 .../Viewer/PointSet/SpecificPointsOptions.vue | 129 +++----
 .../Viewer/PolygonalSurface/EdgesOptions.vue  |  15 +-
 .../Viewer/PolygonalSurface/PointsOptions.vue |  15 +-
 .../SpecificPolygonsOptions.vue               | 186 ++++-----
 app/components/Viewer/Solid/EdgesOptions.vue  |  15 +-
 app/components/Viewer/Solid/PointsOptions.vue |  15 +-
 .../Viewer/Solid/PolygonsOptions.vue          |  15 +-
 .../Viewer/Solid/SpecificPolyhedraOptions.vue | 187 ++++-----
 .../TetrahedralSolid/TetrahedraOptions.vue    |  10 +-
 .../TetrahedralSolid/TrianglesOptions.vue     |  10 +-
 app/components/Viewer/Tree/ObjectTree.vue     | 169 ++++-----
 app/components/Viewer/TreeComponent.vue       |  92 +++--
 app/components/Viewer/TreeObject.vue          |  98 +++--
 .../TriangulatedSurface/EdgesOptions.vue      |  15 +-
 .../TriangulatedSurface/PointsOptions.vue     |  10 +-
 .../TriangulatedSurface/TrianglesOptions.vue  |  10 +-
 app/components/Wrapper.vue                    |  16 +-
 app/components/ZScaling.vue                   |  45 +--
 app/composables/project_manager.js            | 124 +++---
 ...n_function_when_microservices_connected.js |  16 +-
 app/plugins/auto_store_register.js            |  24 +-
 app/stores/app.js                             | 235 ++++++------
 app/stores/data.js                            | 120 +++---
 app/stores/data_style.js                      |  72 ++--
 app/stores/feedback.js                        |  33 +-
 app/stores/geode.js                           | 116 +++---
 app/stores/hybrid_viewer.js                   | 334 ++++++++--------
 app/stores/infra.js                           |  98 +++--
 app/stores/lambda.js                          |  50 +--
 app/stores/menu.js                            | 163 ++++----
 app/stores/treeview.js                        | 118 +++---
 app/stores/viewer.js                          | 202 +++++-----
 app/utils/app_mode.js                         |  12 +-
 app/utils/colormap.js                         |   6 +-
 app/utils/config.js                           |  38 +-
 app/utils/default_styles.js                   | 112 +++---
 app/utils/extension.js                        |  90 ++---
 app/utils/file_import_workflow.js             | 116 +++---
 app/utils/local/microservices.js              | 212 +++++------
 app/utils/local/path.js                       |  70 ++--
 app/utils/local/scripts.js                    |  42 +--
 app/utils/recaptcha.js                        |  12 +-
 app/utils/server.js                           |  40 +-
 app/utils/status.js                           |   4 +-
 app/utils/treeview.js                         |   8 +-
 app/utils/validate_schema.js                  |  14 +-
 commitlint.config.js                          |   4 +-
 eslint.config.js                              |   8 +-
 internal/database/database.js                 |  82 ++--
 internal/database/extended_database.js        |  19 +-
 internal/database/tables/data.js              |   5 +-
 internal/database/tables/model_components.js  |   2 +-
 .../tables/model_components_relation.js       |   2 +-
 internal/stores/data_style/mesh/cells/cell.js | 110 +++---
 .../stores/data_style/mesh/cells/color.js     |  27 +-
 .../stores/data_style/mesh/cells/common.js    |  12 +-
 .../stores/data_style/mesh/cells/index.js     |  73 ++--
 .../stores/data_style/mesh/cells/textures.js  |  23 +-
 .../stores/data_style/mesh/cells/vertex.js    | 105 +++---
 .../data_style/mesh/cells/visibility.js       |  27 +-
 .../stores/data_style/mesh/edges/color.js     |  27 +-
 .../stores/data_style/mesh/edges/common.js    |  12 +-
 internal/stores/data_style/mesh/edges/edge.js | 110 +++---
 .../stores/data_style/mesh/edges/index.js     |  78 ++--
 .../stores/data_style/mesh/edges/vertex.js    | 105 +++---
 .../data_style/mesh/edges/visibility.js       |  27 +-
 .../stores/data_style/mesh/edges/width.js     |  27 +-
 internal/stores/data_style/mesh/index.js      |  68 ++--
 .../stores/data_style/mesh/points/color.js    |  27 +-
 .../stores/data_style/mesh/points/common.js   |  12 +-
 .../stores/data_style/mesh/points/index.js    |  73 ++--
 .../stores/data_style/mesh/points/size.js     |  27 +-
 .../stores/data_style/mesh/points/vertex.js   | 105 +++---
 .../data_style/mesh/points/visibility.js      |  27 +-
 .../stores/data_style/mesh/polygons/color.js  |  27 +-
 .../stores/data_style/mesh/polygons/common.js |  12 +-
 .../stores/data_style/mesh/polygons/index.js  |  70 ++--
 .../data_style/mesh/polygons/polygon.js       | 101 +++--
 .../data_style/mesh/polygons/textures.js      |  27 +-
 .../stores/data_style/mesh/polygons/vertex.js | 105 +++---
 .../data_style/mesh/polygons/visibility.js    |  27 +-
 .../stores/data_style/mesh/polyhedra/color.js |  27 +-
 .../data_style/mesh/polyhedra/common.js       |  12 +-
 .../stores/data_style/mesh/polyhedra/index.js |  63 ++--
 .../data_style/mesh/polyhedra/polyhedron.js   |  90 +++--
 .../data_style/mesh/polyhedra/vertex.js       | 105 +++---
 .../data_style/mesh/polyhedra/visibility.js   |  28 +-
 .../stores/data_style/model/blocks/color.js   |  45 ++-
 .../stores/data_style/model/blocks/common.js  |  12 +-
 .../stores/data_style/model/blocks/index.js   |  30 +-
 .../data_style/model/blocks/visibility.js     |  45 ++-
 .../stores/data_style/model/corners/color.js  |  45 ++-
 .../stores/data_style/model/corners/common.js |  12 +-
 .../stores/data_style/model/corners/index.js  |  32 +-
 .../data_style/model/corners/visibility.js    |  46 ++-
 .../stores/data_style/model/edges/common.js   |   8 +-
 .../stores/data_style/model/edges/index.js    |  14 +-
 .../data_style/model/edges/visibility.js      |  26 +-
 internal/stores/data_style/model/index.js     | 163 ++++----
 .../stores/data_style/model/lines/color.js    |  45 ++-
 .../stores/data_style/model/lines/common.js   |  12 +-
 .../stores/data_style/model/lines/index.js    |  30 +-
 .../data_style/model/lines/visibility.js      |  45 ++-
 .../stores/data_style/model/points/common.js  |   8 +-
 .../stores/data_style/model/points/index.js   |  18 +-
 .../stores/data_style/model/points/size.js    |  22 +-
 .../data_style/model/points/visibility.js     |  26 +-
 .../stores/data_style/model/surfaces/color.js |  45 ++-
 .../data_style/model/surfaces/common.js       |  12 +-
 .../stores/data_style/model/surfaces/index.js |  36 +-
 .../data_style/model/surfaces/visibility.js   |  40 +-
 internal/stores/data_style/state.js           |  22 +-
 internal/utils/api_fetch.js                   |  58 ++-
 internal/utils/upload_file.js                 |  41 +-
 internal/utils/viewer_call.js                 |  59 ++-
 nuxt.config.js                                |  34 +-
 scripts/generate_geode_objects.js             |  30 +-
 server/api/app/kill.post.js                   |   8 +-
 server/api/app/project_folder_path.post.js    |  18 +-
 server/api/app/run_back.post.js               |  18 +-
 server/api/app/run_viewer.post.js             |  18 +-
 server/api/extensions/run.post.js             |  75 ++--
 server/api/extensions/upload.put.js           | 110 +++---
 tests/integration/setup.js                    |  97 +++--
 .../stores/data_style/mesh/cells.nuxt.test.js | 204 +++++-----
 .../stores/data_style/mesh/edges.nuxt.test.js | 188 ++++------
 .../stores/data_style/mesh/index.nuxt.test.js |  79 ++--
 .../data_style/mesh/points.nuxt.test.js       | 186 +++++----
 .../data_style/mesh/polygons.nuxt.test.js     | 202 +++++-----
 .../data_style/mesh/polyhedra.nuxt.test.js    | 186 ++++-----
 .../data_style/model/blocks.nuxt.test.js      | 129 +++----
 .../data_style/model/corners.nuxt.test.js     | 135 +++----
 .../data_style/model/edges.nuxt.test.js       |  81 ++--
 .../data_style/model/index.nuxt.test.js       |  65 ++--
 .../data_style/model/lines.nuxt.test.js       | 133 +++----
 .../data_style/model/points.nuxt.test.js      | 107 +++---
 .../data_style/model/surfaces.nuxt.test.js    | 139 +++----
 tests/integration/stores/viewer.nuxt.test.js  |  71 ++--
 tests/setup_indexeddb.js                      |   4 +-
 .../unit/components/CrsSelector.nuxt.test.js  |  56 +--
 .../components/ExtensionSelector.nuxt.test.js |  68 ++--
 .../FeedBack/ErrorsBanner.nuxt.test.js        |  46 +--
 .../components/FeedBack/Snackers.nuxt.test.js |  34 +-
 .../unit/components/FileSelector.nuxt.test.js | 114 +++---
 .../unit/components/FileUploader.nuxt.test.js |  70 ++--
 .../Inspector/InspectionButton.nuxt.test.js   |  54 +--
 .../Inspector/ResultPanel.nuxt.test.js        |  47 ++-
 tests/unit/components/Launcher.nuxt.test.js   |  40 +-
 .../MissingFilesSelector.nuxt.test.js         |  74 ++--
 .../components/ObjectSelector.nuxt.test.js    | 124 +++---
 .../components/PackagesVersions.nuxt.test.js  |  30 +-
 tests/unit/components/Step.nuxt.test.js       |  34 +-
 tests/unit/components/Stepper.nuxt.test.js    |  36 +-
 tests/unit/composables/api_fetch.nuxt.test.js |  64 ++--
 .../composables/project_manager.nuxt.test.js  | 205 +++++-----
 ..._when_microservices_connected.nuxt.test.js |  70 ++--
 .../unit/composables/upload_file.nuxt.test.js |  56 ++-
 tests/unit/plugins/project_load.nuxt.test.js  |  64 ++--
 tests/unit/stores/app.nuxt.test.js            | 182 +++++----
 tests/unit/stores/feedback.nuxt.test.js       | 104 +++--
 tests/unit/stores/geode.nuxt.test.js          | 226 ++++++-----
 tests/unit/stores/infra.nuxt.test.js          | 296 +++++++--------
 tests/unit/stores/lambda.nuxt.test.js         | 144 ++++---
 tests/unit/stores/treeview.nuxt.test.js       |  40 +-
 tests/unit/stores/viewer.nuxt.test.js         | 231 ++++++------
 tests/unit/utils/recaptcha.nuxt.test.js       |  54 ++-
 tests/unit/utils/validate_schema.nuxt.test.js |  34 +-
 tests/utils.js                                |  22 +-
 tests/vitest.config.js                        |  18 +-
 vuetify_config.js                             |   4 +-
 234 files changed, 7698 insertions(+), 9064 deletions(-)
 delete mode 100644 .prettierrc

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 728bd785..1aeb1022 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
       }
     ],
@@ -79,12 +64,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/.prettierrc b/.prettierrc
deleted file mode 100644
index 2041212b..00000000
--- a/.prettierrc
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "semi": false,
-  "vueIndentScriptAndStyle": true
-}
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..4b4ec9da 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) {
+    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(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);
     }
-    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 cc5501d2..a3ee6580 100644
--- a/app/components/Recaptcha.vue
+++ b/app/components/Recaptcha.vue
@@ -1,68 +1,65 @@
 <script setup>
-  import { appMode } from "@ogw_front/utils/app_mode"
-  import { useInfraStore } from "@ogw_front/stores/infra"
+import { appMode } from "@ogw_front/utils/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."
-    },
-  ]
+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 })
-      }
+onMounted(() => {
+  if (import.meta.client) {
+    if (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,
-    })
   }
+});
+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 +74,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 +88,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 bb9b2eee..c8c31717 100644
--- a/app/stores/app.js
+++ b/app/stores/app.js
@@ -1,139 +1,128 @@
-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)
+      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)
+        await extensionModule.install(extensionAPI.value, backendPath);
 
         const extensionData = {
           module: extensionModule,
@@ -143,129 +132,119 @@ export const useAppStore = defineStore("app", () => {
           loadedAt: new Date().toISOString(),
           metadata: extensionModule.metadata,
           enabled: true,
-        }
-        loadedExtensions.value.set(extensionId, extensionData)
+        };
+        loadedExtensions.value.set(extensionId, extensionData);
 
-        console.log(`[AppStore] Extension loaded successfully: ${extensionId}`)
-        return extensionModule
+        console.log(`[AppStore] Extension loaded successfully: ${extensionId}`);
+        return extensionModule;
       } else {
-        throw new Error("Extension must export an install function")
+        throw new Error("Extension must export an install function");
       }
     } 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 { PROJECT } = useRuntimeConfig().public
+    const { PROJECT } = useRuntimeConfig().public;
     const schema = {
       $id: "/api/app/project_folder_path",
       methods: ["POST"],
@@ -275,17 +254,17 @@ export const useAppStore = defineStore("app", () => {
       },
       required: ["PROJECT"],
       additionalProperties: true,
-    }
-    const params = { PROJECT }
+    };
+    const params = { PROJECT };
 
-    console.log(createProjectFolder.name, { PROJECT })
+    console.log(createProjectFolder.name, { PROJECT });
 
     return request(schema, params, {
       response_function: async (response) => {
-        console.log(`[APP] ${response.projectFolderPath} created`)
-        projectFolderPath.value = response.projectFolderPath
+        console.log(`[APP] ${response.projectFolderPath} created`);
+        projectFolderPath.value = response.projectFolderPath;
       },
-    })
+    });
   }
 
   return {
@@ -310,5 +289,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..b564d241 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,
-      )
+      this.feedbacks = this.feedbacks.filter((feedback) => feedback.id !== feedbackId);
     },
     async delete_server_error() {
-      this.server_error = false
+      this.server_error = false;
     },
   },
-})
+});
diff --git a/app/stores/geode.js b/app/stores/geode.js
index f87a2444..9e4d27da 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/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/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,74 +19,74 @@ 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 geodeStore = this;
+      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 });
+            geodeStore.status = Status.NOT_CONNECTED;
           },
           response_function: () => {
-            feedbackStore.$patch({ server_error: false })
-            geodeStore.status = Status.CONNECTED
+            feedbackStore.$patch({ server_error: false });
+            geodeStore.status = Status.CONNECTED;
           },
           response_error_function: () => {
-            feedbackStore.$patch({ server_error: true })
-            geodeStore.status = Status.NOT_CONNECTED
+            feedbackStore.$patch({ server_error: true });
+            geodeStore.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 { BACK_PATH, BACK_COMMAND } = useRuntimeConfig().public
+      const { BACK_PATH, BACK_COMMAND } = useRuntimeConfig().public;
 
-      console.log("[GEODE] BACK_PATH", BACK_PATH)
-      console.log("[GEODE] BACK_COMMAND", BACK_COMMAND)
+      console.log("[GEODE] BACK_PATH", BACK_PATH);
+      console.log("[GEODE] BACK_COMMAND", BACK_COMMAND);
       const schema = {
         $id: "/api/app/run_back",
         methods: ["POST"],
@@ -97,30 +97,30 @@ export const useGeodeStore = defineStore("geode", {
         },
         required: ["BACK_PATH", "BACK_COMMAND"],
         additionalProperties: true,
-      }
+      };
 
       const params = {
         BACK_PATH,
         BACK_COMMAND,
         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,
@@ -134,16 +134,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,
         {
@@ -153,16 +153,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..d9a44665 100644
--- a/app/stores/hybrid_viewer.js
+++ b/app/stores/hybrid_viewer.js
@@ -1,137 +1,134 @@
 // 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) {
     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()
+    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 +138,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 +225,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 +261,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 +305,5 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     clear,
     exportStores,
     importStores,
-  }
-})
+  };
+});
diff --git a/app/stores/infra.js b/app/stores/infra.js
index 5c57239c..a48e71ff 100644
--- a/app/stores/infra.js
+++ b/app/stores/infra.js
@@ -1,9 +1,9 @@
-import { appMode, getAppMode } from "@ogw_front/utils/app_mode"
-import { Status } from "@ogw_front/utils/status"
-import { useAppStore } from "@ogw_front/stores/app"
-import { useLambdaStore } from "@ogw_front/stores/lambda"
+import { appMode, getAppMode } from "@ogw_front/utils/app_mode";
+import { Status } from "@ogw_front/utils/status";
+import { useAppStore } from "@ogw_front/stores/app";
+import { useLambdaStore } from "@ogw_front/stores/lambda";
 
-import { registerRunningExtensions } from "@ogw_front/utils/extension"
+import { registerRunningExtensions } from "@ogw_front/utils/extension";
 
 export const useInfraStore = defineStore("infra", {
   state: () => ({
@@ -16,96 +16,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.find((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)
+      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..fff9676a 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()
+      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..bc967fd8 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
+    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 = []
+    const ids = pendingSelectionIds.value || [];
+    const rebuilt = [];
     if (!ids.length) {
       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 bd05ee13..9a44093d 100644
--- a/app/stores/viewer.js
+++ b/app/stores/viewer.js
@@ -1,150 +1,143 @@
 // 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 { useRuntimeConfig } from "nuxt/app"
+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 { useRuntimeConfig } from "nuxt/app";
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { appMode } from "@ogw_front/utils/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/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()
+      console.log("[VIEWER] Launching viewer microservice...", { args });
+      const appStore = useAppStore();
 
-      const { VIEWER_PATH, VIEWER_COMMAND } = useRuntimeConfig().public
+      const { VIEWER_PATH, VIEWER_COMMAND } = useRuntimeConfig().public;
 
-      console.log("[VIEWER] VIEWER_PATH", VIEWER_PATH)
-      console.log("[VIEWER] VIEWER_COMMAND", VIEWER_COMMAND)
+      console.log("[VIEWER] VIEWER_PATH", VIEWER_PATH);
+      console.log("[VIEWER] VIEWER_COMMAND", VIEWER_COMMAND);
       const schema = {
         $id: "/api/app/run_viewer",
         methods: ["POST"],
@@ -155,41 +148,36 @@ export const useViewerStore = defineStore(
         },
         required: ["VIEWER_PATH", "VIEWER_COMMAND"],
         additionalProperties: true,
-      }
+      };
 
       const params = {
         VIEWER_PATH,
         VIEWER_COMMAND,
         args,
-      }
+      };
 
-      console.log("[VIEWER] params", params)
+      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,
@@ -203,14 +191,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 {
@@ -233,11 +221,11 @@ export const useViewerStore = defineStore(
       launch,
       connect,
       request,
-    }
+    };
   },
   {
     share: {
       omit: ["status", "client"],
     },
   },
-)
+);
diff --git a/app/utils/app_mode.js b/app/utils/app_mode.js
index 230ebcc3..3bc7c7fc 100644
--- a/app/utils/app_mode.js
+++ b/app/utils/app_mode.js
@@ -1,19 +1,19 @@
-import isElectron from "is-electron"
+import isElectron from "is-electron";
 
 const appMode = {
   DESKTOP: "DESKTOP",
   BROWSER: "BROWSER",
   CLOUD: "CLOUD",
-}
+};
 
 function getAppMode() {
   if (isElectron()) {
-    return appMode.DESKTOP
+    return appMode.DESKTOP;
   }
   if (useRuntimeConfig().public.BROWSER === "true") {
-    return appMode.BROWSER
+    return appMode.BROWSER;
   }
-  return appMode.CLOUD
+  return appMode.CLOUD;
 }
 
-export { appMode, getAppMode }
+export { appMode, getAppMode };
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 7930b99c..c8b7fd4f 100644
--- a/app/utils/extension.js
+++ b/app/utils/extension.js
@@ -1,91 +1,91 @@
 // Node.js imports
 
 // Third party imports
-import _ from "lodash"
-import { useRuntimeConfig } from "nuxt/app"
+import _ from "lodash";
+import { useRuntimeConfig } from "nuxt/app";
 
 // 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",
@@ -97,9 +97,9 @@ function runExtensions() {
     },
     required: ["projectFolderPath", "projectName"],
     additionalProperties: false,
-  }
+  };
 
-  return appStore.request(schema, params)
+  return appStore.request(schema, params);
 }
 
 export {
@@ -108,4 +108,4 @@ export {
   uploadExtension,
   registerRunningExtensions,
   runExtensions,
-}
+};
diff --git a/app/utils/file_import_workflow.js b/app/utils/file_import_workflow.js
index 0a343e08..38ec962e 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)
-  console.log({ dataStore })
+  const dataStore = useDataStore();
+  const dataStyleStore = useDataStyleStore();
+  const hybridViewerStore = useHybridViewerStore();
+  const treeviewStore = useTreeviewStore();
+  const registerTask = dataStore.registerObject(item.id);
+  const addDataTask = dataStore.addItem(item);
+  console.log({ dataStore });
   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/microservices.js b/app/utils/local/microservices.js
index caaab6d5..143e0b96 100644
--- a/app/utils/local/microservices.js
+++ b/app/utils/local/microservices.js
@@ -1,30 +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 { WebSocket } from "ws"
-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 { WebSocket } from "ws";
+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 {
-  deleteFolderRecursive,
-  executableName,
-  executablePath,
-} from "./path.js"
+import { commandExistsSync, waitForReady } from "./scripts.js";
+import { deleteFolderRecursive, executableName, executablePath } from "./path.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(
@@ -36,218 +32,206 @@ async function runScript(
 ) {
   const command = commandExistsSync(execName)
     ? execName
-    : path.join(await executablePath(execPath), executableName(execName))
-  console.log("runScript", command, args)
+    : path.join(await executablePath(execPath), executableName(execName));
+  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 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)
+    return killHttpMicroservice(microservice);
   } else if (microservice.type === "viewer") {
-    return killWebsocketMicroservice(microservice)
+    return killWebsocketMicroservice(microservice);
   } else {
-    throw new Error(`Unknown microservice type: ${microservice.type}`)
+    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");
 }
 
 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 {
@@ -258,4 +242,4 @@ export {
   projectMicroservices,
   runBack,
   runViewer,
-}
+};
diff --git a/app/utils/local/path.js b/app/utils/local/path.js
index bdb474b0..d93c0e82 100644
--- a/app/utils/local/path.js
+++ b/app/utils/local/path.js
@@ -1,79 +1,79 @@
 // Node imports
-import fs from "node:fs"
-import os from "node:os"
-import path from "node:path"
-import { setTimeout } from "node:timers/promises"
+import fs from "node:fs";
+import os from "node:os";
+import path from "node:path";
+import { setTimeout } from "node:timers/promises";
 
 // Third party imports
-import isElectron from "is-electron"
-import { rimraf } from "rimraf"
-import { v4 as uuidv4 } from "uuid"
+import isElectron from "is-electron";
+import { rimraf } from "rimraf";
+import { v4 as uuidv4 } from "uuid";
 
-const MAX_DELETE_FOLDER_RETRIES = 5
+const MAX_DELETE_FOLDER_RETRIES = 5;
 
 function venvScriptPath(microservicePath) {
-  const venvPath = path.join(microservicePath, "venv")
-  let scriptPath = ""
+  const venvPath = path.join(microservicePath, "venv");
+  let scriptPath = "";
   if (process.platform === "win32") {
-    scriptPath = path.join(venvPath, "Scripts")
+    scriptPath = path.join(venvPath, "Scripts");
   } else {
-    scriptPath = path.join(venvPath, "bin")
+    scriptPath = path.join(venvPath, "bin");
   }
-  return scriptPath
+  return scriptPath;
 }
 
 async function executablePath(microservicePath) {
   if (isElectron()) {
-    const electron = await import("electron")
+    const electron = await import("electron");
     if (electron.app.isPackaged) {
-      return process.resourcesPath
+      return process.resourcesPath;
     } else {
-      return venvScriptPath(microservicePath)
+      return venvScriptPath(microservicePath);
     }
   } else {
-    return venvScriptPath(microservicePath)
+    return venvScriptPath(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.replace(/\//g, "_"), uuidv4());
 }
 
 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");
     }
   }
 }
@@ -83,4 +83,4 @@ export {
   executableName,
   deleteFolderRecursive,
   generateProjectFolderPath,
-}
+};
diff --git a/app/utils/local/scripts.js b/app/utils/local/scripts.js
index e534dba7..58e8761c 100644
--- a/app/utils/local/scripts.js
+++ b/app/utils/local/scripts.js
@@ -1,49 +1,49 @@
 // 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";
 
 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.BROWSER = true
+  process.env.BROWSER = true;
 
   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..2b4b2ff4 100644
--- a/app/utils/server.js
+++ b/app/utils/server.js
@@ -1,46 +1,46 @@
 // 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)
+  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..009edef9 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 = {}
+    const currentVersion = tempDb.verno;
+    const currentStores = {};
 
-    currentStores[dataTable.name] = dataTable.schema
-    currentStores[modelComponentsTable.name] = modelComponentsTable.schema
-    currentStores[modelComponentsRelationTable.name] =
-      modelComponentsRelationTable.schema
+    currentStores[dataTable.name] = dataTable.schema;
+    currentStores[modelComponentsTable.name] = modelComponentsTable.schema;
+    currentStores[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..db5f657d 100644
--- a/internal/stores/data_style/mesh/cells/index.js
+++ b/internal/stores/data_style/mesh/cells/index.js
@@ -1,74 +1,61 @@
 // 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),
-      )
+      return meshCellsColorStyle.setMeshCellsColor(id, meshCellsColorStyle.meshCellsColor(id));
     } else if (type === "textures") {
-      const textures = meshCellsTexturesStore.meshCellsTextures(id)
+      const textures = meshCellsTexturesStore.meshCellsTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshCellsTexturesStore.setMeshCellsTextures(id, textures)
+      return meshCellsTexturesStore.setMeshCellsTextures(id, textures);
     } else if (type === "vertex") {
-      const name =
-        meshCellsVertexAttributeStyle.meshCellsVertexAttributeName(id)
+      const name = meshCellsVertexAttributeStyle.meshCellsVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshCellsVertexAttributeStyle.setMeshCellsVertexAttributeName(
-        id,
-        name,
-      )
+      return meshCellsVertexAttributeStyle.setMeshCellsVertexAttributeName(id, name);
     } else if (type === "cell") {
-      const name = meshCellsCellAttributeStyle.meshCellsCellAttributeName(id)
+      const name = meshCellsCellAttributeStyle.meshCellsCellAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      await meshCellsCellAttributeStyle.setMeshCellsCellAttributeName(id, name)
+      await meshCellsCellAttributeStyle.setMeshCellsCellAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh cells coloring type: ${type}`)
+      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 +67,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..c346880d 100644
--- a/internal/stores/data_style/mesh/edges/index.js
+++ b/internal/stores/data_style/mesh/edges/index.js
@@ -1,78 +1,62 @@
 // 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
+    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),
-      )
+      return meshEdgesColorStyle.setMeshEdgesColor(id, meshEdgesColorStyle.meshEdgesColor(id));
     } else if (type === "textures") {
-      const textures = meshEdgesTexturesStore.meshEdgesTextures(id)
+      const textures = meshEdgesTexturesStore.meshEdgesTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshEdgesTexturesStore.setMeshEdgesTextures(id, textures)
+      return meshEdgesTexturesStore.setMeshEdgesTextures(id, textures);
     } else if (type === "vertex") {
-      const name =
-        meshEdgesVertexAttributeStyle.meshEdgesVertexAttributeName(id)
+      const name = meshEdgesVertexAttributeStyle.meshEdgesVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshEdgesVertexAttributeStyle.setMeshEdgesVertexAttributeName(
-        id,
-        name,
-      )
+      return meshEdgesVertexAttributeStyle.setMeshEdgesVertexAttributeName(id, name);
     } else if (type === "edge") {
-      const name = meshEdgesEdgeAttributeStyle.meshEdgesEdgeAttributeName(id)
+      const name = meshEdgesEdgeAttributeStyle.meshEdgesEdgeAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshEdgesEdgeAttributeStyle.setMeshEdgesEdgeAttributeName(id, name)
+      return meshEdgesEdgeAttributeStyle.setMeshEdgesEdgeAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh edges coloring type: ${type}`)
+      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 +68,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..a2b32a51 100644
--- a/internal/stores/data_style/mesh/points/index.js
+++ b/internal/stores/data_style/mesh/points/index.js
@@ -1,62 +1,51 @@
 // 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),
-      )
+      return meshPointsColorStyle.setMeshPointsColor(id, meshPointsColorStyle.meshPointsColor(id));
     } else if (type === "textures") {
-      const textures = meshPointsTexturesStore.meshPointsTextures(id)
+      const textures = meshPointsTexturesStore.meshPointsTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPointsTexturesStore.setMeshPointsTextures(id, textures)
+      return meshPointsTexturesStore.setMeshPointsTextures(id, textures);
     } else if (type === "vertex") {
-      const name =
-        meshPointsVertexAttributeStyle.meshPointsVertexAttributeName(id)
+      const name = meshPointsVertexAttributeStyle.meshPointsVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPointsVertexAttributeStyle.setMeshPointsVertexAttributeName(
-        id,
-        name,
-      )
+      return meshPointsVertexAttributeStyle.setMeshPointsVertexAttributeName(id, name);
     } else if (type === "polygon") {
-      const name =
-        meshPointsPolygonAttributeStyleStore.meshPointsPolygonAttributeName(id)
+      const name = meshPointsPolygonAttributeStyleStore.meshPointsPolygonAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      await meshPointsPolygonAttributeStyleStore.setMeshPointsPolygonAttributeName(
-        id,
-        name,
-      )
+      await meshPointsPolygonAttributeStyleStore.setMeshPointsPolygonAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh points coloring type: ${type}`)
+      throw new Error(`Unknown mesh points coloring type: ${type}`);
     }
   }
 
@@ -66,15 +55,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 +68,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..10dbdd7d 100644
--- a/internal/stores/data_style/mesh/polygons/index.js
+++ b/internal/stores/data_style/mesh/polygons/index.js
@@ -1,65 +1,56 @@
 // 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)
+      const textures = meshPolygonsTexturesStyle.meshPolygonsTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPolygonsTexturesStyle.setMeshPolygonsTextures(id, textures)
+      return meshPolygonsTexturesStyle.setMeshPolygonsTextures(id, textures);
     } else if (type === "vertex") {
-      const name =
-        meshPolygonsVertexAttributeStyle.meshPolygonsVertexAttributeName(id)
+      const name = meshPolygonsVertexAttributeStyle.meshPolygonsVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPolygonsVertexAttributeStyle.setMeshPolygonsVertexAttributeName(
-        id,
-        name,
-      )
+      return meshPolygonsVertexAttributeStyle.setMeshPolygonsVertexAttributeName(id, name);
     } else if (type === "polygon") {
-      const name =
-        meshPolygonsPolygonAttributeStyle.meshPolygonsPolygonAttributeName(id)
+      const name = meshPolygonsPolygonAttributeStyle.meshPolygonsPolygonAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      await meshPolygonsPolygonAttributeStyle.setMeshPolygonsPolygonAttributeName(
-        id,
-        name,
-      )
+      await meshPolygonsPolygonAttributeStyle.setMeshPolygonsPolygonAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh polygons coloring type: ${type}`)
+      throw new Error(`Unknown mesh polygons coloring type: ${type}`);
     }
   }
 
@@ -69,11 +60,8 @@ export function useMeshPolygonsStyle() {
         id,
         meshPolygonsVisibility.meshPolygonsVisibility(id),
       ),
-      setMeshPolygonsActiveColoring(
-        id,
-        meshPolygonsCommonStyle.meshPolygonsActiveColoring(id),
-      ),
-    ])
+      setMeshPolygonsActiveColoring(id, meshPolygonsCommonStyle.meshPolygonsActiveColoring(id)),
+    ]);
   }
 
   return {
@@ -85,5 +73,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..7fa4f44e 100644
--- a/internal/stores/data_style/mesh/polyhedra/index.js
+++ b/internal/stores/data_style/mesh/polyhedra/index.js
@@ -1,60 +1,48 @@
 // 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)
+      const name = meshPolyhedraVertexAttributeStyle.meshPolyhedraVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPolyhedraVertexAttributeStyle.setMeshPolyhedraVertexAttributeName(
-        id,
-        name,
-      )
+      return meshPolyhedraVertexAttributeStyle.setMeshPolyhedraVertexAttributeName(id, name);
     } else if (type === "polyhedron") {
-      const name =
-        meshPolyhedraPolyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeName(
-          id,
-        )
+      const name = meshPolyhedraPolyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      await meshPolyhedraPolyhedronAttributeStyle.setMeshPolyhedraPolyhedronAttributeName(
-        id,
-        name,
-      )
+      await meshPolyhedraPolyhedronAttributeStyle.setMeshPolyhedraPolyhedronAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh polyhedra coloring type: ${type}`)
+      throw new Error(`Unknown mesh polyhedra coloring type: ${type}`);
     }
   }
 
@@ -64,11 +52,8 @@ export function useMeshPolyhedraStyle() {
         id,
         meshPolyhedraVisibility.meshPolyhedraVisibility(id),
       ),
-      setMeshPolyhedraActiveColoring(
-        id,
-        meshPolyhedraCommonStyle.meshPolyhedraActiveColoring(id),
-      ),
-    ])
+      setMeshPolyhedraActiveColoring(id, meshPolyhedraCommonStyle.meshPolyhedraActiveColoring(id)),
+    ]);
   }
 
   return {
@@ -79,5 +64,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..25222241 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,63 @@ 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)
+      return modelCornersStyleStore.modelCornerVisibility(id, component_id);
     } else if (component_type === "Line") {
-      return modelLinesStyleStore.modelLineVisibility(id, component_id)
+      return modelLinesStyleStore.modelLineVisibility(id, component_id);
     } else if (component_type === "Surface") {
-      return modelSurfacesStyleStore.modelSurfaceVisibility(id, component_id)
+      return modelSurfacesStyleStore.modelSurfaceVisibility(id, component_id);
     } else if (component_type === "Block") {
-      return modelBlocksStyleStore.modelBlockVisibility(id, component_id)
+      return modelBlocksStyleStore.modelBlockVisibility(id, component_id);
     }
-    throw new Error(`Unknown model component_type: ${component_type}`)
+    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 +101,74 @@ 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,
-      )
+      return modelCornersStyleStore.setModelCornersVisibility(id, component_geode_ids, visibility);
     } else if (component_type === "Line") {
-      return modelLinesStyleStore.setModelLinesVisibility(
-        id,
-        component_geode_ids,
-        visibility,
-      )
+      return modelLinesStyleStore.setModelLinesVisibility(id, component_geode_ids, visibility);
     } else 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,
-      )
+      return modelBlocksStyleStore.setModelBlocksVisibility(id, component_geode_ids, visibility);
     } else {
-      throw new Error(`Unknown model component_type: ${component_type}`)
+      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 +186,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..6e6ef1a2 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()
+  };
+  microservice.start_request();
   return $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 8108fcb4..6ec24e53 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,43 +1,27 @@
 // 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: {
     public: {
       API_URL: "api.geode-solutions.com",
       BACK_COMMAND: "opengeodeweb-back",
-      BACK_PATH: path.join(
-        __dirname,
-        "tests",
-        "integration",
-        "microservices",
-        "back",
-      ),
+      BACK_PATH: path.join(__dirname, "tests", "integration", "microservices", "back"),
       BROWSER: process.env.BROWSER ?? false,
       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 : "",
       VIEWER_COMMAND: "opengeodeweb-viewer",
-      VIEWER_PATH: path.join(
-        __dirname,
-        "tests",
-        "integration",
-        "microservices",
-        "viewer",
-      ),
+      VIEWER_PATH: path.join(__dirname, "tests", "integration", "microservices", "viewer"),
     },
   },
 
-  modules: [
-    ["@pinia/nuxt", { autoImports: ["defineStore", "storeToRefs"] }],
-    "@vueuse/nuxt",
-  ],
+  modules: [["@pinia/nuxt", { autoImports: ["defineStore", "storeToRefs"] }], "@vueuse/nuxt"],
   imports: {
     scan: false,
   },
@@ -76,4 +60,4 @@ export default defineNuxtConfig({
       ],
     },
   },
-})
+});
diff --git a/scripts/generate_geode_objects.js b/scripts/generate_geode_objects.js
index 91890d45..deffdaec 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 f80e69a0..7de3d949 100644
--- a/server/api/app/project_folder_path.post.js
+++ b/server/api/app/project_folder_path.post.js
@@ -1,29 +1,29 @@
 // Node imports
 
 // Third party imports
-import { createError, defineEventHandler, readBody } from "h3"
+import { createError, defineEventHandler, readBody } 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";
 
 export default defineEventHandler(async (event) => {
   try {
-    const { PROJECT } = await readBody(event)
-    const projectFolderPath = generateProjectFolderPath(PROJECT)
-    await createPath(projectFolderPath)
+    const { PROJECT } = await readBody(event);
+    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 127bf20d..06eafc47 100644
--- a/server/api/app/run_back.post.js
+++ b/server/api/app/run_back.post.js
@@ -1,33 +1,33 @@
 // 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";
 
 export default defineEventHandler(async (event) => {
   try {
-    const { BACK_COMMAND, BACK_PATH, args } = await readBody(event)
-    const port = await runBack(BACK_COMMAND, BACK_PATH, args)
+    const { BACK_COMMAND, BACK_PATH, args } = await readBody(event);
+    const port = await runBack(BACK_COMMAND, BACK_PATH, args);
     await addMicroserviceMetadatas(args.projectFolderPath, {
       type: "back",
       name: BACK_COMMAND,
       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 7fb0d3ce..2f9f3515 100644
--- a/server/api/app/run_viewer.post.js
+++ b/server/api/app/run_viewer.post.js
@@ -1,33 +1,33 @@
 // 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";
 
 export default defineEventHandler(async (event) => {
   try {
-    const { VIEWER_COMMAND, VIEWER_PATH, args } = await readBody(event)
-    const port = await runViewer(VIEWER_COMMAND, VIEWER_PATH, args)
+    const { VIEWER_COMMAND, VIEWER_PATH, args } = await readBody(event);
+    const port = await runViewer(VIEWER_COMMAND, VIEWER_PATH, args);
     await addMicroserviceMetadatas(args.projectFolderPath, {
       type: "viewer",
       name: VIEWER_COMMAND,
       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..9aa50bd3 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; // 100 MB
 
 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 47aadcc2..861536fc 100644
--- a/tests/integration/setup.js
+++ b/tests/integration/setup.js
@@ -1,41 +1,34 @@
 // 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 { useRuntimeConfig } from "nuxt/app"
+import { afterAll, beforeAll, expect, vi } from "vitest";
+import { useRuntimeConfig } from "nuxt/app";
 
 // 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/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/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 geodeStore = useGeodeStore();
+  const infraStore = useInfraStore();
+  const viewerStore = useViewerStore();
+  infraStore.app_mode = appMode.BROWSER;
   const { BACK_COMMAND, BACK_PATH, PROJECT, VIEWER_COMMAND, VIEWER_PATH } =
-    useRuntimeConfig().public
-  const projectFolderPath = generateProjectFolderPath(PROJECT)
-  await createPath(projectFolderPath)
+    useRuntimeConfig().public;
+  const projectFolderPath = generateProjectFolderPath(PROJECT);
+  await createPath(projectFolderPath);
 
   const [back_port, viewer_port] = await Promise.all([
     runBack(BACK_COMMAND, BACK_PATH, {
@@ -43,58 +36,56 @@ async function runMicroservices() {
       uploadFolderPath: data_folder,
     }),
     runViewer(VIEWER_COMMAND, VIEWER_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: BACK_COMMAND,
     port: back_port,
-  })
+  });
   await addMicroserviceMetadatas(projectFolderPath, {
     type: "viewer",
     name: VIEWER_COMMAND,
     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 2a6409d1..5c4a48fc 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/microservices"
-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/microservices";
+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("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 de379a50..be4d417a 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/microservices"
-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/microservices";
+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 e4b9e99a..4c23c58b 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/microservices"
-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/microservices";
+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 e21054b1..8ce14425 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/microservices"
-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/microservices";
+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 351291fc..ddb8a5f1 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/microservices"
-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/microservices";
+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 573d7448..aafe2a3f 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/microservices"
-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/microservices";
+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 05e9f993..b6cc2458 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/microservices"
-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/microservices";
+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 318b193b..844b127b 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/microservices"
-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/microservices";
+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 429dcb4a..fbdabbcb 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/microservices"
-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/microservices";
+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 2ea0f894..1b372373 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/microservices"
-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/microservices";
+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 abb17711..7b7ad6fc 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/microservices"
-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/microservices";
+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 856b9df5..5dce8da4 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/microservices"
-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/microservices";
+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 e13f1fe8..d81ecd97 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/microservices"
-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/microservices";
+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(); // Clear calls from setup (applyDefaultStyle)
+      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(); // Clear calls from setup (applyDefaultStyle)
+      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 1e1110f7..a016b9bf 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/microservices"
-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/microservices";
+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..9bf9a98a 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 () => {
   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..6bc8ccdf 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 = ""
+  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..3db603e5 100644
--- a/tests/unit/components/FileUploader.nuxt.test.js
+++ b/tests/unit/components/FileUploader.nuxt.test.js
@@ -1,35 +1,35 @@
 // 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 = ""
+  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 () => {
     test(`prop auto_upload false`, async () => {
@@ -38,23 +38,21 @@ describe(FileUploader, async () => {
           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..0976fbc6 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 = ""
+  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..6fc1613f 100644
--- a/tests/unit/components/Inspector/ResultPanel.nuxt.test.js
+++ b/tests/unit/components/Inspector/ResultPanel.nuxt.test.js
@@ -1,10 +1,10 @@
 // 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 () => {
   test(`Test with issues`, async () => {
@@ -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..c2e79e34 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 () => {
   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..fc64ef4d 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 () => {
   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..8f6a6f30 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([])
+    const geode_object_type = ref("BRep");
+    const files = ref([]);
     const stepper_tree = reactive({
       current_step_index: ref(0),
       geode_object_type,
@@ -29,21 +29,21 @@ describe(Step, () => {
           },
           chips: computed(() => {
             if (geode_object_type.value === "") {
-              return []
+              return [];
             } else {
-              return [geode_object_type.value]
+              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..504b7656 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,13 +26,13 @@ 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 () => {
     const invalid_schema = {
@@ -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 = {}
+    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
+        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 e89deb48..7b3f689e 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/app_mode"
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useProjectManager } from "@ogw_front/composables/project_manager"
+import { appMode } from "@ogw_front/utils/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..a708b02a 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()
-  })
+    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 c2ce5ab9..b11d84b8 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/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/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 beab6a75..e4b8fe3d 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/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/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..aab11c74 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()
-})
+  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 4c7e34fb..5f82e18f 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/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/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 };

From f586ed42edffe2362c2a74cd31a3d07a6a8d905f Mon Sep 17 00:00:00 2001
From: MaxNumerique <144453705+MaxNumerique@users.noreply.github.com>
Date: Thu, 19 Mar 2026 09:07:16 +0000
Subject: [PATCH 2/7] Apply prepare changes

---
 .eslintrc.cjs                                 |   2 +-
 .oxlintrc.json                                |  24 +-
 .prettierrc                                   |   4 +
 app/assets/geode_objects.js                   |  52 +--
 app/components/Carousel.vue                   | 128 ++++---
 app/components/CrsSelector.vue                | 100 ++---
 app/components/DeleteDialog.vue               |  58 +--
 app/components/DragAndDrop.vue                |  76 ++--
 app/components/ExtensionSelector.vue          | 113 +++---
 app/components/FeedBack/ErrorBanner.vue       |  17 +-
 app/components/FeedBack/Snackers.vue          |  26 +-
 app/components/FetchingData.vue               |   7 +-
 app/components/FileSelector.vue               |  88 +++--
 app/components/FileUploader.vue               | 141 ++++---
 app/components/GlassCard.vue                  |  38 +-
 app/components/HybridRenderingView.vue        |  75 ++--
 app/components/InfraConnected.vue             |   6 +-
 app/components/Inspector/InspectionButton.vue |  58 +--
 app/components/Inspector/ResultPanel.vue      |  37 +-
 app/components/Launcher.vue                   |  26 +-
 app/components/Loading.vue                    | 132 +++----
 app/components/MissingFilesSelector.vue       | 126 ++++---
 app/components/ObjectSelector.vue             | 180 +++++----
 app/components/PackagesVersions.vue           |  57 +--
 app/components/Recaptcha.vue                  | 128 ++++---
 app/components/RemoteRenderingView.vue        | 213 ++++++-----
 app/components/Screenshot.vue                 |  78 ++--
 app/components/SearchBar.vue                  |  10 +-
 app/components/Step.vue                       |  81 ++--
 app/components/Stepper.vue                    |  64 ++--
 app/components/VeaseViewToolbar.vue           | 147 ++++----
 app/components/ViewToolbar.vue                |  86 +++--
 app/components/Viewer/BreadCrumb.vue          |  48 ++-
 app/components/Viewer/ContextMenu.vue         | 355 +++++++++---------
 app/components/Viewer/ContextMenuItem.vue     | 222 +++++------
 .../Viewer/EdgedCurve/PointsOptions.vue       |  15 +-
 .../EdgedCurve/SpecificEdgesOptions.vue       | 175 +++++----
 .../Viewer/Generic/Mesh/CellsOptions.vue      | 183 ++++-----
 .../Viewer/Generic/Mesh/EdgesOptions.vue      | 181 +++++----
 .../Viewer/Generic/Mesh/PointsOptions.vue     | 135 ++++---
 .../Viewer/Generic/Mesh/PolygonsOptions.vue   | 192 +++++-----
 .../Viewer/Generic/Mesh/PolyhedraOptions.vue  | 187 +++++----
 .../Viewer/Generic/Model/EdgesOptions.vue     |  42 ++-
 .../Viewer/Generic/Model/PointsOptions.vue    |  56 +--
 .../Viewer/Grid/2D/CellsOptions.vue           |  10 +-
 .../Viewer/Grid/2D/EdgesOptions.vue           |  15 +-
 .../Viewer/Grid/2D/PointsOptions.vue          |  15 +-
 .../Viewer/Grid/3D/CellsOptions.vue           |  10 +-
 .../Viewer/Grid/3D/EdgesOptions.vue           |  15 +-
 .../Viewer/Grid/3D/FacetsOptions.vue          |  10 +-
 .../Viewer/Grid/3D/PointsOptions.vue          |  15 +-
 .../Viewer/HybridSolid/EdgesOptions.vue       |  15 +-
 .../Viewer/HybridSolid/PointsOptions.vue      |  15 +-
 .../Viewer/HybridSolid/PolygonsOptions.vue    |  15 +-
 .../Viewer/HybridSolid/PolyhedraOptions.vue   |  15 +-
 .../Viewer/Options/AttributeColorBar.vue      |  16 +-
 .../Viewer/Options/AttributeSelector.vue      | 151 ++++----
 .../Viewer/Options/ColorMapList.vue           | 255 +++++++------
 .../Viewer/Options/ColorMapPicker.vue         | 270 ++++++-------
 app/components/Viewer/Options/ColorPicker.vue |  18 +-
 .../Viewer/Options/ColoringTypeSelector.vue   | 168 +++++----
 app/components/Viewer/Options/TextureItem.vue | 112 +++---
 .../Viewer/Options/TexturesSelector.vue       |  48 +--
 .../Viewer/Options/VisibilitySwitch.vue       |   2 +-
 .../Viewer/PointSet/SpecificPointsOptions.vue | 129 ++++---
 .../Viewer/PolygonalSurface/EdgesOptions.vue  |  15 +-
 .../Viewer/PolygonalSurface/PointsOptions.vue |  15 +-
 .../SpecificPolygonsOptions.vue               | 186 +++++----
 app/components/Viewer/Solid/EdgesOptions.vue  |  15 +-
 app/components/Viewer/Solid/PointsOptions.vue |  15 +-
 .../Viewer/Solid/PolygonsOptions.vue          |  15 +-
 .../Viewer/Solid/SpecificPolyhedraOptions.vue | 187 +++++----
 .../TetrahedralSolid/TetrahedraOptions.vue    |  10 +-
 .../TetrahedralSolid/TrianglesOptions.vue     |  10 +-
 app/components/Viewer/Tree/ObjectTree.vue     | 169 +++++----
 app/components/Viewer/TreeComponent.vue       |  92 ++---
 app/components/Viewer/TreeObject.vue          |  98 ++---
 .../TriangulatedSurface/EdgesOptions.vue      |  15 +-
 .../TriangulatedSurface/PointsOptions.vue     |  10 +-
 .../TriangulatedSurface/TrianglesOptions.vue  |  10 +-
 app/components/Wrapper.vue                    |  16 +-
 app/components/ZScaling.vue                   |  45 ++-
 app/composables/project_manager.js            | 124 +++---
 ...n_function_when_microservices_connected.js |  16 +-
 app/plugins/auto_store_register.js            |  24 +-
 app/stores/app.js                             | 235 ++++++------
 app/stores/data.js                            | 120 +++---
 app/stores/data_style.js                      |  72 ++--
 app/stores/feedback.js                        |  33 +-
 app/stores/geode.js                           | 116 +++---
 app/stores/hybrid_viewer.js                   | 334 ++++++++--------
 app/stores/infra.js                           |  98 ++---
 app/stores/lambda.js                          |  50 +--
 app/stores/menu.js                            | 163 ++++----
 app/stores/treeview.js                        | 118 +++---
 app/stores/viewer.js                          | 205 +++++-----
 app/utils/app_mode.js                         |  12 +-
 app/utils/colormap.js                         |   6 +-
 app/utils/config.js                           |  38 +-
 app/utils/default_styles.js                   | 112 +++---
 app/utils/extension.js                        |  90 ++---
 app/utils/file_import_workflow.js             | 116 +++---
 app/utils/local/microservices.js              | 212 ++++++-----
 app/utils/local/path.js                       |  70 ++--
 app/utils/local/scripts.js                    |  42 +--
 app/utils/recaptcha.js                        |  12 +-
 app/utils/server.js                           |  40 +-
 app/utils/status.js                           |   4 +-
 app/utils/treeview.js                         |   8 +-
 app/utils/validate_schema.js                  |  14 +-
 commitlint.config.js                          |   4 +-
 eslint.config.js                              |   8 +-
 internal/database/database.js                 |  82 ++--
 internal/database/extended_database.js        |  19 +-
 internal/database/tables/data.js              |   5 +-
 internal/database/tables/model_components.js  |   2 +-
 .../tables/model_components_relation.js       |   2 +-
 internal/stores/data_style/mesh/cells/cell.js | 110 +++---
 .../stores/data_style/mesh/cells/color.js     |  27 +-
 .../stores/data_style/mesh/cells/common.js    |  12 +-
 .../stores/data_style/mesh/cells/index.js     |  73 ++--
 .../stores/data_style/mesh/cells/textures.js  |  23 +-
 .../stores/data_style/mesh/cells/vertex.js    | 105 +++---
 .../data_style/mesh/cells/visibility.js       |  27 +-
 .../stores/data_style/mesh/edges/color.js     |  27 +-
 .../stores/data_style/mesh/edges/common.js    |  12 +-
 internal/stores/data_style/mesh/edges/edge.js | 110 +++---
 .../stores/data_style/mesh/edges/index.js     |  78 ++--
 .../stores/data_style/mesh/edges/vertex.js    | 105 +++---
 .../data_style/mesh/edges/visibility.js       |  27 +-
 .../stores/data_style/mesh/edges/width.js     |  27 +-
 internal/stores/data_style/mesh/index.js      |  68 ++--
 .../stores/data_style/mesh/points/color.js    |  27 +-
 .../stores/data_style/mesh/points/common.js   |  12 +-
 .../stores/data_style/mesh/points/index.js    |  73 ++--
 .../stores/data_style/mesh/points/size.js     |  27 +-
 .../stores/data_style/mesh/points/vertex.js   | 105 +++---
 .../data_style/mesh/points/visibility.js      |  27 +-
 .../stores/data_style/mesh/polygons/color.js  |  27 +-
 .../stores/data_style/mesh/polygons/common.js |  12 +-
 .../stores/data_style/mesh/polygons/index.js  |  70 ++--
 .../data_style/mesh/polygons/polygon.js       | 101 ++---
 .../data_style/mesh/polygons/textures.js      |  27 +-
 .../stores/data_style/mesh/polygons/vertex.js | 105 +++---
 .../data_style/mesh/polygons/visibility.js    |  27 +-
 .../stores/data_style/mesh/polyhedra/color.js |  27 +-
 .../data_style/mesh/polyhedra/common.js       |  12 +-
 .../stores/data_style/mesh/polyhedra/index.js |  63 ++--
 .../data_style/mesh/polyhedra/polyhedron.js   |  90 ++---
 .../data_style/mesh/polyhedra/vertex.js       | 105 +++---
 .../data_style/mesh/polyhedra/visibility.js   |  28 +-
 .../stores/data_style/model/blocks/color.js   |  48 +--
 .../stores/data_style/model/blocks/common.js  |  12 +-
 .../stores/data_style/model/blocks/index.js   |  30 +-
 .../data_style/model/blocks/visibility.js     |  48 +--
 .../stores/data_style/model/corners/color.js  |  48 +--
 .../stores/data_style/model/corners/common.js |  12 +-
 .../stores/data_style/model/corners/index.js  |  32 +-
 .../data_style/model/corners/visibility.js    |  49 +--
 .../stores/data_style/model/edges/common.js   |   8 +-
 .../stores/data_style/model/edges/index.js    |  14 +-
 .../data_style/model/edges/visibility.js      |  26 +-
 internal/stores/data_style/model/index.js     | 163 ++++----
 .../stores/data_style/model/lines/color.js    |  48 +--
 .../stores/data_style/model/lines/common.js   |  12 +-
 .../stores/data_style/model/lines/index.js    |  30 +-
 .../data_style/model/lines/visibility.js      |  48 +--
 .../stores/data_style/model/points/common.js  |   8 +-
 .../stores/data_style/model/points/index.js   |  18 +-
 .../stores/data_style/model/points/size.js    |  22 +-
 .../data_style/model/points/visibility.js     |  26 +-
 .../stores/data_style/model/surfaces/color.js |  48 +--
 .../data_style/model/surfaces/common.js       |  12 +-
 .../stores/data_style/model/surfaces/index.js |  36 +-
 .../data_style/model/surfaces/visibility.js   |  40 +-
 internal/stores/data_style/state.js           |  22 +-
 internal/utils/api_fetch.js                   |  58 +--
 internal/utils/upload_file.js                 |  41 +-
 internal/utils/viewer_call.js                 |  59 +--
 nuxt.config.js                                |  34 +-
 scripts/generate_geode_objects.js             |  30 +-
 server/api/app/kill.post.js                   |   8 +-
 server/api/app/project_folder_path.post.js    |  18 +-
 server/api/app/run_back.post.js               |  18 +-
 server/api/app/run_viewer.post.js             |  18 +-
 server/api/extensions/run.post.js             |  75 ++--
 server/api/extensions/upload.put.js           | 110 +++---
 tests/integration/setup.js                    |  97 ++---
 .../stores/data_style/mesh/cells.nuxt.test.js | 204 +++++-----
 .../stores/data_style/mesh/edges.nuxt.test.js | 188 ++++++----
 .../stores/data_style/mesh/index.nuxt.test.js |  79 ++--
 .../data_style/mesh/points.nuxt.test.js       | 186 ++++-----
 .../data_style/mesh/polygons.nuxt.test.js     | 202 +++++-----
 .../data_style/mesh/polyhedra.nuxt.test.js    | 186 +++++----
 .../data_style/model/blocks.nuxt.test.js      | 129 ++++---
 .../data_style/model/corners.nuxt.test.js     | 135 ++++---
 .../data_style/model/edges.nuxt.test.js       |  81 ++--
 .../data_style/model/index.nuxt.test.js       |  65 ++--
 .../data_style/model/lines.nuxt.test.js       | 133 ++++---
 .../data_style/model/points.nuxt.test.js      | 107 +++---
 .../data_style/model/surfaces.nuxt.test.js    | 139 ++++---
 tests/integration/stores/viewer.nuxt.test.js  |  71 ++--
 tests/setup_indexeddb.js                      |   4 +-
 .../unit/components/CrsSelector.nuxt.test.js  |  56 +--
 .../components/ExtensionSelector.nuxt.test.js |  68 ++--
 .../FeedBack/ErrorsBanner.nuxt.test.js        |  46 +--
 .../components/FeedBack/Snackers.nuxt.test.js |  34 +-
 .../unit/components/FileSelector.nuxt.test.js | 114 +++---
 .../unit/components/FileUploader.nuxt.test.js |  70 ++--
 .../Inspector/InspectionButton.nuxt.test.js   |  54 +--
 .../Inspector/ResultPanel.nuxt.test.js        |  47 +--
 tests/unit/components/Launcher.nuxt.test.js   |  40 +-
 .../MissingFilesSelector.nuxt.test.js         |  74 ++--
 .../components/ObjectSelector.nuxt.test.js    | 124 +++---
 .../components/PackagesVersions.nuxt.test.js  |  30 +-
 tests/unit/components/Step.nuxt.test.js       |  34 +-
 tests/unit/components/Stepper.nuxt.test.js    |  36 +-
 tests/unit/composables/api_fetch.nuxt.test.js |  64 ++--
 .../composables/project_manager.nuxt.test.js  | 205 +++++-----
 ..._when_microservices_connected.nuxt.test.js |  70 ++--
 .../unit/composables/upload_file.nuxt.test.js |  56 +--
 tests/unit/plugins/project_load.nuxt.test.js  |  64 ++--
 tests/unit/stores/app.nuxt.test.js            | 182 ++++-----
 tests/unit/stores/feedback.nuxt.test.js       | 104 ++---
 tests/unit/stores/geode.nuxt.test.js          | 226 +++++------
 tests/unit/stores/infra.nuxt.test.js          | 296 +++++++--------
 tests/unit/stores/lambda.nuxt.test.js         | 144 +++----
 tests/unit/stores/treeview.nuxt.test.js       |  40 +-
 tests/unit/stores/viewer.nuxt.test.js         | 231 ++++++------
 tests/unit/utils/recaptcha.nuxt.test.js       |  54 +--
 tests/unit/utils/validate_schema.nuxt.test.js |  34 +-
 tests/utils.js                                |  22 +-
 tests/vitest.config.js                        |  18 +-
 vuetify_config.js                             |   4 +-
 234 files changed, 9091 insertions(+), 7698 deletions(-)
 create mode 100644 .prettierrc

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 0fae25cc..8ad75e57 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 1aeb1022..728bd785 100644
--- a/.oxlintrc.json
+++ b/.oxlintrc.json
@@ -25,7 +25,22 @@
     "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
       }
     ],
@@ -64,7 +79,12 @@
       }
     },
     {
-      "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/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..2041212b
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "semi": false,
+  "vueIndentScriptAndStyle": true
+}
diff --git a/app/assets/geode_objects.js b/app/assets/geode_objects.js
index 73538210..899bf6e9 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 3ed6ae89..9c37610d 100644
--- a/app/components/Carousel.vue
+++ b/app/components/Carousel.vue
@@ -1,54 +1,58 @@
 <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;
+  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
+        }
       }
-      case "sm": {
-        nb_items_to_display.value = 2;
-        break;
-      }
-      default: {
-        nb_items_to_display.value = 3;
-        break;
-      }
-    }
-  },
-  {
-    immediate: true,
-  },
-);
+    },
+    {
+      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>
@@ -62,28 +66,28 @@ const carrousel_settings = reactive({
 </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 a75407f4..70712996 100644
--- a/app/components/CrsSelector.vue
+++ b/app/components/CrsSelector.vue
@@ -1,63 +1,67 @@
 <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();
-}
+  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",
-  },
-  { title: "Code", align: "end", key: "code" },
-  { title: "Name", align: "end", key: "name" },
-];
+  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 4a0872fb..2533aa5d 100644
--- a/app/components/DeleteDialog.vue
+++ b/app/components/DeleteDialog.vue
@@ -1,29 +1,39 @@
 <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>
 
@@ -65,8 +75,14 @@ const emit = defineEmits(["update:show", "confirm"]);
     </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 c56e5517..a9bdb0dc 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,7 +60,9 @@ function handleFileSelect(event) {
       <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"
@@ -79,7 +81,11 @@ function handleFileSelect(event) {
           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>
 
@@ -101,16 +107,16 @@ function handleFileSelect(event) {
 </template>
 
 <style scoped>
-.rotating {
-  animation: rotate 1s linear infinite;
-}
-
-@keyframes rotate {
-  from {
-    transform: rotate(0deg);
+  .rotating {
+    animation: rotate 1s linear infinite;
   }
-  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 2664adfb..4fdbc3e9 100644
--- a/app/components/ExtensionSelector.vue
+++ b/app/components/ExtensionSelector.vue
@@ -1,74 +1,85 @@
 <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>
@@ -90,7 +101,9 @@ await get_output_file_extensions();
                       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 e78a9ddb..b3a045ec 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,13 +20,16 @@ function reload() {
           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 c3785653..91a17171 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,7 +40,9 @@ function calc_margin(index) {
           </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">
@@ -73,7 +75,7 @@ function calc_margin(index) {
 </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 2bf25086..6f8488aa 100644
--- a/app/components/FetchingData.vue
+++ b/app/components/FetchingData.vue
@@ -2,7 +2,12 @@
   <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 cfbfe039..ed325c5c 100644
--- a/app/components/FileSelector.vue
+++ b/app/components/FileSelector.vue
@@ -1,57 +1,63 @@
 <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 6438e574..5cc40f1f 100644
--- a/app/components/FileUploader.vue
+++ b/app/components/FileUploader.vue
@@ -1,72 +1,74 @@
 <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();
-}
-
-if (files.length > 0) {
-  internal_files.value = files;
-  if (auto_upload) {
-    upload_files();
+
+  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()
   }
-}
-
-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();
+
+  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()
+    }
+  })
 </script>
 
 <template>
@@ -81,8 +83,15 @@ watch(internal_files, (value) => {
   <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>
@@ -102,13 +111,18 @@ watch(internal_files, (value) => {
         <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"
@@ -120,7 +134,10 @@ watch(internal_files, (value) => {
       @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 a5dd6353..763f2a1e 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 @@ const isInteractive = computed(() => Boolean(attrs.onClick));
 </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 82561e8c..f1bde200 100644
--- a/app/components/HybridRenderingView.vue
+++ b/app/components/HybridRenderingView.vue
@@ -1,47 +1,48 @@
 <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);
+  function debounce(func, wait) {
+    let timeout = undefined
+    return function executedFunction(...args) {
+      function later() {
+        clearTimeout(timeout)
+        func(...args)
+      }
+      clearTimeout(timeout)
+      timeout = setTimeout(later, wait)
     }
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-  };
-}
+  }
 </script>
 
 <template>
@@ -61,7 +62,7 @@ function debounce(func, wait) {
 </template>
 
 <style>
-img {
-  pointer-events: none;
-}
+  img {
+    pointer-events: none;
+  }
 </style>
diff --git a/app/components/InfraConnected.vue b/app/components/InfraConnected.vue
index 3c7623a8..d6246235 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 c310855f..f369ef29 100644
--- a/app/components/Inspector/InspectionButton.vue
+++ b/app/components/Inspector/InspectionButton.vue
@@ -1,34 +1,38 @@
 <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 40c8e570..ade09dc8 100644
--- a/app/components/Inspector/ResultPanel.vue
+++ b/app/components/Inspector/ResultPanel.vue
@@ -1,22 +1,26 @@
 <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">
@@ -31,10 +35,17 @@ onMounted(() => {
           </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 4d63e7f5..297bb88b 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 6df97945..d1511310 100644
--- a/app/components/Loading.vue
+++ b/app/components/Loading.vue
@@ -1,78 +1,84 @@
 <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 f81a3b89..d6cd548d 100644
--- a/app/components/MissingFilesSelector.vue
+++ b/app/components/MissingFilesSelector.vue
@@ -1,65 +1,75 @@
 <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;
+    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,
+      ]
     }
-    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");
+    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()
   }
-  toggle_loading();
-}
 
-await missing_files();
+  await missing_files()
 </script>
 
 <template>
@@ -79,17 +89,27 @@ await missing_files();
         <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 4b4ec9da..d74e9fe6 100644
--- a/app/components/ObjectSelector.vue
+++ b/app/components/ObjectSelector.vue
@@ -1,90 +1,105 @@
 <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];
+  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
   }
-  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);
+    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)
+    }
+    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>
@@ -125,7 +140,10 @@ await get_allowed_objects();
     <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
@@ -135,12 +153,12 @@ await get_allowed_objects();
 </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 5f3c2339..119500d7 100644
--- a/app/components/PackagesVersions.vue
+++ b/app/components/PackagesVersions.vue
@@ -1,43 +1,46 @@
 <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 a3ee6580..cc5501d2 100644
--- a/app/components/Recaptcha.vue
+++ b/app/components/Recaptcha.vue
@@ -1,65 +1,68 @@
 <script setup>
-import { appMode } from "@ogw_front/utils/app_mode";
-import { useInfraStore } from "@ogw_front/stores/infra";
+  import { appMode } from "@ogw_front/utils/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.";
-  },
-];
+  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 });
+  onMounted(() => {
+    if (import.meta.client) {
+      if (
+        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,
+    })
   }
-});
-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>
@@ -74,7 +77,12 @@ async function submit_recaptcha() {
           </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>
@@ -88,7 +96,11 @@ async function submit_recaptcha() {
   </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 37391365..baa1527c 100644
--- a/app/components/RemoteRenderingView.vue
+++ b/app/components/RemoteRenderingView.vue
@@ -1,102 +1,105 @@
 <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);
-}
-
-function resize() {
-  if (view) {
-    view.getCanvasView().setSize(0, 0);
-    view.resize();
+
+  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)
   }
-}
-
-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;
+  function resize() {
+    if (view) {
+      view.getCanvasView().setSize(0, 0)
+      view.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();
+
+  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()
   }
-});
+
+  onMounted(async () => {
+    if (import.meta.client) {
+      window.addEventListener("resize", resize)
+      await nextTick()
+      view.setContainer(viewer.value.$el)
+      connect()
+      resize()
+    }
+  })
 </script>
 
 <template>
@@ -106,7 +109,13 @@ onMounted(async () => {
       <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)"
@@ -116,12 +125,12 @@ onMounted(async () => {
 </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 64ee8122..f1f453e9 100644
--- a/app/components/Screenshot.vue
+++ b/app/components/Screenshot.vue
@@ -1,46 +1,50 @@
 <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,
-    },
-    {
-      response_function: (response) => {
-        fileDownload(response.blob, `${filename.value}.${output_extension.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,
       },
-    },
-  );
-  emit("close");
-}
-
-watch(output_extension, (value) => {
-  if (value !== "png") {
-    include_background.value = true;
+      {
+        response_function: (response) => {
+          fileDownload(
+            response.blob,
+            `${filename.value}.${output_extension.value}`,
+          )
+        },
+      },
+    )
+    emit("close")
   }
-});
+
+  watch(output_extension, (value) => {
+    if (value !== "png") {
+      include_background.value = true
+    }
+  })
 </script>
 <template>
   <GlassCard
@@ -85,7 +89,9 @@ watch(output_extension, (value) => {
 
     <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 f55a203d..52f57655 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 d4499944..b95b4c9b 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)}...`;
+  function truncate(text, maxLength) {
+    if (text.length > maxLength) {
+      return `${text.slice(0, maxLength)}...`
+    }
+    return text
   }
-  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;
-  }
-});
+  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;
+  function update_values_event(keys_values_object) {
+    for (const [key, value] of Object.entries(keys_values_object)) {
+      stepper_tree[key] = value
+    }
   }
-}
 
-function increment_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;
-}
+  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,11 +54,18 @@ const sortedChips = computed(() => {
     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 3556b91c..e93a5b4d 100644
--- a/app/components/Stepper.vue
+++ b/app/components/Stepper.vue
@@ -1,19 +1,25 @@
 <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>
 
@@ -34,31 +40,31 @@ const { steps, current_step_index } = toRefs(stepper_tree);
 </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 dbba0d16..b99fdfc1 100644
--- a/app/components/VeaseViewToolbar.vue
+++ b/app/components/VeaseViewToolbar.vue
@@ -1,80 +1,84 @@
 <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"
@@ -88,15 +92,20 @@ const camera_options = [
     </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 6530d84a..ccfe7316 100644
--- a/app/components/ViewToolbar.vue
+++ b/app/components/ViewToolbar.vue
@@ -1,49 +1,53 @@
 <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"
@@ -60,11 +64,11 @@ const camera_options = [
 </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 04620f78..19f7a5e6 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,12 +21,22 @@ const metaDatas = dataStore.refItem(model_id.value);
     <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 }})
@@ -36,16 +46,18 @@ const metaDatas = dataStore.refItem(model_id.value);
 
       <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 d083cf96..43b6d2bf 100644
--- a/app/components/Viewer/ContextMenu.vue
+++ b/app/components/Viewer/ContextMenu.vue
@@ -1,156 +1,159 @@
 <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) => {
+  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) => {
     if (!isDragging.value) {
-      return;
+      return
     }
-    handleDrag(event);
-  },
-  { passive: true },
-);
-
-useEventListener(globalThis, "mouseup", (event) => {
-  if (!isDragging.value) {
-    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()
   }
-  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 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),
+    }
   }
-  if (angle >= ANGLE_45 && angle < ANGLE_135) {
-    return "top";
+
+  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_135 && angle < ANGLE_225) {
-    return "left";
+
+  function stopDrag(event) {
+    isDragging.value = false
+    event.stopPropagation()
+    menuStore.setMenuPosition(menuX.value, menuY.value)
   }
-  return "bottom";
-}
 
-function getTooltipOrigin(index) {
-  const angle = (index / menuItemCount.value) * FULL_ANGLE;
-  if (angle < ANGLE_45 || angle >= ANGLE_315) {
-    return "left";
+  function getMenuStyle() {
+    return {
+      position: "fixed",
+      left: `${menuStore.containerLeft + menuX.value - RADIUS}px`,
+      top: `${menuStore.containerTop + menuY.value - RADIUS}px`,
+      zIndex: Z_INDEX_MENU,
+    }
   }
-  if (angle >= ANGLE_45 && angle < ANGLE_135) {
-    return "bottom";
+
+  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_135 && angle < ANGLE_225) {
-    return "right";
+
+  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,
+    }
   }
-  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>
@@ -188,38 +191,38 @@ function getItemStyle(index) {
 </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 7b23be4f..78583635 100644
--- a/app/components/Viewer/ContextMenuItem.vue
+++ b/app/components/Viewer/ContextMenuItem.vue
@@ -1,68 +1,80 @@
 <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 {};
+  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)
   }
-  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
@@ -106,49 +118,49 @@ function toggleOptions() {
 </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 79386f60..a6e412f4 100644
--- a/app/components/Viewer/EdgedCurve/PointsOptions.vue
+++ b/app/components/Viewer/EdgedCurve/PointsOptions.vue
@@ -1,12 +1,15 @@
 <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 1ff13fdd..578a5484 100644
--- a/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
+++ b/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
@@ -1,91 +1,102 @@
 <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 df68fde4..44bb3c98 100644
--- a/app/components/Viewer/Generic/Mesh/CellsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/CellsOptions.vue
@@ -1,96 +1,111 @@
 <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 193aeaa4..f2cc6289 100644
--- a/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
@@ -1,95 +1,110 @@
 <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 c098f274..cb9955a0 100644
--- a/app/components/Viewer/Generic/Mesh/PointsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PointsOptions.vue
@@ -1,74 +1,85 @@
 <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 69976067..05632f9d 100644
--- a/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue
@@ -1,96 +1,120 @@
 <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 895e47ee..a59dd5f6 100644
--- a/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue
@@ -1,93 +1,114 @@
 <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">
@@ -100,7 +121,9 @@ const polyhedron_attribute_color_map = computed({
           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 9bd2201c..633075cd 100644
--- a/app/components/Viewer/Generic/Model/EdgesOptions.vue
+++ b/app/components/Viewer/Generic/Model/EdgesOptions.vue
@@ -1,31 +1,35 @@
 <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 bbd728ff..bafd92fb 100644
--- a/app/components/Viewer/Generic/Model/PointsOptions.vue
+++ b/app/components/Viewer/Generic/Model/PointsOptions.vue
@@ -1,38 +1,42 @@
 <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 076b804b..f69f25ac 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 dc62d07a..78950f55 100644
--- a/app/components/Viewer/Grid/2D/EdgesOptions.vue
+++ b/app/components/Viewer/Grid/2D/EdgesOptions.vue
@@ -1,12 +1,15 @@
 <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 f970998d..eb3d20a4 100644
--- a/app/components/Viewer/Grid/2D/PointsOptions.vue
+++ b/app/components/Viewer/Grid/2D/PointsOptions.vue
@@ -1,12 +1,15 @@
 <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 22a498e1..66896ed7 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 ca44df68..d305adc7 100644
--- a/app/components/Viewer/Grid/3D/EdgesOptions.vue
+++ b/app/components/Viewer/Grid/3D/EdgesOptions.vue
@@ -1,12 +1,15 @@
 <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 c65c089a..974a9893 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 f957e4d8..923b9de0 100644
--- a/app/components/Viewer/Grid/3D/PointsOptions.vue
+++ b/app/components/Viewer/Grid/3D/PointsOptions.vue
@@ -1,12 +1,15 @@
 <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 3bf505cd..35eda702 100644
--- a/app/components/Viewer/HybridSolid/EdgesOptions.vue
+++ b/app/components/Viewer/HybridSolid/EdgesOptions.vue
@@ -1,12 +1,15 @@
 <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 cb1576a3..8c69f9b9 100644
--- a/app/components/Viewer/HybridSolid/PointsOptions.vue
+++ b/app/components/Viewer/HybridSolid/PointsOptions.vue
@@ -1,12 +1,15 @@
 <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 a029a9b0..1a1dfda8 100644
--- a/app/components/Viewer/HybridSolid/PolygonsOptions.vue
+++ b/app/components/Viewer/HybridSolid/PolygonsOptions.vue
@@ -1,12 +1,15 @@
 <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 1165b295..3b4786c0 100644
--- a/app/components/Viewer/HybridSolid/PolyhedraOptions.vue
+++ b/app/components/Viewer/HybridSolid/PolyhedraOptions.vue
@@ -1,12 +1,15 @@
 <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 c3e82411..d4340a3f 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 @@ const colorMap = defineModel("colorMap", { type: String });
 </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 543d99e5..c35f7e03 100644
--- a/app/components/Viewer/Options/AttributeSelector.vue
+++ b/app/components/Viewer/Options/AttributeSelector.vue
@@ -1,91 +1,96 @@
 <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 ae518730..dcfcb968 100644
--- a/app/components/Viewer/Options/ColorMapList.vue
+++ b/app/components/Viewer/Options/ColorMapList.vue
@@ -1,117 +1,127 @@
 <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 });
+  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)
       }
-    } else if (item.Name.toLowerCase().includes(term)) {
-      result.push(item);
     }
-  }
-  return result;
-});
+    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;
+  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)
   }
-  ctx.putImageData(imageData, 0, 0);
-}
 
-function processChunk(entries, index, jobId) {
-  if (jobId !== renderJobId.value || index >= entries.length) {
-    if (jobId === renderJobId.value) {
-      loading.value = false;
+  function processChunk(entries, index, jobId) {
+    if (jobId !== renderJobId.value || index >= entries.length) {
+      if (jobId === renderJobId.value) {
+        loading.value = false
+      }
+      return
+    }
+
+    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)
     }
-    return;
+    const ZERO = 0
+    setTimeout(() => processChunk(entries, end, jobId), ZERO)
   }
 
-  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 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 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);
+
+  onMounted(drawAllCanvases)
+  watch(filteredPresets, drawAllCanvases)
 </script>
 
 <template>
@@ -156,7 +166,11 @@ watch(filteredPresets, drawAllCanvases);
       <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
@@ -167,9 +181,13 @@ watch(filteredPresets, drawAllCanvases);
             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"
@@ -178,9 +196,16 @@ watch(filteredPresets, drawAllCanvases);
           </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"
@@ -195,18 +220,18 @@ watch(filteredPresets, drawAllCanvases);
 </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 d1b06d78..87651175 100644
--- a/app/components/Viewer/Options/ColorMapPicker.vue
+++ b/app/components/Viewer/Options/ColorMapPicker.vue
@@ -1,122 +1,131 @@
 <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;
-  }
+  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;
+    const canvas = lutCanvas.value
+    const ctx = canvas.getContext("2d")
+    const { height, width } = canvas
 
-  const lut = newInstance();
-  const rgbPoints = preset.RGBPoints;
+    const lut = newInstance()
+    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],
-    );
-  }
+    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 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;
+    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)
   }
-  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;
-    }
-  },
-);
+
+  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>
@@ -133,7 +142,12 @@ watch(
         <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>
 
@@ -142,19 +156,19 @@ watch(
 </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 cead3408..8beba690 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 53959bf0..4a140cf6 100644
--- a/app/components/Viewer/Options/ColoringTypeSelector.vue
+++ b/app/components/Viewer/Options/ColoringTypeSelector.vue
@@ -1,94 +1,102 @@
 <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 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 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 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">
@@ -96,7 +104,11 @@ watch(coloring_style_label, (value) => {
     <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
@@ -158,7 +170,9 @@ watch(coloring_style_label, (value) => {
               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 25d2ae08..054e90f4 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;
-      },
-    },
-  );
-}
-
-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,
-        },
-      },
+  function getTextureCoordinates() {
+    geodeStore.request(
+      back_schemas.opengeodeweb_back.texture_coordinates,
+      { id: id },
       {
         response_function: (response) => {
-          texture_id.value = response.id;
+          texture_coordinates.value = response.texture_coordinates
         },
       },
-    );
+    )
   }
-}
 
-watch(texture_name, (value) => {
-  emit("update_value", { key: "texture_name", value });
-});
+  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
+          },
+        },
+      )
+    }
+  }
+
+  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,6 +100,10 @@ watch(texture_id, (value) => {
     </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 1e59536f..31a303cd 100644
--- a/app/components/Viewer/Options/TexturesSelector.vue
+++ b/app/components/Viewer/Options/TexturesSelector.vue
@@ -1,35 +1,39 @@
 <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 8bc31182..a3f178e9 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 f68383c7..1f32ebb3 100644
--- a/app/components/Viewer/PointSet/SpecificPointsOptions.vue
+++ b/app/components/Viewer/PointSet/SpecificPointsOptions.vue
@@ -1,70 +1,77 @@
 <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 3b439247..f955ef62 100644
--- a/app/components/Viewer/PolygonalSurface/EdgesOptions.vue
+++ b/app/components/Viewer/PolygonalSurface/EdgesOptions.vue
@@ -1,12 +1,15 @@
 <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 3c6ad686..fab10dab 100644
--- a/app/components/Viewer/PolygonalSurface/PointsOptions.vue
+++ b/app/components/Viewer/PolygonalSurface/PointsOptions.vue
@@ -1,12 +1,15 @@
 <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 3aef9dad..3110341d 100644
--- a/app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue
+++ b/app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue
@@ -1,92 +1,112 @@
 <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 c270dc25..7c6165aa 100644
--- a/app/components/Viewer/Solid/EdgesOptions.vue
+++ b/app/components/Viewer/Solid/EdgesOptions.vue
@@ -1,12 +1,15 @@
 <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 465ed053..cc73b3f2 100644
--- a/app/components/Viewer/Solid/PointsOptions.vue
+++ b/app/components/Viewer/Solid/PointsOptions.vue
@@ -1,12 +1,15 @@
 <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 7c33dc97..8b73cd48 100644
--- a/app/components/Viewer/Solid/PolygonsOptions.vue
+++ b/app/components/Viewer/Solid/PolygonsOptions.vue
@@ -1,12 +1,15 @@
 <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 0bc177c4..94dd69cb 100644
--- a/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
+++ b/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
@@ -1,92 +1,113 @@
 <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">
@@ -99,7 +120,9 @@ const polyhedron_attribute_color_map = computed({
           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 4df9c9f4..d94a2b70 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 d47be44f..38a071ce 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 ce2fff80..57ae2ed5 100644
--- a/app/components/Viewer/Tree/ObjectTree.vue
+++ b/app/components/Viewer/Tree/ObjectTree.vue
@@ -1,31 +1,34 @@
 <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 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 stopResize() {
-    document.removeEventListener("mousemove", resize);
-    document.removeEventListener("mouseup", stopResize);
-    document.body.style.userSelect = "";
-  }
-  document.addEventListener("mousemove", resize);
-  document.addEventListener("mouseup", stopResize);
-}
 </script>
 
 <template>
@@ -35,9 +38,15 @@ function onResizeStart(event) {
     @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 />
@@ -64,69 +73,69 @@ function onResizeStart(event) {
 </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 7e4fa0ec..544b9a7b 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -1,44 +1,48 @@
 <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>
@@ -53,7 +57,9 @@ watch(
     <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>
@@ -61,16 +67,16 @@ watch(
 </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 2ddcfb55..e0b2d120 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;
-}
-
-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 isLeafNode(item) {
+    return !item.children || item.children.length === 0
+  }
 
-function isModel(item) {
-  return item.viewer_type === "model";
-}
+  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()
+    },
+  )
 
-onMounted(() => {
-  const savedSelection = treeviewStore.selection;
-  if (savedSelection && savedSelection.length > 0) {
-    treeviewStore.selection = savedSelection;
+  function isModel(item) {
+    return item.viewer_type === "model"
   }
-});
+
+  onMounted(() => {
+    const savedSelection = treeviewStore.selection
+    if (savedSelection && savedSelection.length > 0) {
+      treeviewStore.selection = savedSelection
+    }
+  })
 </script>
 
 <template>
@@ -58,7 +58,9 @@ onMounted(() => {
       <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 }}
@@ -80,16 +82,16 @@ onMounted(() => {
 </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 3113b20c..4fd000e7 100644
--- a/app/components/Viewer/TriangulatedSurface/EdgesOptions.vue
+++ b/app/components/Viewer/TriangulatedSurface/EdgesOptions.vue
@@ -1,12 +1,15 @@
 <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 ae2d4199..c84d0976 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 095b08cf..f6ee2916 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 12724f62..36e39754 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 b55c55fe..b79c020e 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,7 +23,14 @@ const emit = defineEmits(["close"]);
       <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>
@@ -46,22 +53,24 @@ const emit = defineEmits(["close"]);
     <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 aeae3437..120fc82a 100644
--- a/app/composables/project_manager.js
+++ b/app/composables/project_manager.js
@@ -1,100 +1,110 @@
-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 0248f220..62ffc49e 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 56a71cb4..026e97f3 100644
--- a/app/plugins/auto_store_register.js
+++ b/app/plugins/auto_store_register.js
@@ -1,26 +1,28 @@
-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 c8c31717..bb9b2eee 100644
--- a/app/stores/app.js
+++ b/app/stores/app.js
@@ -1,128 +1,139 @@
-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);
+      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);
+        await extensionModule.install(extensionAPI.value, backendPath)
 
         const extensionData = {
           module: extensionModule,
@@ -132,119 +143,129 @@ export const useAppStore = defineStore("app", () => {
           loadedAt: new Date().toISOString(),
           metadata: extensionModule.metadata,
           enabled: true,
-        };
-        loadedExtensions.value.set(extensionId, extensionData);
+        }
+        loadedExtensions.value.set(extensionId, extensionData)
 
-        console.log(`[AppStore] Extension loaded successfully: ${extensionId}`);
-        return extensionModule;
+        console.log(`[AppStore] Extension loaded successfully: ${extensionId}`)
+        return extensionModule
       } else {
-        throw new Error("Extension must export an install function");
+        throw new Error("Extension must export an install function")
       }
     } 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 { PROJECT } = useRuntimeConfig().public;
+    const { PROJECT } = useRuntimeConfig().public
     const schema = {
       $id: "/api/app/project_folder_path",
       methods: ["POST"],
@@ -254,17 +275,17 @@ export const useAppStore = defineStore("app", () => {
       },
       required: ["PROJECT"],
       additionalProperties: true,
-    };
-    const params = { PROJECT };
+    }
+    const params = { PROJECT }
 
-    console.log(createProjectFolder.name, { PROJECT });
+    console.log(createProjectFolder.name, { PROJECT })
 
     return request(schema, params, {
       response_function: async (response) => {
-        console.log(`[APP] ${response.projectFolderPath} created`);
-        projectFolderPath.value = response.projectFolderPath;
+        console.log(`[APP] ${response.projectFolderPath} created`)
+        projectFolderPath.value = response.projectFolderPath
       },
-    });
+    })
   }
 
   return {
@@ -289,5 +310,5 @@ export const useAppStore = defineStore("app", () => {
     createProjectFolder,
     start_request,
     stop_request,
-  };
-});
+  }
+})
diff --git a/app/stores/data.js b/app/stores/data.js
index 62bd60ae..90f66c4c 100644
--- a/app/stores/data.js
+++ b/app/stores/data.js
@@ -1,51 +1,53 @@
 // 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)
       }
     }
 
@@ -59,20 +61,22 @@ 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) {
@@ -84,12 +88,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({
@@ -98,16 +102,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({
@@ -115,81 +119,93 @@ 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 {
@@ -213,5 +229,5 @@ export const useDataStore = defineStore("data", () => {
     exportStores,
     importStores,
     clear,
-  };
-});
+  }
+})
diff --git a/app/stores/data_style.js b/app/stores/data_style.js
index a1a8ac95..fa52ac62 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 b564d241..9baf3e5a 100644
--- a/app/stores/feedback.js
+++ b/app/stores/feedback.js
@@ -1,17 +1,18 @@
-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",
@@ -19,27 +20,29 @@ 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);
+      this.feedbacks = this.feedbacks.filter(
+        (feedback) => feedback.id !== feedbackId,
+      )
     },
     async delete_server_error() {
-      this.server_error = false;
+      this.server_error = false
     },
   },
-});
+})
diff --git a/app/stores/geode.js b/app/stores/geode.js
index 9e4d27da..f87a2444 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/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/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,74 +19,74 @@ 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 geodeStore = this
+      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 })
+            geodeStore.status = Status.NOT_CONNECTED
           },
           response_function: () => {
-            feedbackStore.$patch({ server_error: false });
-            geodeStore.status = Status.CONNECTED;
+            feedbackStore.$patch({ server_error: false })
+            geodeStore.status = Status.CONNECTED
           },
           response_error_function: () => {
-            feedbackStore.$patch({ server_error: true });
-            geodeStore.status = Status.NOT_CONNECTED;
+            feedbackStore.$patch({ server_error: true })
+            geodeStore.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 { BACK_PATH, BACK_COMMAND } = useRuntimeConfig().public;
+      const { BACK_PATH, BACK_COMMAND } = useRuntimeConfig().public
 
-      console.log("[GEODE] BACK_PATH", BACK_PATH);
-      console.log("[GEODE] BACK_COMMAND", BACK_COMMAND);
+      console.log("[GEODE] BACK_PATH", BACK_PATH)
+      console.log("[GEODE] BACK_COMMAND", BACK_COMMAND)
       const schema = {
         $id: "/api/app/run_back",
         methods: ["POST"],
@@ -97,30 +97,30 @@ export const useGeodeStore = defineStore("geode", {
         },
         required: ["BACK_PATH", "BACK_COMMAND"],
         additionalProperties: true,
-      };
+      }
 
       const params = {
         BACK_PATH,
         BACK_COMMAND,
         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,
@@ -134,16 +134,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,
         {
@@ -153,16 +153,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 d9a44665..32660a6b 100644
--- a/app/stores/hybrid_viewer.js
+++ b/app/stores/hybrid_viewer.js
@@ -1,134 +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) {
     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();
+    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()],
@@ -138,84 +141,93 @@ 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()],
@@ -225,33 +237,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: {
@@ -261,31 +273,35 @@ 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]
     }
   }
 
@@ -305,5 +321,5 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     clear,
     exportStores,
     importStores,
-  };
-});
+  }
+})
diff --git a/app/stores/infra.js b/app/stores/infra.js
index a48e71ff..5c57239c 100644
--- a/app/stores/infra.js
+++ b/app/stores/infra.js
@@ -1,9 +1,9 @@
-import { appMode, getAppMode } from "@ogw_front/utils/app_mode";
-import { Status } from "@ogw_front/utils/status";
-import { useAppStore } from "@ogw_front/stores/app";
-import { useLambdaStore } from "@ogw_front/stores/lambda";
+import { appMode, getAppMode } from "@ogw_front/utils/app_mode"
+import { Status } from "@ogw_front/utils/status"
+import { useAppStore } from "@ogw_front/stores/app"
+import { useLambdaStore } from "@ogw_front/stores/lambda"
 
-import { registerRunningExtensions } from "@ogw_front/utils/extension";
+import { registerRunningExtensions } from "@ogw_front/utils/extension"
 
 export const useInfraStore = defineStore("infra", {
   state: () => ({
@@ -16,86 +16,96 @@ 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.find(
+          (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);
+      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 fff9676a..e634e5de 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();
+      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 feb8502a..910da4f5 100644
--- a/app/stores/menu.js
+++ b/app/stores/menu.js
@@ -1,92 +1,96 @@
 // 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: {
@@ -114,85 +118,88 @@ 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,
@@ -210,5 +217,5 @@ export const useMenuStore = defineStore("menu", () => {
     openMenu,
     setMenuPosition,
     toggleItemOptions,
-  };
-});
+  }
+})
diff --git a/app/stores/treeview.js b/app/stores/treeview.js
index bc967fd8..e122e9b0 100644
--- a/app/stores/treeview.js
+++ b/app/stores/treeview.js
@@ -1,64 +1,67 @@
 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,
@@ -66,71 +69,76 @@ 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;
+    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 = [];
+    const ids = pendingSelectionIds.value || []
+    const rebuilt = []
     if (!ids.length) {
       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 {
@@ -152,5 +160,5 @@ export const useTreeviewStore = defineStore("treeview", () => {
     importStores,
     finalizeImportSelection,
     clear,
-  };
-});
+  }
+})
diff --git a/app/stores/viewer.js b/app/stores/viewer.js
index 9a44093d..c579e7e5 100644
--- a/app/stores/viewer.js
+++ b/app/stores/viewer.js
@@ -1,143 +1,153 @@
 // 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 { useRuntimeConfig } from "nuxt/app";
+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 { useRuntimeConfig } from "nuxt/app"
 
 // Local imports
-import { Status } from "@ogw_front/utils/status";
-import { appMode } from "@ogw_front/utils/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/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();
+      console.log("[VIEWER] Launching viewer microservice...", { args })
+      const appStore = useAppStore()
 
-      const { VIEWER_PATH, VIEWER_COMMAND } = useRuntimeConfig().public;
+      const { VIEWER_PATH, VIEWER_COMMAND } = useRuntimeConfig().public
 
-      console.log("[VIEWER] VIEWER_PATH", VIEWER_PATH);
-      console.log("[VIEWER] VIEWER_COMMAND", VIEWER_COMMAND);
+      console.log("[VIEWER] VIEWER_PATH", VIEWER_PATH)
+      console.log("[VIEWER] VIEWER_COMMAND", VIEWER_COMMAND)
       const schema = {
         $id: "/api/app/run_viewer",
         methods: ["POST"],
@@ -148,36 +158,41 @@ export const useViewerStore = defineStore(
         },
         required: ["VIEWER_PATH", "VIEWER_COMMAND"],
         additionalProperties: true,
-      };
+      }
 
       const params = {
         VIEWER_PATH,
         VIEWER_COMMAND,
         args,
-      };
+      }
 
-      console.log("[VIEWER] params", params);
+      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,
@@ -191,14 +206,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 {
@@ -221,11 +236,11 @@ export const useViewerStore = defineStore(
       launch,
       connect,
       request,
-    };
+    }
   },
   {
     share: {
       omit: ["status", "client"],
     },
   },
-);
+)
diff --git a/app/utils/app_mode.js b/app/utils/app_mode.js
index 3bc7c7fc..230ebcc3 100644
--- a/app/utils/app_mode.js
+++ b/app/utils/app_mode.js
@@ -1,19 +1,19 @@
-import isElectron from "is-electron";
+import isElectron from "is-electron"
 
 const appMode = {
   DESKTOP: "DESKTOP",
   BROWSER: "BROWSER",
   CLOUD: "CLOUD",
-};
+}
 
 function getAppMode() {
   if (isElectron()) {
-    return appMode.DESKTOP;
+    return appMode.DESKTOP
   }
   if (useRuntimeConfig().public.BROWSER === "true") {
-    return appMode.BROWSER;
+    return appMode.BROWSER
   }
-  return appMode.CLOUD;
+  return appMode.CLOUD
 }
 
-export { appMode, getAppMode };
+export { appMode, getAppMode }
diff --git a/app/utils/colormap.js b/app/utils/colormap.js
index 8e3383c4..2bac1194 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 f8322218..48492c06 100644
--- a/app/utils/config.js
+++ b/app/utils/config.js
@@ -1,39 +1,45 @@
 // 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 d2690611..b50782ae 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,10 +61,13 @@ function meshEdgesDefaultStyle(
       },
     },
     width,
-  };
+  }
 }
 
-function meshCellsDefaultStyle(visibility = cells_defaultVisibility, color = cells_defaultColor) {
+function meshCellsDefaultStyle(
+  visibility = cells_defaultVisibility,
+  color = cells_defaultColor,
+) {
   return {
     visibility,
     coloring: {
@@ -80,7 +83,7 @@ function meshCellsDefaultStyle(visibility = cells_defaultVisibility, color = cel
         storedConfigs: {},
       },
     },
-  };
+  }
 }
 
 function meshPolygonsDefaultStyle(
@@ -102,7 +105,7 @@ function meshPolygonsDefaultStyle(
         storedConfigs: {},
       },
     },
-  };
+  }
 }
 
 function meshPolyhedraDefaultStyle(
@@ -123,14 +126,14 @@ function meshPolyhedraDefaultStyle(
         storedConfigs: {},
       },
     },
-  };
+  }
 }
 
 function pointSet_defaultStyle() {
   return {
     visibility: true,
     points: meshPointsDefaultStyle(),
-  };
+  }
 }
 
 function edgedCurve_defaultStyle() {
@@ -138,7 +141,7 @@ function edgedCurve_defaultStyle() {
     visibility: true,
     points: meshPointsDefaultStyle(),
     edges: meshEdgesDefaultStyle(),
-  };
+  }
 }
 
 function grid2d_defaultStyle() {
@@ -147,7 +150,7 @@ function grid2d_defaultStyle() {
     points: meshPointsDefaultStyle(false),
     edges: meshEdgesDefaultStyle(false),
     cells: meshCellsDefaultStyle(),
-  };
+  }
 }
 
 function grid3d_defaultStyle() {
@@ -157,7 +160,7 @@ function grid3d_defaultStyle() {
     edges: meshEdgesDefaultStyle(false),
     cells: meshCellsDefaultStyle(),
     polyhedra: meshPolyhedraDefaultStyle(),
-  };
+  }
 }
 function surface_defaultStyle() {
   return {
@@ -165,7 +168,7 @@ function surface_defaultStyle() {
     points: meshPointsDefaultStyle(false),
     edges: meshEdgesDefaultStyle(false),
     polygons: meshPolygonsDefaultStyle(),
-  };
+  }
 }
 
 function solid_defaultStyle() {
@@ -175,7 +178,7 @@ function solid_defaultStyle() {
     edges: meshEdgesDefaultStyle(false),
     polygons: meshPolygonsDefaultStyle(),
     polyhedra: meshPolyhedraDefaultStyle(),
-  };
+  }
 }
 
 // Model functions
@@ -183,33 +186,42 @@ 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() {
@@ -221,7 +233,7 @@ function brep_defaultStyle() {
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  };
+  }
 }
 
 function crossSection_defaultStyle() {
@@ -232,7 +244,7 @@ function crossSection_defaultStyle() {
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  };
+  }
 }
 
 function structuralModel_defaultStyle() {
@@ -244,7 +256,7 @@ function structuralModel_defaultStyle() {
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  };
+  }
 }
 
 function section_defaultStyle() {
@@ -255,7 +267,7 @@ function section_defaultStyle() {
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  };
+  }
 }
 
 function implicitCrossSection_defaultStyle() {
@@ -266,7 +278,7 @@ function implicitCrossSection_defaultStyle() {
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  };
+  }
 }
 
 function implicitStructuralModel_defaultStyle() {
@@ -278,7 +290,7 @@ function implicitStructuralModel_defaultStyle() {
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  };
+  }
 }
 
 function default_styles() {
@@ -308,11 +320,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 c8b7fd4f..7930b99c 100644
--- a/app/utils/extension.js
+++ b/app/utils/extension.js
@@ -1,91 +1,91 @@
 // Node.js imports
 
 // Third party imports
-import _ from "lodash";
-import { useRuntimeConfig } from "nuxt/app";
+import _ from "lodash"
+import { useRuntimeConfig } from "nuxt/app"
 
 // 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",
@@ -97,9 +97,9 @@ function runExtensions() {
     },
     required: ["projectFolderPath", "projectName"],
     additionalProperties: false,
-  };
+  }
 
-  return appStore.request(schema, params);
+  return appStore.request(schema, params)
 }
 
 export {
@@ -108,4 +108,4 @@ export {
   uploadExtension,
   registerRunningExtensions,
   runExtensions,
-};
+}
diff --git a/app/utils/file_import_workflow.js b/app/utils/file_import_workflow.js
index 38ec962e..0a343e08 100644
--- a/app/utils/file_import_workflow.js
+++ b/app/utils/file_import_workflow.js
@@ -1,62 +1,73 @@
 // 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);
-  console.log({ dataStore });
+  const dataStore = useDataStore()
+  const dataStyleStore = useDataStyleStore()
+  const hybridViewerStore = useHybridViewerStore()
+  const treeviewStore = useTreeviewStore()
+  const registerTask = dataStore.registerObject(item.id)
+  const addDataTask = dataStore.addItem(item)
+  console.log({ dataStore })
   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,
@@ -66,29 +77,32 @@ 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/microservices.js b/app/utils/local/microservices.js
index 143e0b96..caaab6d5 100644
--- a/app/utils/local/microservices.js
+++ b/app/utils/local/microservices.js
@@ -1,26 +1,30 @@
 // 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 { WebSocket } from "ws";
-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 { WebSocket } from "ws"
+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 { deleteFolderRecursive, executableName, executablePath } from "./path.js";
+import { commandExistsSync, waitForReady } from "./scripts.js"
+import {
+  deleteFolderRecursive,
+  executableName,
+  executablePath,
+} from "./path.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(
@@ -32,206 +36,218 @@ async function runScript(
 ) {
   const command = commandExistsSync(execName)
     ? execName
-    : path.join(await executablePath(execPath), executableName(execName));
-  console.log("runScript", command, args);
+    : path.join(await executablePath(execPath), executableName(execName))
+  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 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);
+    return killHttpMicroservice(microservice)
   } else if (microservice.type === "viewer") {
-    return killWebsocketMicroservice(microservice);
+    return killWebsocketMicroservice(microservice)
   } else {
-    throw new Error(`Unknown microservice type: ${microservice.type}`);
+    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")
 }
 
 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 {
@@ -242,4 +258,4 @@ export {
   projectMicroservices,
   runBack,
   runViewer,
-};
+}
diff --git a/app/utils/local/path.js b/app/utils/local/path.js
index d93c0e82..bdb474b0 100644
--- a/app/utils/local/path.js
+++ b/app/utils/local/path.js
@@ -1,79 +1,79 @@
 // Node imports
-import fs from "node:fs";
-import os from "node:os";
-import path from "node:path";
-import { setTimeout } from "node:timers/promises";
+import fs from "node:fs"
+import os from "node:os"
+import path from "node:path"
+import { setTimeout } from "node:timers/promises"
 
 // Third party imports
-import isElectron from "is-electron";
-import { rimraf } from "rimraf";
-import { v4 as uuidv4 } from "uuid";
+import isElectron from "is-electron"
+import { rimraf } from "rimraf"
+import { v4 as uuidv4 } from "uuid"
 
-const MAX_DELETE_FOLDER_RETRIES = 5;
+const MAX_DELETE_FOLDER_RETRIES = 5
 
 function venvScriptPath(microservicePath) {
-  const venvPath = path.join(microservicePath, "venv");
-  let scriptPath = "";
+  const venvPath = path.join(microservicePath, "venv")
+  let scriptPath = ""
   if (process.platform === "win32") {
-    scriptPath = path.join(venvPath, "Scripts");
+    scriptPath = path.join(venvPath, "Scripts")
   } else {
-    scriptPath = path.join(venvPath, "bin");
+    scriptPath = path.join(venvPath, "bin")
   }
-  return scriptPath;
+  return scriptPath
 }
 
 async function executablePath(microservicePath) {
   if (isElectron()) {
-    const electron = await import("electron");
+    const electron = await import("electron")
     if (electron.app.isPackaged) {
-      return process.resourcesPath;
+      return process.resourcesPath
     } else {
-      return venvScriptPath(microservicePath);
+      return venvScriptPath(microservicePath)
     }
   } else {
-    return venvScriptPath(microservicePath);
+    return venvScriptPath(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.replace(/\//g, "_"), uuidv4())
 }
 
 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")
     }
   }
 }
@@ -83,4 +83,4 @@ export {
   executableName,
   deleteFolderRecursive,
   generateProjectFolderPath,
-};
+}
diff --git a/app/utils/local/scripts.js b/app/utils/local/scripts.js
index 58e8761c..e534dba7 100644
--- a/app/utils/local/scripts.js
+++ b/app/utils/local/scripts.js
@@ -1,49 +1,49 @@
 // 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"
 
 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.BROWSER = true;
+  process.env.BROWSER = true
 
   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 c9ef4773..37907f8c 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 2b4b2ff4..582ecb72 100644
--- a/app/utils/server.js
+++ b/app/utils/server.js
@@ -1,46 +1,46 @@
 // 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);
+  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 3c7f8194..f7809d29 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 95730f6e..dd2d8bc2 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 e1b59aa4..f68e9c09 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 0055b515..a397334b 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 d769d4e7..cae19a2a 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 009edef9..84202450 100644
--- a/internal/database/database.js
+++ b/internal/database/database.js
@@ -1,84 +1,92 @@
-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 = {};
+    const currentVersion = tempDb.verno
+    const currentStores = {}
 
-    currentStores[dataTable.name] = dataTable.schema;
-    currentStores[modelComponentsTable.name] = modelComponentsTable.schema;
-    currentStores[modelComponentsRelationTable.name] = modelComponentsRelationTable.schema;
+    currentStores[dataTable.name] = dataTable.schema
+    currentStores[modelComponentsTable.name] = modelComponentsTable.schema
+    currentStores[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 081df255..1b714b11 100644
--- a/internal/database/extended_database.js
+++ b/internal/database/extended_database.js
@@ -1,27 +1,28 @@
-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 4eb879e7..4fa29602 100644
--- a/internal/database/tables/data.js
+++ b/internal/database/tables/data.js
@@ -1,4 +1,5 @@
 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 57363088..cfb9041c 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 8bab281f..b45ae0fa 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 bb29f8aa..40132c77 100644
--- a/internal/stores/data_style/mesh/cells/cell.js
+++ b/internal/stores/data_style/mesh/cells/cell.js
@@ -1,114 +1,130 @@
 // 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 {
@@ -119,5 +135,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 ea554f5f..24db1b5b 100644
--- a/internal/stores/data_style/mesh/cells/color.js
+++ b/internal/stores/data_style/mesh/cells/color.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 23e293e4..e6bdeaf3 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 db5f657d..f5d7e7b4 100644
--- a/internal/stores/data_style/mesh/cells/index.js
+++ b/internal/stores/data_style/mesh/cells/index.js
@@ -1,61 +1,74 @@
 // 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));
+      return meshCellsColorStyle.setMeshCellsColor(
+        id,
+        meshCellsColorStyle.meshCellsColor(id),
+      )
     } else if (type === "textures") {
-      const textures = meshCellsTexturesStore.meshCellsTextures(id);
+      const textures = meshCellsTexturesStore.meshCellsTextures(id)
       if (textures === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshCellsTexturesStore.setMeshCellsTextures(id, textures);
+      return meshCellsTexturesStore.setMeshCellsTextures(id, textures)
     } else if (type === "vertex") {
-      const name = meshCellsVertexAttributeStyle.meshCellsVertexAttributeName(id);
+      const name =
+        meshCellsVertexAttributeStyle.meshCellsVertexAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshCellsVertexAttributeStyle.setMeshCellsVertexAttributeName(id, name);
+      return meshCellsVertexAttributeStyle.setMeshCellsVertexAttributeName(
+        id,
+        name,
+      )
     } else if (type === "cell") {
-      const name = meshCellsCellAttributeStyle.meshCellsCellAttributeName(id);
+      const name = meshCellsCellAttributeStyle.meshCellsCellAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      await meshCellsCellAttributeStyle.setMeshCellsCellAttributeName(id, name);
+      await meshCellsCellAttributeStyle.setMeshCellsCellAttributeName(id, name)
     } else {
-      throw new Error(`Unknown mesh cells coloring type: ${type}`);
+      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 {
@@ -67,5 +80,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 91000d27..c2847281 100644
--- a/internal/stores/data_style/mesh/cells/textures.js
+++ b/internal/stores/data_style/mesh/cells/textures.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,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 a6ece2bd..775db33f 100644
--- a/internal/stores/data_style/mesh/cells/vertex.js
+++ b/internal/stores/data_style/mesh/cells/vertex.js
@@ -1,119 +1,130 @@
 // 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 {
@@ -124,5 +135,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 8914226a..76ba11e0 100644
--- a/internal/stores/data_style/mesh/cells/visibility.js
+++ b/internal/stores/data_style/mesh/cells/visibility.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 9b4679b8..48a7e036 100644
--- a/internal/stores/data_style/mesh/edges/color.js
+++ b/internal/stores/data_style/mesh/edges/color.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 6b1686c4..9b0c7462 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 02cd8369..4f630bd0 100644
--- a/internal/stores/data_style/mesh/edges/edge.js
+++ b/internal/stores/data_style/mesh/edges/edge.js
@@ -1,114 +1,130 @@
 // 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 {
@@ -119,5 +135,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 c346880d..14df9cc6 100644
--- a/internal/stores/data_style/mesh/edges/index.js
+++ b/internal/stores/data_style/mesh/edges/index.js
@@ -1,62 +1,78 @@
 // 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;
+    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));
+      return meshEdgesColorStyle.setMeshEdgesColor(
+        id,
+        meshEdgesColorStyle.meshEdgesColor(id),
+      )
     } else if (type === "textures") {
-      const textures = meshEdgesTexturesStore.meshEdgesTextures(id);
+      const textures = meshEdgesTexturesStore.meshEdgesTextures(id)
       if (textures === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshEdgesTexturesStore.setMeshEdgesTextures(id, textures);
+      return meshEdgesTexturesStore.setMeshEdgesTextures(id, textures)
     } else if (type === "vertex") {
-      const name = meshEdgesVertexAttributeStyle.meshEdgesVertexAttributeName(id);
+      const name =
+        meshEdgesVertexAttributeStyle.meshEdgesVertexAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshEdgesVertexAttributeStyle.setMeshEdgesVertexAttributeName(id, name);
+      return meshEdgesVertexAttributeStyle.setMeshEdgesVertexAttributeName(
+        id,
+        name,
+      )
     } else if (type === "edge") {
-      const name = meshEdgesEdgeAttributeStyle.meshEdgesEdgeAttributeName(id);
+      const name = meshEdgesEdgeAttributeStyle.meshEdgesEdgeAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshEdgesEdgeAttributeStyle.setMeshEdgesEdgeAttributeName(id, name);
+      return meshEdgesEdgeAttributeStyle.setMeshEdgesEdgeAttributeName(id, name)
     } else {
-      throw new Error(`Unknown mesh edges coloring type: ${type}`);
+      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 {
@@ -68,5 +84,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 1ab8c344..1dba58d5 100644
--- a/internal/stores/data_style/mesh/edges/vertex.js
+++ b/internal/stores/data_style/mesh/edges/vertex.js
@@ -1,119 +1,130 @@
 // 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 {
@@ -124,5 +135,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 d7654ef3..f41e9473 100644
--- a/internal/stores/data_style/mesh/edges/visibility.js
+++ b/internal/stores/data_style/mesh/edges/visibility.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 0bf4c78e..e6758864 100644
--- a/internal/stores/data_style/mesh/edges/width.js
+++ b/internal/stores/data_style/mesh/edges/width.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 b46c65ce..b5055f6a 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 5dc1b94a..c1af300b 100644
--- a/internal/stores/data_style/mesh/points/color.js
+++ b/internal/stores/data_style/mesh/points/color.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 a56c0b2b..20a2d313 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 a2b32a51..37610f42 100644
--- a/internal/stores/data_style/mesh/points/index.js
+++ b/internal/stores/data_style/mesh/points/index.js
@@ -1,51 +1,62 @@
 // 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));
+      return meshPointsColorStyle.setMeshPointsColor(
+        id,
+        meshPointsColorStyle.meshPointsColor(id),
+      )
     } else if (type === "textures") {
-      const textures = meshPointsTexturesStore.meshPointsTextures(id);
+      const textures = meshPointsTexturesStore.meshPointsTextures(id)
       if (textures === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshPointsTexturesStore.setMeshPointsTextures(id, textures);
+      return meshPointsTexturesStore.setMeshPointsTextures(id, textures)
     } else if (type === "vertex") {
-      const name = meshPointsVertexAttributeStyle.meshPointsVertexAttributeName(id);
+      const name =
+        meshPointsVertexAttributeStyle.meshPointsVertexAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshPointsVertexAttributeStyle.setMeshPointsVertexAttributeName(id, name);
+      return meshPointsVertexAttributeStyle.setMeshPointsVertexAttributeName(
+        id,
+        name,
+      )
     } else if (type === "polygon") {
-      const name = meshPointsPolygonAttributeStyleStore.meshPointsPolygonAttributeName(id);
+      const name =
+        meshPointsPolygonAttributeStyleStore.meshPointsPolygonAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      await meshPointsPolygonAttributeStyleStore.setMeshPointsPolygonAttributeName(id, name);
+      await meshPointsPolygonAttributeStyleStore.setMeshPointsPolygonAttributeName(
+        id,
+        name,
+      )
     } else {
-      throw new Error(`Unknown mesh points coloring type: ${type}`);
+      throw new Error(`Unknown mesh points coloring type: ${type}`)
     }
   }
 
@@ -55,9 +66,15 @@ 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 {
@@ -68,5 +85,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 d1692107..4fde288d 100644
--- a/internal/stores/data_style/mesh/points/size.js
+++ b/internal/stores/data_style/mesh/points/size.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 642ca5ba..4c964b9a 100644
--- a/internal/stores/data_style/mesh/points/vertex.js
+++ b/internal/stores/data_style/mesh/points/vertex.js
@@ -1,119 +1,130 @@
 // 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 {
@@ -124,5 +135,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 79b91654..a6efb131 100644
--- a/internal/stores/data_style/mesh/points/visibility.js
+++ b/internal/stores/data_style/mesh/points/visibility.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 290c243a..fbfdcb51 100644
--- a/internal/stores/data_style/mesh/polygons/color.js
+++ b/internal/stores/data_style/mesh/polygons/color.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 7f74a03e..8b7164ab 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 10dbdd7d..86c1496b 100644
--- a/internal/stores/data_style/mesh/polygons/index.js
+++ b/internal/stores/data_style/mesh/polygons/index.js
@@ -1,56 +1,65 @@
 // 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);
+      const textures = meshPolygonsTexturesStyle.meshPolygonsTextures(id)
       if (textures === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshPolygonsTexturesStyle.setMeshPolygonsTextures(id, textures);
+      return meshPolygonsTexturesStyle.setMeshPolygonsTextures(id, textures)
     } else if (type === "vertex") {
-      const name = meshPolygonsVertexAttributeStyle.meshPolygonsVertexAttributeName(id);
+      const name =
+        meshPolygonsVertexAttributeStyle.meshPolygonsVertexAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshPolygonsVertexAttributeStyle.setMeshPolygonsVertexAttributeName(id, name);
+      return meshPolygonsVertexAttributeStyle.setMeshPolygonsVertexAttributeName(
+        id,
+        name,
+      )
     } else if (type === "polygon") {
-      const name = meshPolygonsPolygonAttributeStyle.meshPolygonsPolygonAttributeName(id);
+      const name =
+        meshPolygonsPolygonAttributeStyle.meshPolygonsPolygonAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      await meshPolygonsPolygonAttributeStyle.setMeshPolygonsPolygonAttributeName(id, name);
+      await meshPolygonsPolygonAttributeStyle.setMeshPolygonsPolygonAttributeName(
+        id,
+        name,
+      )
     } else {
-      throw new Error(`Unknown mesh polygons coloring type: ${type}`);
+      throw new Error(`Unknown mesh polygons coloring type: ${type}`)
     }
   }
 
@@ -60,8 +69,11 @@ export function useMeshPolygonsStyle() {
         id,
         meshPolygonsVisibility.meshPolygonsVisibility(id),
       ),
-      setMeshPolygonsActiveColoring(id, meshPolygonsCommonStyle.meshPolygonsActiveColoring(id)),
-    ]);
+      setMeshPolygonsActiveColoring(
+        id,
+        meshPolygonsCommonStyle.meshPolygonsActiveColoring(id),
+      ),
+    ])
   }
 
   return {
@@ -73,5 +85,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 0dcfaf17..60deff1b 100644
--- a/internal/stores/data_style/mesh/polygons/polygon.js
+++ b/internal/stores/data_style/mesh/polygons/polygon.js
@@ -1,43 +1,47 @@
 // 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(
@@ -45,66 +49,73 @@ 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 {
@@ -115,5 +126,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 13eaeec1..0a11156b 100644
--- a/internal/stores/data_style/mesh/polygons/textures.js
+++ b/internal/stores/data_style/mesh/polygons/textures.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 7e0a0b66..6c70ffe1 100644
--- a/internal/stores/data_style/mesh/polygons/vertex.js
+++ b/internal/stores/data_style/mesh/polygons/vertex.js
@@ -1,119 +1,130 @@
 // 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 {
@@ -124,5 +135,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 a2d53ed1..c875bd77 100644
--- a/internal/stores/data_style/mesh/polygons/visibility.js
+++ b/internal/stores/data_style/mesh/polygons/visibility.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 9e61875c..281e27e9 100644
--- a/internal/stores/data_style/mesh/polyhedra/color.js
+++ b/internal/stores/data_style/mesh/polyhedra/color.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 2feff082..b521fab4 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 7fa4f44e..d7580561 100644
--- a/internal/stores/data_style/mesh/polyhedra/index.js
+++ b/internal/stores/data_style/mesh/polyhedra/index.js
@@ -1,48 +1,60 @@
 // 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);
+      const name =
+        meshPolyhedraVertexAttributeStyle.meshPolyhedraVertexAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshPolyhedraVertexAttributeStyle.setMeshPolyhedraVertexAttributeName(id, name);
+      return meshPolyhedraVertexAttributeStyle.setMeshPolyhedraVertexAttributeName(
+        id,
+        name,
+      )
     } else if (type === "polyhedron") {
-      const name = meshPolyhedraPolyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeName(id);
+      const name =
+        meshPolyhedraPolyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeName(
+          id,
+        )
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      await meshPolyhedraPolyhedronAttributeStyle.setMeshPolyhedraPolyhedronAttributeName(id, name);
+      await meshPolyhedraPolyhedronAttributeStyle.setMeshPolyhedraPolyhedronAttributeName(
+        id,
+        name,
+      )
     } else {
-      throw new Error(`Unknown mesh polyhedra coloring type: ${type}`);
+      throw new Error(`Unknown mesh polyhedra coloring type: ${type}`)
     }
   }
 
@@ -52,8 +64,11 @@ export function useMeshPolyhedraStyle() {
         id,
         meshPolyhedraVisibility.meshPolyhedraVisibility(id),
       ),
-      setMeshPolyhedraActiveColoring(id, meshPolyhedraCommonStyle.meshPolyhedraActiveColoring(id)),
-    ]);
+      setMeshPolyhedraActiveColoring(
+        id,
+        meshPolyhedraCommonStyle.meshPolyhedraActiveColoring(id),
+      ),
+    ])
   }
 
   return {
@@ -64,5 +79,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 f64b96f3..45fea324 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,65 +49,69 @@ 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 {
@@ -118,5 +122,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 17c3bf2a..fa2a49fb 100644
--- a/internal/stores/data_style/mesh/polyhedra/vertex.js
+++ b/internal/stores/data_style/mesh/polyhedra/vertex.js
@@ -1,119 +1,130 @@
 // 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 {
@@ -124,5 +135,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 902c736f..6e79ce2f 100644
--- a/internal/stores/data_style/mesh/polyhedra/visibility.js
+++ b/internal/stores/data_style/mesh/polyhedra/visibility.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,20 @@ 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 773948e4..0bdb472b 100644
--- a/internal/stores/data_style/model/blocks/color.js
+++ b/internal/stores/data_style/model/blocks/color.js
@@ -1,36 +1,42 @@
 // 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,
@@ -38,21 +44,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 0ef66680..c6bd19a5 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 cd71e545..9eead7af 100644
--- a/internal/stores/data_style/model/blocks/index.js
+++ b/internal/stores/data_style/model/blocks/index.js
@@ -1,26 +1,30 @@
 // 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 {
@@ -29,5 +33,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 e9b53d81..8b479b8d 100644
--- a/internal/stores/data_style/model/blocks/visibility.js
+++ b/internal/stores/data_style/model/blocks/visibility.js
@@ -1,36 +1,42 @@
 // 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,
@@ -38,21 +44,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 c988c778..9feaa7a6 100644
--- a/internal/stores/data_style/model/corners/color.js
+++ b/internal/stores/data_style/model/corners/color.js
@@ -1,35 +1,41 @@
 // 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,
@@ -37,21 +43,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 f5b20c63..6cbebe27 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 10428e80..6408522f 100644
--- a/internal/stores/data_style/model/corners/index.js
+++ b/internal/stores/data_style/model/corners/index.js
@@ -1,27 +1,31 @@
 // 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 {
@@ -30,5 +34,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 d91c3662..2abbef34 100644
--- a/internal/stores/data_style/model/corners/visibility.js
+++ b/internal/stores/data_style/model/corners/visibility.js
@@ -1,35 +1,42 @@
 // 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,
@@ -37,21 +44,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 98570bc4..9dc0a700 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 7f59384e..cc5def8f 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 9befed56..86b68aec 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,15 +22,19 @@ 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 25222241..8d5cc543 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,63 @@ 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);
+      return modelCornersStyleStore.modelCornerVisibility(id, component_id)
     } else if (component_type === "Line") {
-      return modelLinesStyleStore.modelLineVisibility(id, component_id);
+      return modelLinesStyleStore.modelLineVisibility(id, component_id)
     } else if (component_type === "Surface") {
-      return modelSurfacesStyleStore.modelSurfaceVisibility(id, component_id);
+      return modelSurfacesStyleStore.modelSurfaceVisibility(id, component_id)
     } else if (component_type === "Block") {
-      return modelBlocksStyleStore.modelBlockVisibility(id, component_id);
+      return modelBlocksStyleStore.modelBlockVisibility(id, component_id)
     }
-    throw new Error(`Unknown model component_type: ${component_type}`);
+    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,74 +101,95 @@ 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);
+      return modelCornersStyleStore.setModelCornersVisibility(
+        id,
+        component_geode_ids,
+        visibility,
+      )
     } else if (component_type === "Line") {
-      return modelLinesStyleStore.setModelLinesVisibility(id, component_geode_ids, visibility);
+      return modelLinesStyleStore.setModelLinesVisibility(
+        id,
+        component_geode_ids,
+        visibility,
+      )
     } else 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);
+      return modelBlocksStyleStore.setModelBlocksVisibility(
+        id,
+        component_geode_ids,
+        visibility,
+      )
     } else {
-      throw new Error(`Unknown model component_type: ${component_type}`);
+      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 {
@@ -186,5 +207,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 7f3e6f95..9a701939 100644
--- a/internal/stores/data_style/model/lines/color.js
+++ b/internal/stores/data_style/model/lines/color.js
@@ -1,35 +1,41 @@
 // 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,
@@ -37,21 +43,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 ec9564b9..6ed96220 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 dfd97b60..eff26416 100644
--- a/internal/stores/data_style/model/lines/index.js
+++ b/internal/stores/data_style/model/lines/index.js
@@ -1,26 +1,30 @@
 // 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 {
@@ -29,5 +33,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 4edbf7e3..64fa70a8 100644
--- a/internal/stores/data_style/model/lines/visibility.js
+++ b/internal/stores/data_style/model/lines/visibility.js
@@ -1,35 +1,41 @@
 // 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,
@@ -37,21 +43,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 22e168c6..4b05ea0e 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 f7a1931f..1c3dc66e 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 14087d51..3299e9ec 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 98a48048..0be93261 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,15 +22,19 @@ 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 d638c9f3..06607583 100644
--- a/internal/stores/data_style/model/surfaces/color.js
+++ b/internal/stores/data_style/model/surfaces/color.js
@@ -1,35 +1,41 @@
 // 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,
@@ -37,21 +43,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 ff2627c9..c278ac14 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 aefd5d0c..7ad39e2f 100644
--- a/internal/stores/data_style/model/surfaces/index.js
+++ b/internal/stores/data_style/model/surfaces/index.js
@@ -1,26 +1,34 @@
 // 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 {
@@ -29,5 +37,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 79c7b9e2..0bc29551 100644
--- a/internal/stores/data_style/model/surfaces/visibility.js
+++ b/internal/stores/data_style/model/surfaces/visibility.js
@@ -1,35 +1,39 @@
 // 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,
@@ -37,21 +41,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 ce70b902..e0b5f2f1 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 522bf55f..e5d15211 100644
--- a/internal/utils/api_fetch.js
+++ b/internal/utils/api_fetch.js
@@ -1,65 +1,75 @@
-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 6e6ef1a2..b62b2900 100644
--- a/internal/utils/upload_file.js
+++ b/internal/utils/upload_file.js
@@ -1,50 +1,55 @@
-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();
+  }
+  microservice.start_request()
   return $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 b089c787..ecaa3dea 100644
--- a/internal/utils/viewer_call.js
+++ b/internal/utils/viewer_call.js
@@ -1,51 +1,64 @@
-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()
     }
   }
 
@@ -53,8 +66,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 6ec24e53..8108fcb4 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,27 +1,43 @@
 // 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: {
     public: {
       API_URL: "api.geode-solutions.com",
       BACK_COMMAND: "opengeodeweb-back",
-      BACK_PATH: path.join(__dirname, "tests", "integration", "microservices", "back"),
+      BACK_PATH: path.join(
+        __dirname,
+        "tests",
+        "integration",
+        "microservices",
+        "back",
+      ),
       BROWSER: process.env.BROWSER ?? false,
       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 : "",
       VIEWER_COMMAND: "opengeodeweb-viewer",
-      VIEWER_PATH: path.join(__dirname, "tests", "integration", "microservices", "viewer"),
+      VIEWER_PATH: path.join(
+        __dirname,
+        "tests",
+        "integration",
+        "microservices",
+        "viewer",
+      ),
     },
   },
 
-  modules: [["@pinia/nuxt", { autoImports: ["defineStore", "storeToRefs"] }], "@vueuse/nuxt"],
+  modules: [
+    ["@pinia/nuxt", { autoImports: ["defineStore", "storeToRefs"] }],
+    "@vueuse/nuxt",
+  ],
   imports: {
     scan: false,
   },
@@ -60,4 +76,4 @@ export default defineNuxtConfig({
       ],
     },
   },
-});
+})
diff --git a/scripts/generate_geode_objects.js b/scripts/generate_geode_objects.js
index deffdaec..91890d45 100644
--- a/scripts/generate_geode_objects.js
+++ b/scripts/generate_geode_objects.js
@@ -1,24 +1,26 @@
 /* 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 57aeef11..2aa31c93 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 7de3d949..f80e69a0 100644
--- a/server/api/app/project_folder_path.post.js
+++ b/server/api/app/project_folder_path.post.js
@@ -1,29 +1,29 @@
 // Node imports
 
 // Third party imports
-import { createError, defineEventHandler, readBody } from "h3";
+import { createError, defineEventHandler, readBody } 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"
 
 export default defineEventHandler(async (event) => {
   try {
-    const { PROJECT } = await readBody(event);
-    const projectFolderPath = generateProjectFolderPath(PROJECT);
-    await createPath(projectFolderPath);
+    const { PROJECT } = await readBody(event)
+    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 06eafc47..127bf20d 100644
--- a/server/api/app/run_back.post.js
+++ b/server/api/app/run_back.post.js
@@ -1,33 +1,33 @@
 // 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"
 
 export default defineEventHandler(async (event) => {
   try {
-    const { BACK_COMMAND, BACK_PATH, args } = await readBody(event);
-    const port = await runBack(BACK_COMMAND, BACK_PATH, args);
+    const { BACK_COMMAND, BACK_PATH, args } = await readBody(event)
+    const port = await runBack(BACK_COMMAND, BACK_PATH, args)
     await addMicroserviceMetadatas(args.projectFolderPath, {
       type: "back",
       name: BACK_COMMAND,
       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 2f9f3515..7fb0d3ce 100644
--- a/server/api/app/run_viewer.post.js
+++ b/server/api/app/run_viewer.post.js
@@ -1,33 +1,33 @@
 // 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"
 
 export default defineEventHandler(async (event) => {
   try {
-    const { VIEWER_COMMAND, VIEWER_PATH, args } = await readBody(event);
-    const port = await runViewer(VIEWER_COMMAND, VIEWER_PATH, args);
+    const { VIEWER_COMMAND, VIEWER_PATH, args } = await readBody(event)
+    const port = await runViewer(VIEWER_COMMAND, VIEWER_PATH, args)
     await addMicroserviceMetadatas(args.projectFolderPath, {
       type: "viewer",
       name: VIEWER_COMMAND,
       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 7cca2e55..9ebf3196 100644
--- a/server/api/extensions/run.post.js
+++ b/server/api/extensions/run.post.js
@@ -1,92 +1,99 @@
 // 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 9aa50bd3..a33ac49e 100644
--- a/server/api/extensions/upload.put.js
+++ b/server/api/extensions/upload.put.js
@@ -1,27 +1,35 @@
 // 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 // 100 MB
 
 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),
@@ -29,65 +37,71 @@ 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 861536fc..47aadcc2 100644
--- a/tests/integration/setup.js
+++ b/tests/integration/setup.js
@@ -1,34 +1,41 @@
 // 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 { useRuntimeConfig } from "nuxt/app";
+import { afterAll, beforeAll, expect, vi } from "vitest"
+import { useRuntimeConfig } from "nuxt/app"
 
 // 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/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/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 geodeStore = useGeodeStore()
+  const infraStore = useInfraStore()
+  const viewerStore = useViewerStore()
+  infraStore.app_mode = appMode.BROWSER
   const { BACK_COMMAND, BACK_PATH, PROJECT, VIEWER_COMMAND, VIEWER_PATH } =
-    useRuntimeConfig().public;
-  const projectFolderPath = generateProjectFolderPath(PROJECT);
-  await createPath(projectFolderPath);
+    useRuntimeConfig().public
+  const projectFolderPath = generateProjectFolderPath(PROJECT)
+  await createPath(projectFolderPath)
 
   const [back_port, viewer_port] = await Promise.all([
     runBack(BACK_COMMAND, BACK_PATH, {
@@ -36,56 +43,58 @@ async function runMicroservices() {
       uploadFolderPath: data_folder,
     }),
     runViewer(VIEWER_COMMAND, VIEWER_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: BACK_COMMAND,
     port: back_port,
-  });
+  })
   await addMicroserviceMetadatas(projectFolderPath, {
     type: "viewer",
     name: VIEWER_COMMAND,
     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 5c4a48fc..2a6409d1 100644
--- a/tests/integration/stores/data_style/mesh/cells.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/cells.nuxt.test.js
@@ -1,155 +1,181 @@
 // 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/microservices";
-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/microservices"
+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("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 be4d417a..de379a50 100644
--- a/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
@@ -1,144 +1,170 @@
 // 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/microservices";
-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/microservices"
+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 4c23c58b..e4b9e99a 100644
--- a/tests/integration/stores/data_style/mesh/index.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/index.nuxt.test.js
@@ -1,62 +1,65 @@
 // 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/microservices";
-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/microservices"
+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 8ce14425..e21054b1 100644
--- a/tests/integration/stores/data_style/mesh/points.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/points.nuxt.test.js
@@ -1,150 +1,166 @@
 // 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/microservices";
-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/microservices"
+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 ddb8a5f1..351291fc 100644
--- a/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js
@@ -1,158 +1,182 @@
 // 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/microservices";
-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/microservices"
+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 aafe2a3f..573d7448 100644
--- a/tests/integration/stores/data_style/mesh/polyhedra.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/polyhedra.nuxt.test.js
@@ -1,147 +1,171 @@
 // 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/microservices";
-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/microservices"
+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 b6cc2458..05e9f993 100644
--- a/tests/integration/stores/data_style/model/blocks.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/blocks.nuxt.test.js
@@ -1,92 +1,109 @@
 // 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/microservices";
-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/microservices"
+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 844b127b..318b193b 100644
--- a/tests/integration/stores/data_style/model/corners.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/corners.nuxt.test.js
@@ -1,96 +1,113 @@
 // 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/microservices";
-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/microservices"
+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 fbdabbcb..429dcb4a 100644
--- a/tests/integration/stores/data_style/model/edges.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/edges.nuxt.test.js
@@ -1,62 +1,65 @@
 // 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/microservices";
-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/microservices"
+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 1b372373..2ea0f894 100644
--- a/tests/integration/stores/data_style/model/index.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/index.nuxt.test.js
@@ -1,52 +1,55 @@
 // 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/microservices";
-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/microservices"
+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 7b7ad6fc..abb17711 100644
--- a/tests/integration/stores/data_style/model/lines.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/lines.nuxt.test.js
@@ -1,95 +1,108 @@
 // 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/microservices";
-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/microservices"
+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 5dce8da4..856b9df5 100644
--- a/tests/integration/stores/data_style/model/points.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/points.nuxt.test.js
@@ -1,84 +1,87 @@
 // 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/microservices";
-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/microservices"
+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 d81ecd97..e13f1fe8 100644
--- a/tests/integration/stores/data_style/model/surfaces.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/surfaces.nuxt.test.js
@@ -1,94 +1,115 @@
 // 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/microservices";
-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/microservices"
+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() // Clear calls from setup (applyDefaultStyle)
+      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() // Clear calls from setup (applyDefaultStyle)
+      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 a016b9bf..1e1110f7 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/microservices";
-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/microservices"
+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,41 +30,44 @@ 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 fe148375..364011a9 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 a08874ae..41c09066 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 210f6043..6d269b3f 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,22 +44,24 @@ 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 301afef7..fc2db317 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 9bf9a98a..6b615476 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 () => {
   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 6bc8ccdf..88afde3a 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 = "";
+  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,17 +88,19 @@ 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, {
@@ -110,14 +112,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 3db603e5..665dbe99 100644
--- a/tests/unit/components/FileUploader.nuxt.test.js
+++ b/tests/unit/components/FileUploader.nuxt.test.js
@@ -1,35 +1,35 @@
 // 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 = "";
+  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 () => {
     test(`prop auto_upload false`, async () => {
@@ -38,21 +38,23 @@ describe(FileUploader, async () => {
           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, {
@@ -60,9 +62,11 @@ 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 0976fbc6..d4eb3cd0 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 = "";
+  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 6fc1613f..bedbc646 100644
--- a/tests/unit/components/Inspector/ResultPanel.nuxt.test.js
+++ b/tests/unit/components/Inspector/ResultPanel.nuxt.test.js
@@ -1,10 +1,10 @@
 // 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 () => {
   test(`Test with issues`, async () => {
@@ -14,24 +14,27 @@ 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 = [
@@ -39,18 +42,20 @@ 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 c2e79e34..41e57df6 100644
--- a/tests/unit/components/Launcher.nuxt.test.js
+++ b/tests/unit/components/Launcher.nuxt.test.js
@@ -1,37 +1,39 @@
-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 () => {
   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 308d3e30..0de9e216 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 42edf936..9ce76e69 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 fc64ef4d..7e7a19ef 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 () => {
   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 8f6a6f30..7c892f15 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([]);
+    const geode_object_type = ref("BRep")
+    const files = ref([])
     const stepper_tree = reactive({
       current_step_index: ref(0),
       geode_object_type,
@@ -29,21 +29,21 @@ describe(Step, () => {
           },
           chips: computed(() => {
             if (geode_object_type.value === "") {
-              return [];
+              return []
             } else {
-              return [geode_object_type.value];
+              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 2f3e3bca..306fe033 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 504b7656..a620a3a6 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,13 +26,13 @@ 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 () => {
     const invalid_schema = {
@@ -46,31 +46,33 @@ 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 = {};
+    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;
+        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 7b3f689e..e89deb48 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/app_mode";
-import { setupActivePinia } from "@ogw_tests/utils";
-import { useProjectManager } from "@ogw_front/composables/project_manager";
+import { appMode } from "@ogw_front/utils/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,132 +146,151 @@ 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 a708b02a..a46ba4b5 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();
-  });
+    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 91fb8313..ebc27de5 100644
--- a/tests/unit/composables/upload_file.nuxt.test.js
+++ b/tests/unit/composables/upload_file.nuxt.test.js
@@ -1,45 +1,47 @@
 // 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 af4380e6..b4bdd7e9 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,16 +42,18 @@ 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: {
@@ -79,13 +81,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 83874ce5..4d07cc0e 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,115 +73,117 @@ 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 c91a9699..63721148 100644
--- a/tests/unit/stores/feedback.nuxt.test.js
+++ b/tests/unit/stores/feedback.nuxt.test.js
@@ -1,75 +1,85 @@
 // 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 b11d84b8..c2ce5ab9 100644
--- a/tests/unit/stores/geode.nuxt.test.js
+++ b/tests/unit/stores/geode.nuxt.test.js
@@ -1,158 +1,162 @@
 // 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/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/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 e4b8fe3d..beab6a75 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/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/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 aab11c74..46a29906 100644
--- a/tests/unit/stores/lambda.nuxt.test.js
+++ b/tests/unit/stores/lambda.nuxt.test.js
@@ -1,130 +1,132 @@
 // 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();
-});
+  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 a0a340ec..60ed0c5d 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,14 +49,16 @@ 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 5f82e18f..4c7e34fb 100644
--- a/tests/unit/stores/viewer.nuxt.test.js
+++ b/tests/unit/stores/viewer.nuxt.test.js
@@ -1,166 +1,179 @@
 // 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/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/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 774a028a..c40b1df3 100644
--- a/tests/unit/utils/recaptcha.nuxt.test.js
+++ b/tests/unit/utils/recaptcha.nuxt.test.js
@@ -1,40 +1,44 @@
 // 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 7c9088a0..475e9837 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 ef8b6482..9a7ec075 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 9bcc80b8..18fe9c8d 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 461b411c..9d7a1e59 100644
--- a/vuetify_config.js
+++ b/vuetify_config.js
@@ -17,6 +17,6 @@ const vuetify = {
       style: "border-radius: 15px;",
     },
   },
-};
+}
 
-export { vuetify };
+export { vuetify }

From 817c18fb6cc838ac33f21fec66952095a65d8052 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Thu, 19 Mar 2026 10:33:34 +0100
Subject: [PATCH 3/7] rm prettier config

---
 .prettierrc | 4 ----
 1 file changed, 4 deletions(-)
 delete mode 100644 .prettierrc

diff --git a/.prettierrc b/.prettierrc
deleted file mode 100644
index 2041212b..00000000
--- a/.prettierrc
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "semi": false,
-  "vueIndentScriptAndStyle": true
-}

From 5b5f177421b7093e5c6d807ec2f4649174fa3d6b Mon Sep 17 00:00:00 2001
From: MaxNumerique <144453705+MaxNumerique@users.noreply.github.com>
Date: Thu, 19 Mar 2026 09:34:16 +0000
Subject: [PATCH 4/7] Apply prepare changes

---
 .prettierrc | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 .prettierrc

diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..2041212b
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "semi": false,
+  "vueIndentScriptAndStyle": true
+}

From 52afb19df3af08c5a4fd13ad420b0fd270ee8bcc Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Thu, 19 Mar 2026 10:34:23 +0100
Subject: [PATCH 5/7] oxfmt

---
 .eslintrc.cjs                                 |   2 +-
 .oxlintrc.json                                |  24 +-
 app/assets/geode_objects.js                   |  52 +--
 app/components/Carousel.vue                   | 128 +++----
 app/components/CrsSelector.vue                | 100 +++--
 app/components/DeleteDialog.vue               |  58 ++-
 app/components/DragAndDrop.vue                |  76 ++--
 app/components/ExtensionSelector.vue          | 113 +++---
 app/components/FeedBack/ErrorBanner.vue       |  17 +-
 app/components/FeedBack/Snackers.vue          |  26 +-
 app/components/FetchingData.vue               |   7 +-
 app/components/FileSelector.vue               |  88 ++---
 app/components/FileUploader.vue               | 141 +++----
 app/components/GlassCard.vue                  |  38 +-
 app/components/HybridRenderingView.vue        |  75 ++--
 app/components/InfraConnected.vue             |   6 +-
 app/components/Inspector/InspectionButton.vue |  58 ++-
 app/components/Inspector/ResultPanel.vue      |  37 +-
 app/components/Launcher.vue                   |  26 +-
 app/components/Loading.vue                    | 132 ++++---
 app/components/MissingFilesSelector.vue       | 126 +++----
 app/components/ObjectSelector.vue             | 180 ++++-----
 app/components/PackagesVersions.vue           |  57 ++-
 app/components/Recaptcha.vue                  | 128 +++----
 app/components/RemoteRenderingView.vue        | 213 +++++------
 app/components/Screenshot.vue                 |  78 ++--
 app/components/SearchBar.vue                  |  10 +-
 app/components/Step.vue                       |  81 ++--
 app/components/Stepper.vue                    |  64 ++--
 app/components/VeaseViewToolbar.vue           | 147 ++++----
 app/components/ViewToolbar.vue                |  86 ++---
 app/components/Viewer/BreadCrumb.vue          |  48 +--
 app/components/Viewer/ContextMenu.vue         | 355 +++++++++---------
 app/components/Viewer/ContextMenuItem.vue     | 222 ++++++-----
 .../Viewer/EdgedCurve/PointsOptions.vue       |  15 +-
 .../EdgedCurve/SpecificEdgesOptions.vue       | 175 ++++-----
 .../Viewer/Generic/Mesh/CellsOptions.vue      | 183 +++++----
 .../Viewer/Generic/Mesh/EdgesOptions.vue      | 181 ++++-----
 .../Viewer/Generic/Mesh/PointsOptions.vue     | 135 +++----
 .../Viewer/Generic/Mesh/PolygonsOptions.vue   | 192 +++++-----
 .../Viewer/Generic/Mesh/PolyhedraOptions.vue  | 187 ++++-----
 .../Viewer/Generic/Model/EdgesOptions.vue     |  42 +--
 .../Viewer/Generic/Model/PointsOptions.vue    |  56 ++-
 .../Viewer/Grid/2D/CellsOptions.vue           |  10 +-
 .../Viewer/Grid/2D/EdgesOptions.vue           |  15 +-
 .../Viewer/Grid/2D/PointsOptions.vue          |  15 +-
 .../Viewer/Grid/3D/CellsOptions.vue           |  10 +-
 .../Viewer/Grid/3D/EdgesOptions.vue           |  15 +-
 .../Viewer/Grid/3D/FacetsOptions.vue          |  10 +-
 .../Viewer/Grid/3D/PointsOptions.vue          |  15 +-
 .../Viewer/HybridSolid/EdgesOptions.vue       |  15 +-
 .../Viewer/HybridSolid/PointsOptions.vue      |  15 +-
 .../Viewer/HybridSolid/PolygonsOptions.vue    |  15 +-
 .../Viewer/HybridSolid/PolyhedraOptions.vue   |  15 +-
 .../Viewer/Options/AttributeColorBar.vue      |  16 +-
 .../Viewer/Options/AttributeSelector.vue      | 151 ++++----
 .../Viewer/Options/ColorMapList.vue           | 255 ++++++-------
 .../Viewer/Options/ColorMapPicker.vue         | 270 +++++++------
 app/components/Viewer/Options/ColorPicker.vue |  18 +-
 .../Viewer/Options/ColoringTypeSelector.vue   | 168 ++++-----
 app/components/Viewer/Options/TextureItem.vue | 112 +++---
 .../Viewer/Options/TexturesSelector.vue       |  48 ++-
 .../Viewer/Options/VisibilitySwitch.vue       |   2 +-
 .../Viewer/PointSet/SpecificPointsOptions.vue | 129 +++----
 .../Viewer/PolygonalSurface/EdgesOptions.vue  |  15 +-
 .../Viewer/PolygonalSurface/PointsOptions.vue |  15 +-
 .../SpecificPolygonsOptions.vue               | 186 ++++-----
 app/components/Viewer/Solid/EdgesOptions.vue  |  15 +-
 app/components/Viewer/Solid/PointsOptions.vue |  15 +-
 .../Viewer/Solid/PolygonsOptions.vue          |  15 +-
 .../Viewer/Solid/SpecificPolyhedraOptions.vue | 187 ++++-----
 .../TetrahedralSolid/TetrahedraOptions.vue    |  10 +-
 .../TetrahedralSolid/TrianglesOptions.vue     |  10 +-
 app/components/Viewer/Tree/ObjectTree.vue     | 169 ++++-----
 app/components/Viewer/TreeComponent.vue       |  92 +++--
 app/components/Viewer/TreeObject.vue          |  98 +++--
 .../TriangulatedSurface/EdgesOptions.vue      |  15 +-
 .../TriangulatedSurface/PointsOptions.vue     |  10 +-
 .../TriangulatedSurface/TrianglesOptions.vue  |  10 +-
 app/components/Wrapper.vue                    |  16 +-
 app/components/ZScaling.vue                   |  45 +--
 app/composables/project_manager.js            | 124 +++---
 ...n_function_when_microservices_connected.js |  16 +-
 app/plugins/auto_store_register.js            |  24 +-
 app/stores/app.js                             | 235 ++++++------
 app/stores/data.js                            | 120 +++---
 app/stores/data_style.js                      |  72 ++--
 app/stores/feedback.js                        |  33 +-
 app/stores/geode.js                           | 116 +++---
 app/stores/hybrid_viewer.js                   | 334 ++++++++--------
 app/stores/infra.js                           |  98 +++--
 app/stores/lambda.js                          |  50 +--
 app/stores/menu.js                            | 163 ++++----
 app/stores/treeview.js                        | 118 +++---
 app/stores/viewer.js                          | 205 +++++-----
 app/utils/app_mode.js                         |  12 +-
 app/utils/colormap.js                         |   6 +-
 app/utils/config.js                           |  38 +-
 app/utils/default_styles.js                   | 112 +++---
 app/utils/extension.js                        |  90 ++---
 app/utils/file_import_workflow.js             | 116 +++---
 app/utils/local/microservices.js              | 212 +++++------
 app/utils/local/path.js                       |  70 ++--
 app/utils/local/scripts.js                    |  42 +--
 app/utils/recaptcha.js                        |  12 +-
 app/utils/server.js                           |  40 +-
 app/utils/status.js                           |   4 +-
 app/utils/treeview.js                         |   8 +-
 app/utils/validate_schema.js                  |  14 +-
 commitlint.config.js                          |   4 +-
 eslint.config.js                              |   8 +-
 internal/database/database.js                 |  82 ++--
 internal/database/extended_database.js        |  19 +-
 internal/database/tables/data.js              |   5 +-
 internal/database/tables/model_components.js  |   2 +-
 .../tables/model_components_relation.js       |   2 +-
 internal/stores/data_style/mesh/cells/cell.js | 110 +++---
 .../stores/data_style/mesh/cells/color.js     |  27 +-
 .../stores/data_style/mesh/cells/common.js    |  12 +-
 .../stores/data_style/mesh/cells/index.js     |  73 ++--
 .../stores/data_style/mesh/cells/textures.js  |  23 +-
 .../stores/data_style/mesh/cells/vertex.js    | 105 +++---
 .../data_style/mesh/cells/visibility.js       |  27 +-
 .../stores/data_style/mesh/edges/color.js     |  27 +-
 .../stores/data_style/mesh/edges/common.js    |  12 +-
 internal/stores/data_style/mesh/edges/edge.js | 110 +++---
 .../stores/data_style/mesh/edges/index.js     |  78 ++--
 .../stores/data_style/mesh/edges/vertex.js    | 105 +++---
 .../data_style/mesh/edges/visibility.js       |  27 +-
 .../stores/data_style/mesh/edges/width.js     |  27 +-
 internal/stores/data_style/mesh/index.js      |  68 ++--
 .../stores/data_style/mesh/points/color.js    |  27 +-
 .../stores/data_style/mesh/points/common.js   |  12 +-
 .../stores/data_style/mesh/points/index.js    |  73 ++--
 .../stores/data_style/mesh/points/size.js     |  27 +-
 .../stores/data_style/mesh/points/vertex.js   | 105 +++---
 .../data_style/mesh/points/visibility.js      |  27 +-
 .../stores/data_style/mesh/polygons/color.js  |  27 +-
 .../stores/data_style/mesh/polygons/common.js |  12 +-
 .../stores/data_style/mesh/polygons/index.js  |  70 ++--
 .../data_style/mesh/polygons/polygon.js       | 101 +++--
 .../data_style/mesh/polygons/textures.js      |  27 +-
 .../stores/data_style/mesh/polygons/vertex.js | 105 +++---
 .../data_style/mesh/polygons/visibility.js    |  27 +-
 .../stores/data_style/mesh/polyhedra/color.js |  27 +-
 .../data_style/mesh/polyhedra/common.js       |  12 +-
 .../stores/data_style/mesh/polyhedra/index.js |  63 ++--
 .../data_style/mesh/polyhedra/polyhedron.js   |  90 +++--
 .../data_style/mesh/polyhedra/vertex.js       | 105 +++---
 .../data_style/mesh/polyhedra/visibility.js   |  28 +-
 .../stores/data_style/model/blocks/color.js   |  48 ++-
 .../stores/data_style/model/blocks/common.js  |  12 +-
 .../stores/data_style/model/blocks/index.js   |  30 +-
 .../data_style/model/blocks/visibility.js     |  48 ++-
 .../stores/data_style/model/corners/color.js  |  48 ++-
 .../stores/data_style/model/corners/common.js |  12 +-
 .../stores/data_style/model/corners/index.js  |  32 +-
 .../data_style/model/corners/visibility.js    |  49 ++-
 .../stores/data_style/model/edges/common.js   |   8 +-
 .../stores/data_style/model/edges/index.js    |  14 +-
 .../data_style/model/edges/visibility.js      |  26 +-
 internal/stores/data_style/model/index.js     | 163 ++++----
 .../stores/data_style/model/lines/color.js    |  48 ++-
 .../stores/data_style/model/lines/common.js   |  12 +-
 .../stores/data_style/model/lines/index.js    |  30 +-
 .../data_style/model/lines/visibility.js      |  48 ++-
 .../stores/data_style/model/points/common.js  |   8 +-
 .../stores/data_style/model/points/index.js   |  18 +-
 .../stores/data_style/model/points/size.js    |  22 +-
 .../data_style/model/points/visibility.js     |  26 +-
 .../stores/data_style/model/surfaces/color.js |  48 ++-
 .../data_style/model/surfaces/common.js       |  12 +-
 .../stores/data_style/model/surfaces/index.js |  36 +-
 .../data_style/model/surfaces/visibility.js   |  40 +-
 internal/stores/data_style/state.js           |  22 +-
 internal/utils/api_fetch.js                   |  58 ++-
 internal/utils/upload_file.js                 |  41 +-
 internal/utils/viewer_call.js                 |  59 ++-
 nuxt.config.js                                |  34 +-
 scripts/generate_geode_objects.js             |  30 +-
 server/api/app/kill.post.js                   |   8 +-
 server/api/app/project_folder_path.post.js    |  18 +-
 server/api/app/run_back.post.js               |  18 +-
 server/api/app/run_viewer.post.js             |  18 +-
 server/api/extensions/run.post.js             |  75 ++--
 server/api/extensions/upload.put.js           | 110 +++---
 tests/integration/setup.js                    |  97 +++--
 .../stores/data_style/mesh/cells.nuxt.test.js | 204 +++++-----
 .../stores/data_style/mesh/edges.nuxt.test.js | 188 ++++------
 .../stores/data_style/mesh/index.nuxt.test.js |  79 ++--
 .../data_style/mesh/points.nuxt.test.js       | 186 +++++----
 .../data_style/mesh/polygons.nuxt.test.js     | 202 +++++-----
 .../data_style/mesh/polyhedra.nuxt.test.js    | 186 ++++-----
 .../data_style/model/blocks.nuxt.test.js      | 129 +++----
 .../data_style/model/corners.nuxt.test.js     | 135 +++----
 .../data_style/model/edges.nuxt.test.js       |  81 ++--
 .../data_style/model/index.nuxt.test.js       |  65 ++--
 .../data_style/model/lines.nuxt.test.js       | 133 +++----
 .../data_style/model/points.nuxt.test.js      | 107 +++---
 .../data_style/model/surfaces.nuxt.test.js    | 139 +++----
 tests/integration/stores/viewer.nuxt.test.js  |  71 ++--
 tests/setup_indexeddb.js                      |   4 +-
 .../unit/components/CrsSelector.nuxt.test.js  |  56 +--
 .../components/ExtensionSelector.nuxt.test.js |  68 ++--
 .../FeedBack/ErrorsBanner.nuxt.test.js        |  46 +--
 .../components/FeedBack/Snackers.nuxt.test.js |  34 +-
 .../unit/components/FileSelector.nuxt.test.js | 114 +++---
 .../unit/components/FileUploader.nuxt.test.js |  70 ++--
 .../Inspector/InspectionButton.nuxt.test.js   |  54 +--
 .../Inspector/ResultPanel.nuxt.test.js        |  47 ++-
 tests/unit/components/Launcher.nuxt.test.js   |  40 +-
 .../MissingFilesSelector.nuxt.test.js         |  74 ++--
 .../components/ObjectSelector.nuxt.test.js    | 124 +++---
 .../components/PackagesVersions.nuxt.test.js  |  30 +-
 tests/unit/components/Step.nuxt.test.js       |  34 +-
 tests/unit/components/Stepper.nuxt.test.js    |  36 +-
 tests/unit/composables/api_fetch.nuxt.test.js |  64 ++--
 .../composables/project_manager.nuxt.test.js  | 205 +++++-----
 ..._when_microservices_connected.nuxt.test.js |  70 ++--
 .../unit/composables/upload_file.nuxt.test.js |  56 ++-
 tests/unit/plugins/project_load.nuxt.test.js  |  64 ++--
 tests/unit/stores/app.nuxt.test.js            | 182 +++++----
 tests/unit/stores/feedback.nuxt.test.js       | 104 +++--
 tests/unit/stores/geode.nuxt.test.js          | 226 ++++++-----
 tests/unit/stores/infra.nuxt.test.js          | 296 +++++++--------
 tests/unit/stores/lambda.nuxt.test.js         | 144 ++++---
 tests/unit/stores/treeview.nuxt.test.js       |  40 +-
 tests/unit/stores/viewer.nuxt.test.js         | 231 ++++++------
 tests/unit/utils/recaptcha.nuxt.test.js       |  54 ++-
 tests/unit/utils/validate_schema.nuxt.test.js |  34 +-
 tests/utils.js                                |  22 +-
 tests/vitest.config.js                        |  18 +-
 vuetify_config.js                             |   4 +-
 233 files changed, 7698 insertions(+), 9087 deletions(-)

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 728bd785..1aeb1022 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
       }
     ],
@@ -79,12 +64,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..4b4ec9da 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) {
+    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(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);
     }
-    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 cc5501d2..a3ee6580 100644
--- a/app/components/Recaptcha.vue
+++ b/app/components/Recaptcha.vue
@@ -1,68 +1,65 @@
 <script setup>
-  import { appMode } from "@ogw_front/utils/app_mode"
-  import { useInfraStore } from "@ogw_front/stores/infra"
+import { appMode } from "@ogw_front/utils/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."
-    },
-  ]
+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 })
-      }
+onMounted(() => {
+  if (import.meta.client) {
+    if (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,
-    })
   }
+});
+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 +74,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 +88,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 baa1527c..37391365 100644
--- a/app/components/RemoteRenderingView.vue
+++ b/app/components/RemoteRenderingView.vue
@@ -1,105 +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>
@@ -109,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)"
@@ -125,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 bb9b2eee..c8c31717 100644
--- a/app/stores/app.js
+++ b/app/stores/app.js
@@ -1,139 +1,128 @@
-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)
+      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)
+        await extensionModule.install(extensionAPI.value, backendPath);
 
         const extensionData = {
           module: extensionModule,
@@ -143,129 +132,119 @@ export const useAppStore = defineStore("app", () => {
           loadedAt: new Date().toISOString(),
           metadata: extensionModule.metadata,
           enabled: true,
-        }
-        loadedExtensions.value.set(extensionId, extensionData)
+        };
+        loadedExtensions.value.set(extensionId, extensionData);
 
-        console.log(`[AppStore] Extension loaded successfully: ${extensionId}`)
-        return extensionModule
+        console.log(`[AppStore] Extension loaded successfully: ${extensionId}`);
+        return extensionModule;
       } else {
-        throw new Error("Extension must export an install function")
+        throw new Error("Extension must export an install function");
       }
     } 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 { PROJECT } = useRuntimeConfig().public
+    const { PROJECT } = useRuntimeConfig().public;
     const schema = {
       $id: "/api/app/project_folder_path",
       methods: ["POST"],
@@ -275,17 +254,17 @@ export const useAppStore = defineStore("app", () => {
       },
       required: ["PROJECT"],
       additionalProperties: true,
-    }
-    const params = { PROJECT }
+    };
+    const params = { PROJECT };
 
-    console.log(createProjectFolder.name, { PROJECT })
+    console.log(createProjectFolder.name, { PROJECT });
 
     return request(schema, params, {
       response_function: async (response) => {
-        console.log(`[APP] ${response.projectFolderPath} created`)
-        projectFolderPath.value = response.projectFolderPath
+        console.log(`[APP] ${response.projectFolderPath} created`);
+        projectFolderPath.value = response.projectFolderPath;
       },
-    })
+    });
   }
 
   return {
@@ -310,5 +289,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..b564d241 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,
-      )
+      this.feedbacks = this.feedbacks.filter((feedback) => feedback.id !== feedbackId);
     },
     async delete_server_error() {
-      this.server_error = false
+      this.server_error = false;
     },
   },
-})
+});
diff --git a/app/stores/geode.js b/app/stores/geode.js
index f87a2444..9e4d27da 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/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/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,74 +19,74 @@ 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 geodeStore = this;
+      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 });
+            geodeStore.status = Status.NOT_CONNECTED;
           },
           response_function: () => {
-            feedbackStore.$patch({ server_error: false })
-            geodeStore.status = Status.CONNECTED
+            feedbackStore.$patch({ server_error: false });
+            geodeStore.status = Status.CONNECTED;
           },
           response_error_function: () => {
-            feedbackStore.$patch({ server_error: true })
-            geodeStore.status = Status.NOT_CONNECTED
+            feedbackStore.$patch({ server_error: true });
+            geodeStore.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 { BACK_PATH, BACK_COMMAND } = useRuntimeConfig().public
+      const { BACK_PATH, BACK_COMMAND } = useRuntimeConfig().public;
 
-      console.log("[GEODE] BACK_PATH", BACK_PATH)
-      console.log("[GEODE] BACK_COMMAND", BACK_COMMAND)
+      console.log("[GEODE] BACK_PATH", BACK_PATH);
+      console.log("[GEODE] BACK_COMMAND", BACK_COMMAND);
       const schema = {
         $id: "/api/app/run_back",
         methods: ["POST"],
@@ -97,30 +97,30 @@ export const useGeodeStore = defineStore("geode", {
         },
         required: ["BACK_PATH", "BACK_COMMAND"],
         additionalProperties: true,
-      }
+      };
 
       const params = {
         BACK_PATH,
         BACK_COMMAND,
         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,
@@ -134,16 +134,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,
         {
@@ -153,16 +153,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..d9a44665 100644
--- a/app/stores/hybrid_viewer.js
+++ b/app/stores/hybrid_viewer.js
@@ -1,137 +1,134 @@
 // 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) {
     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()
+    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 +138,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 +225,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 +261,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 +305,5 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     clear,
     exportStores,
     importStores,
-  }
-})
+  };
+});
diff --git a/app/stores/infra.js b/app/stores/infra.js
index 5c57239c..a48e71ff 100644
--- a/app/stores/infra.js
+++ b/app/stores/infra.js
@@ -1,9 +1,9 @@
-import { appMode, getAppMode } from "@ogw_front/utils/app_mode"
-import { Status } from "@ogw_front/utils/status"
-import { useAppStore } from "@ogw_front/stores/app"
-import { useLambdaStore } from "@ogw_front/stores/lambda"
+import { appMode, getAppMode } from "@ogw_front/utils/app_mode";
+import { Status } from "@ogw_front/utils/status";
+import { useAppStore } from "@ogw_front/stores/app";
+import { useLambdaStore } from "@ogw_front/stores/lambda";
 
-import { registerRunningExtensions } from "@ogw_front/utils/extension"
+import { registerRunningExtensions } from "@ogw_front/utils/extension";
 
 export const useInfraStore = defineStore("infra", {
   state: () => ({
@@ -16,96 +16,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.find((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)
+      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..fff9676a 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()
+      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..bc967fd8 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
+    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 = []
+    const ids = pendingSelectionIds.value || [];
+    const rebuilt = [];
     if (!ids.length) {
       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 c579e7e5..9a44093d 100644
--- a/app/stores/viewer.js
+++ b/app/stores/viewer.js
@@ -1,153 +1,143 @@
 // 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 { useRuntimeConfig } from "nuxt/app"
+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 { useRuntimeConfig } from "nuxt/app";
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { appMode } from "@ogw_front/utils/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/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()
+      console.log("[VIEWER] Launching viewer microservice...", { args });
+      const appStore = useAppStore();
 
-      const { VIEWER_PATH, VIEWER_COMMAND } = useRuntimeConfig().public
+      const { VIEWER_PATH, VIEWER_COMMAND } = useRuntimeConfig().public;
 
-      console.log("[VIEWER] VIEWER_PATH", VIEWER_PATH)
-      console.log("[VIEWER] VIEWER_COMMAND", VIEWER_COMMAND)
+      console.log("[VIEWER] VIEWER_PATH", VIEWER_PATH);
+      console.log("[VIEWER] VIEWER_COMMAND", VIEWER_COMMAND);
       const schema = {
         $id: "/api/app/run_viewer",
         methods: ["POST"],
@@ -158,41 +148,36 @@ export const useViewerStore = defineStore(
         },
         required: ["VIEWER_PATH", "VIEWER_COMMAND"],
         additionalProperties: true,
-      }
+      };
 
       const params = {
         VIEWER_PATH,
         VIEWER_COMMAND,
         args,
-      }
+      };
 
-      console.log("[VIEWER] params", params)
+      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,
@@ -206,14 +191,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 {
@@ -236,11 +221,11 @@ export const useViewerStore = defineStore(
       launch,
       connect,
       request,
-    }
+    };
   },
   {
     share: {
       omit: ["status", "client"],
     },
   },
-)
+);
diff --git a/app/utils/app_mode.js b/app/utils/app_mode.js
index 230ebcc3..3bc7c7fc 100644
--- a/app/utils/app_mode.js
+++ b/app/utils/app_mode.js
@@ -1,19 +1,19 @@
-import isElectron from "is-electron"
+import isElectron from "is-electron";
 
 const appMode = {
   DESKTOP: "DESKTOP",
   BROWSER: "BROWSER",
   CLOUD: "CLOUD",
-}
+};
 
 function getAppMode() {
   if (isElectron()) {
-    return appMode.DESKTOP
+    return appMode.DESKTOP;
   }
   if (useRuntimeConfig().public.BROWSER === "true") {
-    return appMode.BROWSER
+    return appMode.BROWSER;
   }
-  return appMode.CLOUD
+  return appMode.CLOUD;
 }
 
-export { appMode, getAppMode }
+export { appMode, getAppMode };
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 7930b99c..c8b7fd4f 100644
--- a/app/utils/extension.js
+++ b/app/utils/extension.js
@@ -1,91 +1,91 @@
 // Node.js imports
 
 // Third party imports
-import _ from "lodash"
-import { useRuntimeConfig } from "nuxt/app"
+import _ from "lodash";
+import { useRuntimeConfig } from "nuxt/app";
 
 // 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",
@@ -97,9 +97,9 @@ function runExtensions() {
     },
     required: ["projectFolderPath", "projectName"],
     additionalProperties: false,
-  }
+  };
 
-  return appStore.request(schema, params)
+  return appStore.request(schema, params);
 }
 
 export {
@@ -108,4 +108,4 @@ export {
   uploadExtension,
   registerRunningExtensions,
   runExtensions,
-}
+};
diff --git a/app/utils/file_import_workflow.js b/app/utils/file_import_workflow.js
index 0a343e08..38ec962e 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)
-  console.log({ dataStore })
+  const dataStore = useDataStore();
+  const dataStyleStore = useDataStyleStore();
+  const hybridViewerStore = useHybridViewerStore();
+  const treeviewStore = useTreeviewStore();
+  const registerTask = dataStore.registerObject(item.id);
+  const addDataTask = dataStore.addItem(item);
+  console.log({ dataStore });
   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/microservices.js b/app/utils/local/microservices.js
index caaab6d5..143e0b96 100644
--- a/app/utils/local/microservices.js
+++ b/app/utils/local/microservices.js
@@ -1,30 +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 { WebSocket } from "ws"
-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 { WebSocket } from "ws";
+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 {
-  deleteFolderRecursive,
-  executableName,
-  executablePath,
-} from "./path.js"
+import { commandExistsSync, waitForReady } from "./scripts.js";
+import { deleteFolderRecursive, executableName, executablePath } from "./path.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(
@@ -36,218 +32,206 @@ async function runScript(
 ) {
   const command = commandExistsSync(execName)
     ? execName
-    : path.join(await executablePath(execPath), executableName(execName))
-  console.log("runScript", command, args)
+    : path.join(await executablePath(execPath), executableName(execName));
+  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 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)
+    return killHttpMicroservice(microservice);
   } else if (microservice.type === "viewer") {
-    return killWebsocketMicroservice(microservice)
+    return killWebsocketMicroservice(microservice);
   } else {
-    throw new Error(`Unknown microservice type: ${microservice.type}`)
+    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");
 }
 
 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 {
@@ -258,4 +242,4 @@ export {
   projectMicroservices,
   runBack,
   runViewer,
-}
+};
diff --git a/app/utils/local/path.js b/app/utils/local/path.js
index bdb474b0..d93c0e82 100644
--- a/app/utils/local/path.js
+++ b/app/utils/local/path.js
@@ -1,79 +1,79 @@
 // Node imports
-import fs from "node:fs"
-import os from "node:os"
-import path from "node:path"
-import { setTimeout } from "node:timers/promises"
+import fs from "node:fs";
+import os from "node:os";
+import path from "node:path";
+import { setTimeout } from "node:timers/promises";
 
 // Third party imports
-import isElectron from "is-electron"
-import { rimraf } from "rimraf"
-import { v4 as uuidv4 } from "uuid"
+import isElectron from "is-electron";
+import { rimraf } from "rimraf";
+import { v4 as uuidv4 } from "uuid";
 
-const MAX_DELETE_FOLDER_RETRIES = 5
+const MAX_DELETE_FOLDER_RETRIES = 5;
 
 function venvScriptPath(microservicePath) {
-  const venvPath = path.join(microservicePath, "venv")
-  let scriptPath = ""
+  const venvPath = path.join(microservicePath, "venv");
+  let scriptPath = "";
   if (process.platform === "win32") {
-    scriptPath = path.join(venvPath, "Scripts")
+    scriptPath = path.join(venvPath, "Scripts");
   } else {
-    scriptPath = path.join(venvPath, "bin")
+    scriptPath = path.join(venvPath, "bin");
   }
-  return scriptPath
+  return scriptPath;
 }
 
 async function executablePath(microservicePath) {
   if (isElectron()) {
-    const electron = await import("electron")
+    const electron = await import("electron");
     if (electron.app.isPackaged) {
-      return process.resourcesPath
+      return process.resourcesPath;
     } else {
-      return venvScriptPath(microservicePath)
+      return venvScriptPath(microservicePath);
     }
   } else {
-    return venvScriptPath(microservicePath)
+    return venvScriptPath(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.replace(/\//g, "_"), uuidv4());
 }
 
 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");
     }
   }
 }
@@ -83,4 +83,4 @@ export {
   executableName,
   deleteFolderRecursive,
   generateProjectFolderPath,
-}
+};
diff --git a/app/utils/local/scripts.js b/app/utils/local/scripts.js
index e534dba7..58e8761c 100644
--- a/app/utils/local/scripts.js
+++ b/app/utils/local/scripts.js
@@ -1,49 +1,49 @@
 // 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";
 
 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.BROWSER = true
+  process.env.BROWSER = true;
 
   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..2b4b2ff4 100644
--- a/app/utils/server.js
+++ b/app/utils/server.js
@@ -1,46 +1,46 @@
 // 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)
+  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..009edef9 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 = {}
+    const currentVersion = tempDb.verno;
+    const currentStores = {};
 
-    currentStores[dataTable.name] = dataTable.schema
-    currentStores[modelComponentsTable.name] = modelComponentsTable.schema
-    currentStores[modelComponentsRelationTable.name] =
-      modelComponentsRelationTable.schema
+    currentStores[dataTable.name] = dataTable.schema;
+    currentStores[modelComponentsTable.name] = modelComponentsTable.schema;
+    currentStores[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..db5f657d 100644
--- a/internal/stores/data_style/mesh/cells/index.js
+++ b/internal/stores/data_style/mesh/cells/index.js
@@ -1,74 +1,61 @@
 // 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),
-      )
+      return meshCellsColorStyle.setMeshCellsColor(id, meshCellsColorStyle.meshCellsColor(id));
     } else if (type === "textures") {
-      const textures = meshCellsTexturesStore.meshCellsTextures(id)
+      const textures = meshCellsTexturesStore.meshCellsTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshCellsTexturesStore.setMeshCellsTextures(id, textures)
+      return meshCellsTexturesStore.setMeshCellsTextures(id, textures);
     } else if (type === "vertex") {
-      const name =
-        meshCellsVertexAttributeStyle.meshCellsVertexAttributeName(id)
+      const name = meshCellsVertexAttributeStyle.meshCellsVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshCellsVertexAttributeStyle.setMeshCellsVertexAttributeName(
-        id,
-        name,
-      )
+      return meshCellsVertexAttributeStyle.setMeshCellsVertexAttributeName(id, name);
     } else if (type === "cell") {
-      const name = meshCellsCellAttributeStyle.meshCellsCellAttributeName(id)
+      const name = meshCellsCellAttributeStyle.meshCellsCellAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      await meshCellsCellAttributeStyle.setMeshCellsCellAttributeName(id, name)
+      await meshCellsCellAttributeStyle.setMeshCellsCellAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh cells coloring type: ${type}`)
+      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 +67,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..c346880d 100644
--- a/internal/stores/data_style/mesh/edges/index.js
+++ b/internal/stores/data_style/mesh/edges/index.js
@@ -1,78 +1,62 @@
 // 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
+    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),
-      )
+      return meshEdgesColorStyle.setMeshEdgesColor(id, meshEdgesColorStyle.meshEdgesColor(id));
     } else if (type === "textures") {
-      const textures = meshEdgesTexturesStore.meshEdgesTextures(id)
+      const textures = meshEdgesTexturesStore.meshEdgesTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshEdgesTexturesStore.setMeshEdgesTextures(id, textures)
+      return meshEdgesTexturesStore.setMeshEdgesTextures(id, textures);
     } else if (type === "vertex") {
-      const name =
-        meshEdgesVertexAttributeStyle.meshEdgesVertexAttributeName(id)
+      const name = meshEdgesVertexAttributeStyle.meshEdgesVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshEdgesVertexAttributeStyle.setMeshEdgesVertexAttributeName(
-        id,
-        name,
-      )
+      return meshEdgesVertexAttributeStyle.setMeshEdgesVertexAttributeName(id, name);
     } else if (type === "edge") {
-      const name = meshEdgesEdgeAttributeStyle.meshEdgesEdgeAttributeName(id)
+      const name = meshEdgesEdgeAttributeStyle.meshEdgesEdgeAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshEdgesEdgeAttributeStyle.setMeshEdgesEdgeAttributeName(id, name)
+      return meshEdgesEdgeAttributeStyle.setMeshEdgesEdgeAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh edges coloring type: ${type}`)
+      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 +68,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..a2b32a51 100644
--- a/internal/stores/data_style/mesh/points/index.js
+++ b/internal/stores/data_style/mesh/points/index.js
@@ -1,62 +1,51 @@
 // 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),
-      )
+      return meshPointsColorStyle.setMeshPointsColor(id, meshPointsColorStyle.meshPointsColor(id));
     } else if (type === "textures") {
-      const textures = meshPointsTexturesStore.meshPointsTextures(id)
+      const textures = meshPointsTexturesStore.meshPointsTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPointsTexturesStore.setMeshPointsTextures(id, textures)
+      return meshPointsTexturesStore.setMeshPointsTextures(id, textures);
     } else if (type === "vertex") {
-      const name =
-        meshPointsVertexAttributeStyle.meshPointsVertexAttributeName(id)
+      const name = meshPointsVertexAttributeStyle.meshPointsVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPointsVertexAttributeStyle.setMeshPointsVertexAttributeName(
-        id,
-        name,
-      )
+      return meshPointsVertexAttributeStyle.setMeshPointsVertexAttributeName(id, name);
     } else if (type === "polygon") {
-      const name =
-        meshPointsPolygonAttributeStyleStore.meshPointsPolygonAttributeName(id)
+      const name = meshPointsPolygonAttributeStyleStore.meshPointsPolygonAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      await meshPointsPolygonAttributeStyleStore.setMeshPointsPolygonAttributeName(
-        id,
-        name,
-      )
+      await meshPointsPolygonAttributeStyleStore.setMeshPointsPolygonAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh points coloring type: ${type}`)
+      throw new Error(`Unknown mesh points coloring type: ${type}`);
     }
   }
 
@@ -66,15 +55,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 +68,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..10dbdd7d 100644
--- a/internal/stores/data_style/mesh/polygons/index.js
+++ b/internal/stores/data_style/mesh/polygons/index.js
@@ -1,65 +1,56 @@
 // 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)
+      const textures = meshPolygonsTexturesStyle.meshPolygonsTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPolygonsTexturesStyle.setMeshPolygonsTextures(id, textures)
+      return meshPolygonsTexturesStyle.setMeshPolygonsTextures(id, textures);
     } else if (type === "vertex") {
-      const name =
-        meshPolygonsVertexAttributeStyle.meshPolygonsVertexAttributeName(id)
+      const name = meshPolygonsVertexAttributeStyle.meshPolygonsVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPolygonsVertexAttributeStyle.setMeshPolygonsVertexAttributeName(
-        id,
-        name,
-      )
+      return meshPolygonsVertexAttributeStyle.setMeshPolygonsVertexAttributeName(id, name);
     } else if (type === "polygon") {
-      const name =
-        meshPolygonsPolygonAttributeStyle.meshPolygonsPolygonAttributeName(id)
+      const name = meshPolygonsPolygonAttributeStyle.meshPolygonsPolygonAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      await meshPolygonsPolygonAttributeStyle.setMeshPolygonsPolygonAttributeName(
-        id,
-        name,
-      )
+      await meshPolygonsPolygonAttributeStyle.setMeshPolygonsPolygonAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh polygons coloring type: ${type}`)
+      throw new Error(`Unknown mesh polygons coloring type: ${type}`);
     }
   }
 
@@ -69,11 +60,8 @@ export function useMeshPolygonsStyle() {
         id,
         meshPolygonsVisibility.meshPolygonsVisibility(id),
       ),
-      setMeshPolygonsActiveColoring(
-        id,
-        meshPolygonsCommonStyle.meshPolygonsActiveColoring(id),
-      ),
-    ])
+      setMeshPolygonsActiveColoring(id, meshPolygonsCommonStyle.meshPolygonsActiveColoring(id)),
+    ]);
   }
 
   return {
@@ -85,5 +73,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..7fa4f44e 100644
--- a/internal/stores/data_style/mesh/polyhedra/index.js
+++ b/internal/stores/data_style/mesh/polyhedra/index.js
@@ -1,60 +1,48 @@
 // 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)
+      const name = meshPolyhedraVertexAttributeStyle.meshPolyhedraVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPolyhedraVertexAttributeStyle.setMeshPolyhedraVertexAttributeName(
-        id,
-        name,
-      )
+      return meshPolyhedraVertexAttributeStyle.setMeshPolyhedraVertexAttributeName(id, name);
     } else if (type === "polyhedron") {
-      const name =
-        meshPolyhedraPolyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeName(
-          id,
-        )
+      const name = meshPolyhedraPolyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      await meshPolyhedraPolyhedronAttributeStyle.setMeshPolyhedraPolyhedronAttributeName(
-        id,
-        name,
-      )
+      await meshPolyhedraPolyhedronAttributeStyle.setMeshPolyhedraPolyhedronAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh polyhedra coloring type: ${type}`)
+      throw new Error(`Unknown mesh polyhedra coloring type: ${type}`);
     }
   }
 
@@ -64,11 +52,8 @@ export function useMeshPolyhedraStyle() {
         id,
         meshPolyhedraVisibility.meshPolyhedraVisibility(id),
       ),
-      setMeshPolyhedraActiveColoring(
-        id,
-        meshPolyhedraCommonStyle.meshPolyhedraActiveColoring(id),
-      ),
-    ])
+      setMeshPolyhedraActiveColoring(id, meshPolyhedraCommonStyle.meshPolyhedraActiveColoring(id)),
+    ]);
   }
 
   return {
@@ -79,5 +64,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 0bdb472b..773948e4 100644
--- a/internal/stores/data_style/model/blocks/color.js
+++ b/internal/stores/data_style/model/blocks/color.js
@@ -1,42 +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,
@@ -44,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 8b479b8d..e9b53d81 100644
--- a/internal/stores/data_style/model/blocks/visibility.js
+++ b/internal/stores/data_style/model/blocks/visibility.js
@@ -1,42 +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,
@@ -44,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 9feaa7a6..c988c778 100644
--- a/internal/stores/data_style/model/corners/color.js
+++ b/internal/stores/data_style/model/corners/color.js
@@ -1,41 +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,
@@ -43,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 2abbef34..d91c3662 100644
--- a/internal/stores/data_style/model/corners/visibility.js
+++ b/internal/stores/data_style/model/corners/visibility.js
@@ -1,42 +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,
@@ -44,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..25222241 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,63 @@ 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)
+      return modelCornersStyleStore.modelCornerVisibility(id, component_id);
     } else if (component_type === "Line") {
-      return modelLinesStyleStore.modelLineVisibility(id, component_id)
+      return modelLinesStyleStore.modelLineVisibility(id, component_id);
     } else if (component_type === "Surface") {
-      return modelSurfacesStyleStore.modelSurfaceVisibility(id, component_id)
+      return modelSurfacesStyleStore.modelSurfaceVisibility(id, component_id);
     } else if (component_type === "Block") {
-      return modelBlocksStyleStore.modelBlockVisibility(id, component_id)
+      return modelBlocksStyleStore.modelBlockVisibility(id, component_id);
     }
-    throw new Error(`Unknown model component_type: ${component_type}`)
+    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 +101,74 @@ 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,
-      )
+      return modelCornersStyleStore.setModelCornersVisibility(id, component_geode_ids, visibility);
     } else if (component_type === "Line") {
-      return modelLinesStyleStore.setModelLinesVisibility(
-        id,
-        component_geode_ids,
-        visibility,
-      )
+      return modelLinesStyleStore.setModelLinesVisibility(id, component_geode_ids, visibility);
     } else 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,
-      )
+      return modelBlocksStyleStore.setModelBlocksVisibility(id, component_geode_ids, visibility);
     } else {
-      throw new Error(`Unknown model component_type: ${component_type}`)
+      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 +186,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 9a701939..7f3e6f95 100644
--- a/internal/stores/data_style/model/lines/color.js
+++ b/internal/stores/data_style/model/lines/color.js
@@ -1,41 +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,
@@ -43,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 64fa70a8..4edbf7e3 100644
--- a/internal/stores/data_style/model/lines/visibility.js
+++ b/internal/stores/data_style/model/lines/visibility.js
@@ -1,41 +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,
@@ -43,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 06607583..d638c9f3 100644
--- a/internal/stores/data_style/model/surfaces/color.js
+++ b/internal/stores/data_style/model/surfaces/color.js
@@ -1,41 +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,
@@ -43,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..6e6ef1a2 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()
+  };
+  microservice.start_request();
   return $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 8108fcb4..6ec24e53 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,43 +1,27 @@
 // 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: {
     public: {
       API_URL: "api.geode-solutions.com",
       BACK_COMMAND: "opengeodeweb-back",
-      BACK_PATH: path.join(
-        __dirname,
-        "tests",
-        "integration",
-        "microservices",
-        "back",
-      ),
+      BACK_PATH: path.join(__dirname, "tests", "integration", "microservices", "back"),
       BROWSER: process.env.BROWSER ?? false,
       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 : "",
       VIEWER_COMMAND: "opengeodeweb-viewer",
-      VIEWER_PATH: path.join(
-        __dirname,
-        "tests",
-        "integration",
-        "microservices",
-        "viewer",
-      ),
+      VIEWER_PATH: path.join(__dirname, "tests", "integration", "microservices", "viewer"),
     },
   },
 
-  modules: [
-    ["@pinia/nuxt", { autoImports: ["defineStore", "storeToRefs"] }],
-    "@vueuse/nuxt",
-  ],
+  modules: [["@pinia/nuxt", { autoImports: ["defineStore", "storeToRefs"] }], "@vueuse/nuxt"],
   imports: {
     scan: false,
   },
@@ -76,4 +60,4 @@ export default defineNuxtConfig({
       ],
     },
   },
-})
+});
diff --git a/scripts/generate_geode_objects.js b/scripts/generate_geode_objects.js
index 91890d45..deffdaec 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 f80e69a0..7de3d949 100644
--- a/server/api/app/project_folder_path.post.js
+++ b/server/api/app/project_folder_path.post.js
@@ -1,29 +1,29 @@
 // Node imports
 
 // Third party imports
-import { createError, defineEventHandler, readBody } from "h3"
+import { createError, defineEventHandler, readBody } 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";
 
 export default defineEventHandler(async (event) => {
   try {
-    const { PROJECT } = await readBody(event)
-    const projectFolderPath = generateProjectFolderPath(PROJECT)
-    await createPath(projectFolderPath)
+    const { PROJECT } = await readBody(event);
+    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 127bf20d..06eafc47 100644
--- a/server/api/app/run_back.post.js
+++ b/server/api/app/run_back.post.js
@@ -1,33 +1,33 @@
 // 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";
 
 export default defineEventHandler(async (event) => {
   try {
-    const { BACK_COMMAND, BACK_PATH, args } = await readBody(event)
-    const port = await runBack(BACK_COMMAND, BACK_PATH, args)
+    const { BACK_COMMAND, BACK_PATH, args } = await readBody(event);
+    const port = await runBack(BACK_COMMAND, BACK_PATH, args);
     await addMicroserviceMetadatas(args.projectFolderPath, {
       type: "back",
       name: BACK_COMMAND,
       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 7fb0d3ce..2f9f3515 100644
--- a/server/api/app/run_viewer.post.js
+++ b/server/api/app/run_viewer.post.js
@@ -1,33 +1,33 @@
 // 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";
 
 export default defineEventHandler(async (event) => {
   try {
-    const { VIEWER_COMMAND, VIEWER_PATH, args } = await readBody(event)
-    const port = await runViewer(VIEWER_COMMAND, VIEWER_PATH, args)
+    const { VIEWER_COMMAND, VIEWER_PATH, args } = await readBody(event);
+    const port = await runViewer(VIEWER_COMMAND, VIEWER_PATH, args);
     await addMicroserviceMetadatas(args.projectFolderPath, {
       type: "viewer",
       name: VIEWER_COMMAND,
       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..9aa50bd3 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; // 100 MB
 
 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 47aadcc2..861536fc 100644
--- a/tests/integration/setup.js
+++ b/tests/integration/setup.js
@@ -1,41 +1,34 @@
 // 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 { useRuntimeConfig } from "nuxt/app"
+import { afterAll, beforeAll, expect, vi } from "vitest";
+import { useRuntimeConfig } from "nuxt/app";
 
 // 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/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/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 geodeStore = useGeodeStore();
+  const infraStore = useInfraStore();
+  const viewerStore = useViewerStore();
+  infraStore.app_mode = appMode.BROWSER;
   const { BACK_COMMAND, BACK_PATH, PROJECT, VIEWER_COMMAND, VIEWER_PATH } =
-    useRuntimeConfig().public
-  const projectFolderPath = generateProjectFolderPath(PROJECT)
-  await createPath(projectFolderPath)
+    useRuntimeConfig().public;
+  const projectFolderPath = generateProjectFolderPath(PROJECT);
+  await createPath(projectFolderPath);
 
   const [back_port, viewer_port] = await Promise.all([
     runBack(BACK_COMMAND, BACK_PATH, {
@@ -43,58 +36,56 @@ async function runMicroservices() {
       uploadFolderPath: data_folder,
     }),
     runViewer(VIEWER_COMMAND, VIEWER_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: BACK_COMMAND,
     port: back_port,
-  })
+  });
   await addMicroserviceMetadatas(projectFolderPath, {
     type: "viewer",
     name: VIEWER_COMMAND,
     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 2a6409d1..5c4a48fc 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/microservices"
-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/microservices";
+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("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 de379a50..be4d417a 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/microservices"
-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/microservices";
+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 e4b9e99a..4c23c58b 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/microservices"
-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/microservices";
+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 e21054b1..8ce14425 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/microservices"
-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/microservices";
+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 351291fc..ddb8a5f1 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/microservices"
-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/microservices";
+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 573d7448..aafe2a3f 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/microservices"
-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/microservices";
+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 05e9f993..b6cc2458 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/microservices"
-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/microservices";
+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 318b193b..844b127b 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/microservices"
-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/microservices";
+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 429dcb4a..fbdabbcb 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/microservices"
-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/microservices";
+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 2ea0f894..1b372373 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/microservices"
-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/microservices";
+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 abb17711..7b7ad6fc 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/microservices"
-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/microservices";
+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 856b9df5..5dce8da4 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/microservices"
-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/microservices";
+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 e13f1fe8..d81ecd97 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/microservices"
-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/microservices";
+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(); // Clear calls from setup (applyDefaultStyle)
+      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(); // Clear calls from setup (applyDefaultStyle)
+      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 1e1110f7..a016b9bf 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/microservices"
-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/microservices";
+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..9bf9a98a 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 () => {
   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..6bc8ccdf 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 = ""
+  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..3db603e5 100644
--- a/tests/unit/components/FileUploader.nuxt.test.js
+++ b/tests/unit/components/FileUploader.nuxt.test.js
@@ -1,35 +1,35 @@
 // 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 = ""
+  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 () => {
     test(`prop auto_upload false`, async () => {
@@ -38,23 +38,21 @@ describe(FileUploader, async () => {
           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..0976fbc6 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 = ""
+  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..6fc1613f 100644
--- a/tests/unit/components/Inspector/ResultPanel.nuxt.test.js
+++ b/tests/unit/components/Inspector/ResultPanel.nuxt.test.js
@@ -1,10 +1,10 @@
 // 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 () => {
   test(`Test with issues`, async () => {
@@ -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..c2e79e34 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 () => {
   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..fc64ef4d 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 () => {
   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..8f6a6f30 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([])
+    const geode_object_type = ref("BRep");
+    const files = ref([]);
     const stepper_tree = reactive({
       current_step_index: ref(0),
       geode_object_type,
@@ -29,21 +29,21 @@ describe(Step, () => {
           },
           chips: computed(() => {
             if (geode_object_type.value === "") {
-              return []
+              return [];
             } else {
-              return [geode_object_type.value]
+              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..504b7656 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,13 +26,13 @@ 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 () => {
     const invalid_schema = {
@@ -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 = {}
+    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
+        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 e89deb48..7b3f689e 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/app_mode"
-import { setupActivePinia } from "@ogw_tests/utils"
-import { useProjectManager } from "@ogw_front/composables/project_manager"
+import { appMode } from "@ogw_front/utils/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..a708b02a 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()
-  })
+    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 c2ce5ab9..b11d84b8 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/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/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 beab6a75..e4b8fe3d 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/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/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..aab11c74 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()
-})
+  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 4c7e34fb..5f82e18f 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/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/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 };

From b0ec81a311035db8d62e3fbce83c20a6fa82e3e2 Mon Sep 17 00:00:00 2001
From: MaxNumerique <144453705+MaxNumerique@users.noreply.github.com>
Date: Thu, 19 Mar 2026 09:35:09 +0000
Subject: [PATCH 6/7] Apply prepare changes

---
 .eslintrc.cjs                                 |   2 +-
 .oxlintrc.json                                |  24 +-
 app/assets/geode_objects.js                   |  52 +--
 app/components/Carousel.vue                   | 128 ++++---
 app/components/CrsSelector.vue                | 100 ++---
 app/components/DeleteDialog.vue               |  58 +--
 app/components/DragAndDrop.vue                |  76 ++--
 app/components/ExtensionSelector.vue          | 113 +++---
 app/components/FeedBack/ErrorBanner.vue       |  17 +-
 app/components/FeedBack/Snackers.vue          |  26 +-
 app/components/FetchingData.vue               |   7 +-
 app/components/FileSelector.vue               |  88 +++--
 app/components/FileUploader.vue               | 141 ++++---
 app/components/GlassCard.vue                  |  38 +-
 app/components/HybridRenderingView.vue        |  75 ++--
 app/components/InfraConnected.vue             |   6 +-
 app/components/Inspector/InspectionButton.vue |  58 +--
 app/components/Inspector/ResultPanel.vue      |  37 +-
 app/components/Launcher.vue                   |  26 +-
 app/components/Loading.vue                    | 132 +++----
 app/components/MissingFilesSelector.vue       | 126 ++++---
 app/components/ObjectSelector.vue             | 180 +++++----
 app/components/PackagesVersions.vue           |  57 +--
 app/components/Recaptcha.vue                  | 128 ++++---
 app/components/RemoteRenderingView.vue        | 213 ++++++-----
 app/components/Screenshot.vue                 |  78 ++--
 app/components/SearchBar.vue                  |  10 +-
 app/components/Step.vue                       |  81 ++--
 app/components/Stepper.vue                    |  64 ++--
 app/components/VeaseViewToolbar.vue           | 147 ++++----
 app/components/ViewToolbar.vue                |  86 +++--
 app/components/Viewer/BreadCrumb.vue          |  48 ++-
 app/components/Viewer/ContextMenu.vue         | 355 +++++++++---------
 app/components/Viewer/ContextMenuItem.vue     | 222 +++++------
 .../Viewer/EdgedCurve/PointsOptions.vue       |  15 +-
 .../EdgedCurve/SpecificEdgesOptions.vue       | 175 +++++----
 .../Viewer/Generic/Mesh/CellsOptions.vue      | 183 ++++-----
 .../Viewer/Generic/Mesh/EdgesOptions.vue      | 181 +++++----
 .../Viewer/Generic/Mesh/PointsOptions.vue     | 135 ++++---
 .../Viewer/Generic/Mesh/PolygonsOptions.vue   | 192 +++++-----
 .../Viewer/Generic/Mesh/PolyhedraOptions.vue  | 187 +++++----
 .../Viewer/Generic/Model/EdgesOptions.vue     |  42 ++-
 .../Viewer/Generic/Model/PointsOptions.vue    |  56 +--
 .../Viewer/Grid/2D/CellsOptions.vue           |  10 +-
 .../Viewer/Grid/2D/EdgesOptions.vue           |  15 +-
 .../Viewer/Grid/2D/PointsOptions.vue          |  15 +-
 .../Viewer/Grid/3D/CellsOptions.vue           |  10 +-
 .../Viewer/Grid/3D/EdgesOptions.vue           |  15 +-
 .../Viewer/Grid/3D/FacetsOptions.vue          |  10 +-
 .../Viewer/Grid/3D/PointsOptions.vue          |  15 +-
 .../Viewer/HybridSolid/EdgesOptions.vue       |  15 +-
 .../Viewer/HybridSolid/PointsOptions.vue      |  15 +-
 .../Viewer/HybridSolid/PolygonsOptions.vue    |  15 +-
 .../Viewer/HybridSolid/PolyhedraOptions.vue   |  15 +-
 .../Viewer/Options/AttributeColorBar.vue      |  16 +-
 .../Viewer/Options/AttributeSelector.vue      | 151 ++++----
 .../Viewer/Options/ColorMapList.vue           | 255 +++++++------
 .../Viewer/Options/ColorMapPicker.vue         | 270 ++++++-------
 app/components/Viewer/Options/ColorPicker.vue |  18 +-
 .../Viewer/Options/ColoringTypeSelector.vue   | 168 +++++----
 app/components/Viewer/Options/TextureItem.vue | 112 +++---
 .../Viewer/Options/TexturesSelector.vue       |  48 +--
 .../Viewer/Options/VisibilitySwitch.vue       |   2 +-
 .../Viewer/PointSet/SpecificPointsOptions.vue | 129 ++++---
 .../Viewer/PolygonalSurface/EdgesOptions.vue  |  15 +-
 .../Viewer/PolygonalSurface/PointsOptions.vue |  15 +-
 .../SpecificPolygonsOptions.vue               | 186 +++++----
 app/components/Viewer/Solid/EdgesOptions.vue  |  15 +-
 app/components/Viewer/Solid/PointsOptions.vue |  15 +-
 .../Viewer/Solid/PolygonsOptions.vue          |  15 +-
 .../Viewer/Solid/SpecificPolyhedraOptions.vue | 187 +++++----
 .../TetrahedralSolid/TetrahedraOptions.vue    |  10 +-
 .../TetrahedralSolid/TrianglesOptions.vue     |  10 +-
 app/components/Viewer/Tree/ObjectTree.vue     | 169 +++++----
 app/components/Viewer/TreeComponent.vue       |  92 ++---
 app/components/Viewer/TreeObject.vue          |  98 ++---
 .../TriangulatedSurface/EdgesOptions.vue      |  15 +-
 .../TriangulatedSurface/PointsOptions.vue     |  10 +-
 .../TriangulatedSurface/TrianglesOptions.vue  |  10 +-
 app/components/Wrapper.vue                    |  16 +-
 app/components/ZScaling.vue                   |  45 ++-
 app/composables/project_manager.js            | 124 +++---
 ...n_function_when_microservices_connected.js |  16 +-
 app/plugins/auto_store_register.js            |  24 +-
 app/stores/app.js                             | 235 ++++++------
 app/stores/data.js                            | 120 +++---
 app/stores/data_style.js                      |  72 ++--
 app/stores/feedback.js                        |  33 +-
 app/stores/geode.js                           | 116 +++---
 app/stores/hybrid_viewer.js                   | 334 ++++++++--------
 app/stores/infra.js                           |  98 ++---
 app/stores/lambda.js                          |  50 +--
 app/stores/menu.js                            | 163 ++++----
 app/stores/treeview.js                        | 118 +++---
 app/stores/viewer.js                          | 205 +++++-----
 app/utils/app_mode.js                         |  12 +-
 app/utils/colormap.js                         |   6 +-
 app/utils/config.js                           |  38 +-
 app/utils/default_styles.js                   | 112 +++---
 app/utils/extension.js                        |  90 ++---
 app/utils/file_import_workflow.js             | 116 +++---
 app/utils/local/microservices.js              | 212 ++++++-----
 app/utils/local/path.js                       |  70 ++--
 app/utils/local/scripts.js                    |  42 +--
 app/utils/recaptcha.js                        |  12 +-
 app/utils/server.js                           |  40 +-
 app/utils/status.js                           |   4 +-
 app/utils/treeview.js                         |   8 +-
 app/utils/validate_schema.js                  |  14 +-
 commitlint.config.js                          |   4 +-
 eslint.config.js                              |   8 +-
 internal/database/database.js                 |  82 ++--
 internal/database/extended_database.js        |  19 +-
 internal/database/tables/data.js              |   5 +-
 internal/database/tables/model_components.js  |   2 +-
 .../tables/model_components_relation.js       |   2 +-
 internal/stores/data_style/mesh/cells/cell.js | 110 +++---
 .../stores/data_style/mesh/cells/color.js     |  27 +-
 .../stores/data_style/mesh/cells/common.js    |  12 +-
 .../stores/data_style/mesh/cells/index.js     |  73 ++--
 .../stores/data_style/mesh/cells/textures.js  |  23 +-
 .../stores/data_style/mesh/cells/vertex.js    | 105 +++---
 .../data_style/mesh/cells/visibility.js       |  27 +-
 .../stores/data_style/mesh/edges/color.js     |  27 +-
 .../stores/data_style/mesh/edges/common.js    |  12 +-
 internal/stores/data_style/mesh/edges/edge.js | 110 +++---
 .../stores/data_style/mesh/edges/index.js     |  78 ++--
 .../stores/data_style/mesh/edges/vertex.js    | 105 +++---
 .../data_style/mesh/edges/visibility.js       |  27 +-
 .../stores/data_style/mesh/edges/width.js     |  27 +-
 internal/stores/data_style/mesh/index.js      |  68 ++--
 .../stores/data_style/mesh/points/color.js    |  27 +-
 .../stores/data_style/mesh/points/common.js   |  12 +-
 .../stores/data_style/mesh/points/index.js    |  73 ++--
 .../stores/data_style/mesh/points/size.js     |  27 +-
 .../stores/data_style/mesh/points/vertex.js   | 105 +++---
 .../data_style/mesh/points/visibility.js      |  27 +-
 .../stores/data_style/mesh/polygons/color.js  |  27 +-
 .../stores/data_style/mesh/polygons/common.js |  12 +-
 .../stores/data_style/mesh/polygons/index.js  |  70 ++--
 .../data_style/mesh/polygons/polygon.js       | 101 ++---
 .../data_style/mesh/polygons/textures.js      |  27 +-
 .../stores/data_style/mesh/polygons/vertex.js | 105 +++---
 .../data_style/mesh/polygons/visibility.js    |  27 +-
 .../stores/data_style/mesh/polyhedra/color.js |  27 +-
 .../data_style/mesh/polyhedra/common.js       |  12 +-
 .../stores/data_style/mesh/polyhedra/index.js |  63 ++--
 .../data_style/mesh/polyhedra/polyhedron.js   |  90 ++---
 .../data_style/mesh/polyhedra/vertex.js       | 105 +++---
 .../data_style/mesh/polyhedra/visibility.js   |  28 +-
 .../stores/data_style/model/blocks/color.js   |  48 +--
 .../stores/data_style/model/blocks/common.js  |  12 +-
 .../stores/data_style/model/blocks/index.js   |  30 +-
 .../data_style/model/blocks/visibility.js     |  48 +--
 .../stores/data_style/model/corners/color.js  |  48 +--
 .../stores/data_style/model/corners/common.js |  12 +-
 .../stores/data_style/model/corners/index.js  |  32 +-
 .../data_style/model/corners/visibility.js    |  49 +--
 .../stores/data_style/model/edges/common.js   |   8 +-
 .../stores/data_style/model/edges/index.js    |  14 +-
 .../data_style/model/edges/visibility.js      |  26 +-
 internal/stores/data_style/model/index.js     | 163 ++++----
 .../stores/data_style/model/lines/color.js    |  48 +--
 .../stores/data_style/model/lines/common.js   |  12 +-
 .../stores/data_style/model/lines/index.js    |  30 +-
 .../data_style/model/lines/visibility.js      |  48 +--
 .../stores/data_style/model/points/common.js  |   8 +-
 .../stores/data_style/model/points/index.js   |  18 +-
 .../stores/data_style/model/points/size.js    |  22 +-
 .../data_style/model/points/visibility.js     |  26 +-
 .../stores/data_style/model/surfaces/color.js |  48 +--
 .../data_style/model/surfaces/common.js       |  12 +-
 .../stores/data_style/model/surfaces/index.js |  36 +-
 .../data_style/model/surfaces/visibility.js   |  40 +-
 internal/stores/data_style/state.js           |  22 +-
 internal/utils/api_fetch.js                   |  58 +--
 internal/utils/upload_file.js                 |  41 +-
 internal/utils/viewer_call.js                 |  59 +--
 nuxt.config.js                                |  34 +-
 scripts/generate_geode_objects.js             |  30 +-
 server/api/app/kill.post.js                   |   8 +-
 server/api/app/project_folder_path.post.js    |  18 +-
 server/api/app/run_back.post.js               |  18 +-
 server/api/app/run_viewer.post.js             |  18 +-
 server/api/extensions/run.post.js             |  75 ++--
 server/api/extensions/upload.put.js           | 110 +++---
 tests/integration/setup.js                    |  97 ++---
 .../stores/data_style/mesh/cells.nuxt.test.js | 204 +++++-----
 .../stores/data_style/mesh/edges.nuxt.test.js | 188 ++++++----
 .../stores/data_style/mesh/index.nuxt.test.js |  79 ++--
 .../data_style/mesh/points.nuxt.test.js       | 186 ++++-----
 .../data_style/mesh/polygons.nuxt.test.js     | 202 +++++-----
 .../data_style/mesh/polyhedra.nuxt.test.js    | 186 +++++----
 .../data_style/model/blocks.nuxt.test.js      | 129 ++++---
 .../data_style/model/corners.nuxt.test.js     | 135 ++++---
 .../data_style/model/edges.nuxt.test.js       |  81 ++--
 .../data_style/model/index.nuxt.test.js       |  65 ++--
 .../data_style/model/lines.nuxt.test.js       | 133 ++++---
 .../data_style/model/points.nuxt.test.js      | 107 +++---
 .../data_style/model/surfaces.nuxt.test.js    | 139 ++++---
 tests/integration/stores/viewer.nuxt.test.js  |  71 ++--
 tests/setup_indexeddb.js                      |   4 +-
 .../unit/components/CrsSelector.nuxt.test.js  |  56 +--
 .../components/ExtensionSelector.nuxt.test.js |  68 ++--
 .../FeedBack/ErrorsBanner.nuxt.test.js        |  46 +--
 .../components/FeedBack/Snackers.nuxt.test.js |  34 +-
 .../unit/components/FileSelector.nuxt.test.js | 114 +++---
 .../unit/components/FileUploader.nuxt.test.js |  70 ++--
 .../Inspector/InspectionButton.nuxt.test.js   |  54 +--
 .../Inspector/ResultPanel.nuxt.test.js        |  47 +--
 tests/unit/components/Launcher.nuxt.test.js   |  40 +-
 .../MissingFilesSelector.nuxt.test.js         |  74 ++--
 .../components/ObjectSelector.nuxt.test.js    | 124 +++---
 .../components/PackagesVersions.nuxt.test.js  |  30 +-
 tests/unit/components/Step.nuxt.test.js       |  34 +-
 tests/unit/components/Stepper.nuxt.test.js    |  36 +-
 tests/unit/composables/api_fetch.nuxt.test.js |  64 ++--
 .../composables/project_manager.nuxt.test.js  | 205 +++++-----
 ..._when_microservices_connected.nuxt.test.js |  70 ++--
 .../unit/composables/upload_file.nuxt.test.js |  56 +--
 tests/unit/plugins/project_load.nuxt.test.js  |  64 ++--
 tests/unit/stores/app.nuxt.test.js            | 182 ++++-----
 tests/unit/stores/feedback.nuxt.test.js       | 104 ++---
 tests/unit/stores/geode.nuxt.test.js          | 226 +++++------
 tests/unit/stores/infra.nuxt.test.js          | 296 +++++++--------
 tests/unit/stores/lambda.nuxt.test.js         | 144 +++----
 tests/unit/stores/treeview.nuxt.test.js       |  40 +-
 tests/unit/stores/viewer.nuxt.test.js         | 231 ++++++------
 tests/unit/utils/recaptcha.nuxt.test.js       |  54 +--
 tests/unit/utils/validate_schema.nuxt.test.js |  34 +-
 tests/utils.js                                |  22 +-
 tests/vitest.config.js                        |  18 +-
 vuetify_config.js                             |   4 +-
 233 files changed, 9087 insertions(+), 7698 deletions(-)

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 0fae25cc..8ad75e57 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 1aeb1022..728bd785 100644
--- a/.oxlintrc.json
+++ b/.oxlintrc.json
@@ -25,7 +25,22 @@
     "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
       }
     ],
@@ -64,7 +79,12 @@
       }
     },
     {
-      "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 73538210..899bf6e9 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 3ed6ae89..9c37610d 100644
--- a/app/components/Carousel.vue
+++ b/app/components/Carousel.vue
@@ -1,54 +1,58 @@
 <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;
+  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
+        }
       }
-      case "sm": {
-        nb_items_to_display.value = 2;
-        break;
-      }
-      default: {
-        nb_items_to_display.value = 3;
-        break;
-      }
-    }
-  },
-  {
-    immediate: true,
-  },
-);
+    },
+    {
+      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>
@@ -62,28 +66,28 @@ const carrousel_settings = reactive({
 </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 a75407f4..70712996 100644
--- a/app/components/CrsSelector.vue
+++ b/app/components/CrsSelector.vue
@@ -1,63 +1,67 @@
 <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();
-}
+  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",
-  },
-  { title: "Code", align: "end", key: "code" },
-  { title: "Name", align: "end", key: "name" },
-];
+  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 4a0872fb..2533aa5d 100644
--- a/app/components/DeleteDialog.vue
+++ b/app/components/DeleteDialog.vue
@@ -1,29 +1,39 @@
 <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>
 
@@ -65,8 +75,14 @@ const emit = defineEmits(["update:show", "confirm"]);
     </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 c56e5517..a9bdb0dc 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,7 +60,9 @@ function handleFileSelect(event) {
       <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"
@@ -79,7 +81,11 @@ function handleFileSelect(event) {
           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>
 
@@ -101,16 +107,16 @@ function handleFileSelect(event) {
 </template>
 
 <style scoped>
-.rotating {
-  animation: rotate 1s linear infinite;
-}
-
-@keyframes rotate {
-  from {
-    transform: rotate(0deg);
+  .rotating {
+    animation: rotate 1s linear infinite;
   }
-  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 2664adfb..4fdbc3e9 100644
--- a/app/components/ExtensionSelector.vue
+++ b/app/components/ExtensionSelector.vue
@@ -1,74 +1,85 @@
 <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>
@@ -90,7 +101,9 @@ await get_output_file_extensions();
                       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 e78a9ddb..b3a045ec 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,13 +20,16 @@ function reload() {
           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 c3785653..91a17171 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,7 +40,9 @@ function calc_margin(index) {
           </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">
@@ -73,7 +75,7 @@ function calc_margin(index) {
 </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 2bf25086..6f8488aa 100644
--- a/app/components/FetchingData.vue
+++ b/app/components/FetchingData.vue
@@ -2,7 +2,12 @@
   <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 cfbfe039..ed325c5c 100644
--- a/app/components/FileSelector.vue
+++ b/app/components/FileSelector.vue
@@ -1,57 +1,63 @@
 <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 6438e574..5cc40f1f 100644
--- a/app/components/FileUploader.vue
+++ b/app/components/FileUploader.vue
@@ -1,72 +1,74 @@
 <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();
-}
-
-if (files.length > 0) {
-  internal_files.value = files;
-  if (auto_upload) {
-    upload_files();
+
+  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()
   }
-}
-
-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();
+
+  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()
+    }
+  })
 </script>
 
 <template>
@@ -81,8 +83,15 @@ watch(internal_files, (value) => {
   <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>
@@ -102,13 +111,18 @@ watch(internal_files, (value) => {
         <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"
@@ -120,7 +134,10 @@ watch(internal_files, (value) => {
       @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 a5dd6353..763f2a1e 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 @@ const isInteractive = computed(() => Boolean(attrs.onClick));
 </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 82561e8c..f1bde200 100644
--- a/app/components/HybridRenderingView.vue
+++ b/app/components/HybridRenderingView.vue
@@ -1,47 +1,48 @@
 <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);
+  function debounce(func, wait) {
+    let timeout = undefined
+    return function executedFunction(...args) {
+      function later() {
+        clearTimeout(timeout)
+        func(...args)
+      }
+      clearTimeout(timeout)
+      timeout = setTimeout(later, wait)
     }
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-  };
-}
+  }
 </script>
 
 <template>
@@ -61,7 +62,7 @@ function debounce(func, wait) {
 </template>
 
 <style>
-img {
-  pointer-events: none;
-}
+  img {
+    pointer-events: none;
+  }
 </style>
diff --git a/app/components/InfraConnected.vue b/app/components/InfraConnected.vue
index 3c7623a8..d6246235 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 c310855f..f369ef29 100644
--- a/app/components/Inspector/InspectionButton.vue
+++ b/app/components/Inspector/InspectionButton.vue
@@ -1,34 +1,38 @@
 <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 40c8e570..ade09dc8 100644
--- a/app/components/Inspector/ResultPanel.vue
+++ b/app/components/Inspector/ResultPanel.vue
@@ -1,22 +1,26 @@
 <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">
@@ -31,10 +35,17 @@ onMounted(() => {
           </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 4d63e7f5..297bb88b 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 6df97945..d1511310 100644
--- a/app/components/Loading.vue
+++ b/app/components/Loading.vue
@@ -1,78 +1,84 @@
 <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 f81a3b89..d6cd548d 100644
--- a/app/components/MissingFilesSelector.vue
+++ b/app/components/MissingFilesSelector.vue
@@ -1,65 +1,75 @@
 <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;
+    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,
+      ]
     }
-    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");
+    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()
   }
-  toggle_loading();
-}
 
-await missing_files();
+  await missing_files()
 </script>
 
 <template>
@@ -79,17 +89,27 @@ await missing_files();
         <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 4b4ec9da..d74e9fe6 100644
--- a/app/components/ObjectSelector.vue
+++ b/app/components/ObjectSelector.vue
@@ -1,90 +1,105 @@
 <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];
+  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
   }
-  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);
+    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)
+    }
+    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>
@@ -125,7 +140,10 @@ await get_allowed_objects();
     <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
@@ -135,12 +153,12 @@ await get_allowed_objects();
 </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 5f3c2339..119500d7 100644
--- a/app/components/PackagesVersions.vue
+++ b/app/components/PackagesVersions.vue
@@ -1,43 +1,46 @@
 <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 a3ee6580..cc5501d2 100644
--- a/app/components/Recaptcha.vue
+++ b/app/components/Recaptcha.vue
@@ -1,65 +1,68 @@
 <script setup>
-import { appMode } from "@ogw_front/utils/app_mode";
-import { useInfraStore } from "@ogw_front/stores/infra";
+  import { appMode } from "@ogw_front/utils/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.";
-  },
-];
+  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 });
+  onMounted(() => {
+    if (import.meta.client) {
+      if (
+        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,
+    })
   }
-});
-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>
@@ -74,7 +77,12 @@ async function submit_recaptcha() {
           </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>
@@ -88,7 +96,11 @@ async function submit_recaptcha() {
   </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 37391365..baa1527c 100644
--- a/app/components/RemoteRenderingView.vue
+++ b/app/components/RemoteRenderingView.vue
@@ -1,102 +1,105 @@
 <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);
-}
-
-function resize() {
-  if (view) {
-    view.getCanvasView().setSize(0, 0);
-    view.resize();
+
+  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)
   }
-}
-
-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;
+  function resize() {
+    if (view) {
+      view.getCanvasView().setSize(0, 0)
+      view.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();
+
+  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()
   }
-});
+
+  onMounted(async () => {
+    if (import.meta.client) {
+      window.addEventListener("resize", resize)
+      await nextTick()
+      view.setContainer(viewer.value.$el)
+      connect()
+      resize()
+    }
+  })
 </script>
 
 <template>
@@ -106,7 +109,13 @@ onMounted(async () => {
       <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)"
@@ -116,12 +125,12 @@ onMounted(async () => {
 </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 64ee8122..f1f453e9 100644
--- a/app/components/Screenshot.vue
+++ b/app/components/Screenshot.vue
@@ -1,46 +1,50 @@
 <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,
-    },
-    {
-      response_function: (response) => {
-        fileDownload(response.blob, `${filename.value}.${output_extension.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,
       },
-    },
-  );
-  emit("close");
-}
-
-watch(output_extension, (value) => {
-  if (value !== "png") {
-    include_background.value = true;
+      {
+        response_function: (response) => {
+          fileDownload(
+            response.blob,
+            `${filename.value}.${output_extension.value}`,
+          )
+        },
+      },
+    )
+    emit("close")
   }
-});
+
+  watch(output_extension, (value) => {
+    if (value !== "png") {
+      include_background.value = true
+    }
+  })
 </script>
 <template>
   <GlassCard
@@ -85,7 +89,9 @@ watch(output_extension, (value) => {
 
     <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 f55a203d..52f57655 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 d4499944..b95b4c9b 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)}...`;
+  function truncate(text, maxLength) {
+    if (text.length > maxLength) {
+      return `${text.slice(0, maxLength)}...`
+    }
+    return text
   }
-  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;
-  }
-});
+  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;
+  function update_values_event(keys_values_object) {
+    for (const [key, value] of Object.entries(keys_values_object)) {
+      stepper_tree[key] = value
+    }
   }
-}
 
-function increment_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;
-}
+  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,11 +54,18 @@ const sortedChips = computed(() => {
     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 3556b91c..e93a5b4d 100644
--- a/app/components/Stepper.vue
+++ b/app/components/Stepper.vue
@@ -1,19 +1,25 @@
 <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>
 
@@ -34,31 +40,31 @@ const { steps, current_step_index } = toRefs(stepper_tree);
 </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 dbba0d16..b99fdfc1 100644
--- a/app/components/VeaseViewToolbar.vue
+++ b/app/components/VeaseViewToolbar.vue
@@ -1,80 +1,84 @@
 <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"
@@ -88,15 +92,20 @@ const camera_options = [
     </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 6530d84a..ccfe7316 100644
--- a/app/components/ViewToolbar.vue
+++ b/app/components/ViewToolbar.vue
@@ -1,49 +1,53 @@
 <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"
@@ -60,11 +64,11 @@ const camera_options = [
 </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 04620f78..19f7a5e6 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,12 +21,22 @@ const metaDatas = dataStore.refItem(model_id.value);
     <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 }})
@@ -36,16 +46,18 @@ const metaDatas = dataStore.refItem(model_id.value);
 
       <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 d083cf96..43b6d2bf 100644
--- a/app/components/Viewer/ContextMenu.vue
+++ b/app/components/Viewer/ContextMenu.vue
@@ -1,156 +1,159 @@
 <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) => {
+  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) => {
     if (!isDragging.value) {
-      return;
+      return
     }
-    handleDrag(event);
-  },
-  { passive: true },
-);
-
-useEventListener(globalThis, "mouseup", (event) => {
-  if (!isDragging.value) {
-    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()
   }
-  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 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),
+    }
   }
-  if (angle >= ANGLE_45 && angle < ANGLE_135) {
-    return "top";
+
+  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_135 && angle < ANGLE_225) {
-    return "left";
+
+  function stopDrag(event) {
+    isDragging.value = false
+    event.stopPropagation()
+    menuStore.setMenuPosition(menuX.value, menuY.value)
   }
-  return "bottom";
-}
 
-function getTooltipOrigin(index) {
-  const angle = (index / menuItemCount.value) * FULL_ANGLE;
-  if (angle < ANGLE_45 || angle >= ANGLE_315) {
-    return "left";
+  function getMenuStyle() {
+    return {
+      position: "fixed",
+      left: `${menuStore.containerLeft + menuX.value - RADIUS}px`,
+      top: `${menuStore.containerTop + menuY.value - RADIUS}px`,
+      zIndex: Z_INDEX_MENU,
+    }
   }
-  if (angle >= ANGLE_45 && angle < ANGLE_135) {
-    return "bottom";
+
+  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_135 && angle < ANGLE_225) {
-    return "right";
+
+  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,
+    }
   }
-  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>
@@ -188,38 +191,38 @@ function getItemStyle(index) {
 </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 7b23be4f..78583635 100644
--- a/app/components/Viewer/ContextMenuItem.vue
+++ b/app/components/Viewer/ContextMenuItem.vue
@@ -1,68 +1,80 @@
 <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 {};
+  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)
   }
-  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
@@ -106,49 +118,49 @@ function toggleOptions() {
 </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 79386f60..a6e412f4 100644
--- a/app/components/Viewer/EdgedCurve/PointsOptions.vue
+++ b/app/components/Viewer/EdgedCurve/PointsOptions.vue
@@ -1,12 +1,15 @@
 <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 1ff13fdd..578a5484 100644
--- a/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
+++ b/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
@@ -1,91 +1,102 @@
 <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 df68fde4..44bb3c98 100644
--- a/app/components/Viewer/Generic/Mesh/CellsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/CellsOptions.vue
@@ -1,96 +1,111 @@
 <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 193aeaa4..f2cc6289 100644
--- a/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
@@ -1,95 +1,110 @@
 <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 c098f274..cb9955a0 100644
--- a/app/components/Viewer/Generic/Mesh/PointsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PointsOptions.vue
@@ -1,74 +1,85 @@
 <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 69976067..05632f9d 100644
--- a/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue
@@ -1,96 +1,120 @@
 <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 895e47ee..a59dd5f6 100644
--- a/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue
@@ -1,93 +1,114 @@
 <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">
@@ -100,7 +121,9 @@ const polyhedron_attribute_color_map = computed({
           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 9bd2201c..633075cd 100644
--- a/app/components/Viewer/Generic/Model/EdgesOptions.vue
+++ b/app/components/Viewer/Generic/Model/EdgesOptions.vue
@@ -1,31 +1,35 @@
 <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 bbd728ff..bafd92fb 100644
--- a/app/components/Viewer/Generic/Model/PointsOptions.vue
+++ b/app/components/Viewer/Generic/Model/PointsOptions.vue
@@ -1,38 +1,42 @@
 <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 076b804b..f69f25ac 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 dc62d07a..78950f55 100644
--- a/app/components/Viewer/Grid/2D/EdgesOptions.vue
+++ b/app/components/Viewer/Grid/2D/EdgesOptions.vue
@@ -1,12 +1,15 @@
 <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 f970998d..eb3d20a4 100644
--- a/app/components/Viewer/Grid/2D/PointsOptions.vue
+++ b/app/components/Viewer/Grid/2D/PointsOptions.vue
@@ -1,12 +1,15 @@
 <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 22a498e1..66896ed7 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 ca44df68..d305adc7 100644
--- a/app/components/Viewer/Grid/3D/EdgesOptions.vue
+++ b/app/components/Viewer/Grid/3D/EdgesOptions.vue
@@ -1,12 +1,15 @@
 <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 c65c089a..974a9893 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 f957e4d8..923b9de0 100644
--- a/app/components/Viewer/Grid/3D/PointsOptions.vue
+++ b/app/components/Viewer/Grid/3D/PointsOptions.vue
@@ -1,12 +1,15 @@
 <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 3bf505cd..35eda702 100644
--- a/app/components/Viewer/HybridSolid/EdgesOptions.vue
+++ b/app/components/Viewer/HybridSolid/EdgesOptions.vue
@@ -1,12 +1,15 @@
 <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 cb1576a3..8c69f9b9 100644
--- a/app/components/Viewer/HybridSolid/PointsOptions.vue
+++ b/app/components/Viewer/HybridSolid/PointsOptions.vue
@@ -1,12 +1,15 @@
 <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 a029a9b0..1a1dfda8 100644
--- a/app/components/Viewer/HybridSolid/PolygonsOptions.vue
+++ b/app/components/Viewer/HybridSolid/PolygonsOptions.vue
@@ -1,12 +1,15 @@
 <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 1165b295..3b4786c0 100644
--- a/app/components/Viewer/HybridSolid/PolyhedraOptions.vue
+++ b/app/components/Viewer/HybridSolid/PolyhedraOptions.vue
@@ -1,12 +1,15 @@
 <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 c3e82411..d4340a3f 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 @@ const colorMap = defineModel("colorMap", { type: String });
 </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 543d99e5..c35f7e03 100644
--- a/app/components/Viewer/Options/AttributeSelector.vue
+++ b/app/components/Viewer/Options/AttributeSelector.vue
@@ -1,91 +1,96 @@
 <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 ae518730..dcfcb968 100644
--- a/app/components/Viewer/Options/ColorMapList.vue
+++ b/app/components/Viewer/Options/ColorMapList.vue
@@ -1,117 +1,127 @@
 <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 });
+  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)
       }
-    } else if (item.Name.toLowerCase().includes(term)) {
-      result.push(item);
     }
-  }
-  return result;
-});
+    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;
+  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)
   }
-  ctx.putImageData(imageData, 0, 0);
-}
 
-function processChunk(entries, index, jobId) {
-  if (jobId !== renderJobId.value || index >= entries.length) {
-    if (jobId === renderJobId.value) {
-      loading.value = false;
+  function processChunk(entries, index, jobId) {
+    if (jobId !== renderJobId.value || index >= entries.length) {
+      if (jobId === renderJobId.value) {
+        loading.value = false
+      }
+      return
+    }
+
+    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)
     }
-    return;
+    const ZERO = 0
+    setTimeout(() => processChunk(entries, end, jobId), ZERO)
   }
 
-  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 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 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);
+
+  onMounted(drawAllCanvases)
+  watch(filteredPresets, drawAllCanvases)
 </script>
 
 <template>
@@ -156,7 +166,11 @@ watch(filteredPresets, drawAllCanvases);
       <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
@@ -167,9 +181,13 @@ watch(filteredPresets, drawAllCanvases);
             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"
@@ -178,9 +196,16 @@ watch(filteredPresets, drawAllCanvases);
           </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"
@@ -195,18 +220,18 @@ watch(filteredPresets, drawAllCanvases);
 </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 d1b06d78..87651175 100644
--- a/app/components/Viewer/Options/ColorMapPicker.vue
+++ b/app/components/Viewer/Options/ColorMapPicker.vue
@@ -1,122 +1,131 @@
 <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;
-  }
+  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;
+    const canvas = lutCanvas.value
+    const ctx = canvas.getContext("2d")
+    const { height, width } = canvas
 
-  const lut = newInstance();
-  const rgbPoints = preset.RGBPoints;
+    const lut = newInstance()
+    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],
-    );
-  }
+    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 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;
+    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)
   }
-  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;
-    }
-  },
-);
+
+  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>
@@ -133,7 +142,12 @@ watch(
         <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>
 
@@ -142,19 +156,19 @@ watch(
 </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 cead3408..8beba690 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 53959bf0..4a140cf6 100644
--- a/app/components/Viewer/Options/ColoringTypeSelector.vue
+++ b/app/components/Viewer/Options/ColoringTypeSelector.vue
@@ -1,94 +1,102 @@
 <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 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 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 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">
@@ -96,7 +104,11 @@ watch(coloring_style_label, (value) => {
     <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
@@ -158,7 +170,9 @@ watch(coloring_style_label, (value) => {
               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 25d2ae08..054e90f4 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;
-      },
-    },
-  );
-}
-
-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,
-        },
-      },
+  function getTextureCoordinates() {
+    geodeStore.request(
+      back_schemas.opengeodeweb_back.texture_coordinates,
+      { id: id },
       {
         response_function: (response) => {
-          texture_id.value = response.id;
+          texture_coordinates.value = response.texture_coordinates
         },
       },
-    );
+    )
   }
-}
 
-watch(texture_name, (value) => {
-  emit("update_value", { key: "texture_name", value });
-});
+  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
+          },
+        },
+      )
+    }
+  }
+
+  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,6 +100,10 @@ watch(texture_id, (value) => {
     </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 1e59536f..31a303cd 100644
--- a/app/components/Viewer/Options/TexturesSelector.vue
+++ b/app/components/Viewer/Options/TexturesSelector.vue
@@ -1,35 +1,39 @@
 <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 8bc31182..a3f178e9 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 f68383c7..1f32ebb3 100644
--- a/app/components/Viewer/PointSet/SpecificPointsOptions.vue
+++ b/app/components/Viewer/PointSet/SpecificPointsOptions.vue
@@ -1,70 +1,77 @@
 <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 3b439247..f955ef62 100644
--- a/app/components/Viewer/PolygonalSurface/EdgesOptions.vue
+++ b/app/components/Viewer/PolygonalSurface/EdgesOptions.vue
@@ -1,12 +1,15 @@
 <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 3c6ad686..fab10dab 100644
--- a/app/components/Viewer/PolygonalSurface/PointsOptions.vue
+++ b/app/components/Viewer/PolygonalSurface/PointsOptions.vue
@@ -1,12 +1,15 @@
 <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 3aef9dad..3110341d 100644
--- a/app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue
+++ b/app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue
@@ -1,92 +1,112 @@
 <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 c270dc25..7c6165aa 100644
--- a/app/components/Viewer/Solid/EdgesOptions.vue
+++ b/app/components/Viewer/Solid/EdgesOptions.vue
@@ -1,12 +1,15 @@
 <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 465ed053..cc73b3f2 100644
--- a/app/components/Viewer/Solid/PointsOptions.vue
+++ b/app/components/Viewer/Solid/PointsOptions.vue
@@ -1,12 +1,15 @@
 <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 7c33dc97..8b73cd48 100644
--- a/app/components/Viewer/Solid/PolygonsOptions.vue
+++ b/app/components/Viewer/Solid/PolygonsOptions.vue
@@ -1,12 +1,15 @@
 <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 0bc177c4..94dd69cb 100644
--- a/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
+++ b/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
@@ -1,92 +1,113 @@
 <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">
@@ -99,7 +120,9 @@ const polyhedron_attribute_color_map = computed({
           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 4df9c9f4..d94a2b70 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 d47be44f..38a071ce 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 ce2fff80..57ae2ed5 100644
--- a/app/components/Viewer/Tree/ObjectTree.vue
+++ b/app/components/Viewer/Tree/ObjectTree.vue
@@ -1,31 +1,34 @@
 <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 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 stopResize() {
-    document.removeEventListener("mousemove", resize);
-    document.removeEventListener("mouseup", stopResize);
-    document.body.style.userSelect = "";
-  }
-  document.addEventListener("mousemove", resize);
-  document.addEventListener("mouseup", stopResize);
-}
 </script>
 
 <template>
@@ -35,9 +38,15 @@ function onResizeStart(event) {
     @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 />
@@ -64,69 +73,69 @@ function onResizeStart(event) {
 </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 7e4fa0ec..544b9a7b 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -1,44 +1,48 @@
 <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>
@@ -53,7 +57,9 @@ watch(
     <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>
@@ -61,16 +67,16 @@ watch(
 </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 2ddcfb55..e0b2d120 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;
-}
-
-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 isLeafNode(item) {
+    return !item.children || item.children.length === 0
+  }
 
-function isModel(item) {
-  return item.viewer_type === "model";
-}
+  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()
+    },
+  )
 
-onMounted(() => {
-  const savedSelection = treeviewStore.selection;
-  if (savedSelection && savedSelection.length > 0) {
-    treeviewStore.selection = savedSelection;
+  function isModel(item) {
+    return item.viewer_type === "model"
   }
-});
+
+  onMounted(() => {
+    const savedSelection = treeviewStore.selection
+    if (savedSelection && savedSelection.length > 0) {
+      treeviewStore.selection = savedSelection
+    }
+  })
 </script>
 
 <template>
@@ -58,7 +58,9 @@ onMounted(() => {
       <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 }}
@@ -80,16 +82,16 @@ onMounted(() => {
 </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 3113b20c..4fd000e7 100644
--- a/app/components/Viewer/TriangulatedSurface/EdgesOptions.vue
+++ b/app/components/Viewer/TriangulatedSurface/EdgesOptions.vue
@@ -1,12 +1,15 @@
 <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 ae2d4199..c84d0976 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 095b08cf..f6ee2916 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 12724f62..36e39754 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 b55c55fe..b79c020e 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,7 +23,14 @@ const emit = defineEmits(["close"]);
       <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>
@@ -46,22 +53,24 @@ const emit = defineEmits(["close"]);
     <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 aeae3437..120fc82a 100644
--- a/app/composables/project_manager.js
+++ b/app/composables/project_manager.js
@@ -1,100 +1,110 @@
-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 0248f220..62ffc49e 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 56a71cb4..026e97f3 100644
--- a/app/plugins/auto_store_register.js
+++ b/app/plugins/auto_store_register.js
@@ -1,26 +1,28 @@
-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 c8c31717..bb9b2eee 100644
--- a/app/stores/app.js
+++ b/app/stores/app.js
@@ -1,128 +1,139 @@
-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);
+      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);
+        await extensionModule.install(extensionAPI.value, backendPath)
 
         const extensionData = {
           module: extensionModule,
@@ -132,119 +143,129 @@ export const useAppStore = defineStore("app", () => {
           loadedAt: new Date().toISOString(),
           metadata: extensionModule.metadata,
           enabled: true,
-        };
-        loadedExtensions.value.set(extensionId, extensionData);
+        }
+        loadedExtensions.value.set(extensionId, extensionData)
 
-        console.log(`[AppStore] Extension loaded successfully: ${extensionId}`);
-        return extensionModule;
+        console.log(`[AppStore] Extension loaded successfully: ${extensionId}`)
+        return extensionModule
       } else {
-        throw new Error("Extension must export an install function");
+        throw new Error("Extension must export an install function")
       }
     } 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 { PROJECT } = useRuntimeConfig().public;
+    const { PROJECT } = useRuntimeConfig().public
     const schema = {
       $id: "/api/app/project_folder_path",
       methods: ["POST"],
@@ -254,17 +275,17 @@ export const useAppStore = defineStore("app", () => {
       },
       required: ["PROJECT"],
       additionalProperties: true,
-    };
-    const params = { PROJECT };
+    }
+    const params = { PROJECT }
 
-    console.log(createProjectFolder.name, { PROJECT });
+    console.log(createProjectFolder.name, { PROJECT })
 
     return request(schema, params, {
       response_function: async (response) => {
-        console.log(`[APP] ${response.projectFolderPath} created`);
-        projectFolderPath.value = response.projectFolderPath;
+        console.log(`[APP] ${response.projectFolderPath} created`)
+        projectFolderPath.value = response.projectFolderPath
       },
-    });
+    })
   }
 
   return {
@@ -289,5 +310,5 @@ export const useAppStore = defineStore("app", () => {
     createProjectFolder,
     start_request,
     stop_request,
-  };
-});
+  }
+})
diff --git a/app/stores/data.js b/app/stores/data.js
index 62bd60ae..90f66c4c 100644
--- a/app/stores/data.js
+++ b/app/stores/data.js
@@ -1,51 +1,53 @@
 // 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)
       }
     }
 
@@ -59,20 +61,22 @@ 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) {
@@ -84,12 +88,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({
@@ -98,16 +102,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({
@@ -115,81 +119,93 @@ 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 {
@@ -213,5 +229,5 @@ export const useDataStore = defineStore("data", () => {
     exportStores,
     importStores,
     clear,
-  };
-});
+  }
+})
diff --git a/app/stores/data_style.js b/app/stores/data_style.js
index a1a8ac95..fa52ac62 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 b564d241..9baf3e5a 100644
--- a/app/stores/feedback.js
+++ b/app/stores/feedback.js
@@ -1,17 +1,18 @@
-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",
@@ -19,27 +20,29 @@ 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);
+      this.feedbacks = this.feedbacks.filter(
+        (feedback) => feedback.id !== feedbackId,
+      )
     },
     async delete_server_error() {
-      this.server_error = false;
+      this.server_error = false
     },
   },
-});
+})
diff --git a/app/stores/geode.js b/app/stores/geode.js
index 9e4d27da..f87a2444 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/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/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,74 +19,74 @@ 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 geodeStore = this
+      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 })
+            geodeStore.status = Status.NOT_CONNECTED
           },
           response_function: () => {
-            feedbackStore.$patch({ server_error: false });
-            geodeStore.status = Status.CONNECTED;
+            feedbackStore.$patch({ server_error: false })
+            geodeStore.status = Status.CONNECTED
           },
           response_error_function: () => {
-            feedbackStore.$patch({ server_error: true });
-            geodeStore.status = Status.NOT_CONNECTED;
+            feedbackStore.$patch({ server_error: true })
+            geodeStore.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 { BACK_PATH, BACK_COMMAND } = useRuntimeConfig().public;
+      const { BACK_PATH, BACK_COMMAND } = useRuntimeConfig().public
 
-      console.log("[GEODE] BACK_PATH", BACK_PATH);
-      console.log("[GEODE] BACK_COMMAND", BACK_COMMAND);
+      console.log("[GEODE] BACK_PATH", BACK_PATH)
+      console.log("[GEODE] BACK_COMMAND", BACK_COMMAND)
       const schema = {
         $id: "/api/app/run_back",
         methods: ["POST"],
@@ -97,30 +97,30 @@ export const useGeodeStore = defineStore("geode", {
         },
         required: ["BACK_PATH", "BACK_COMMAND"],
         additionalProperties: true,
-      };
+      }
 
       const params = {
         BACK_PATH,
         BACK_COMMAND,
         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,
@@ -134,16 +134,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,
         {
@@ -153,16 +153,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 d9a44665..32660a6b 100644
--- a/app/stores/hybrid_viewer.js
+++ b/app/stores/hybrid_viewer.js
@@ -1,134 +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) {
     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();
+    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()],
@@ -138,84 +141,93 @@ 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()],
@@ -225,33 +237,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: {
@@ -261,31 +273,35 @@ 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]
     }
   }
 
@@ -305,5 +321,5 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     clear,
     exportStores,
     importStores,
-  };
-});
+  }
+})
diff --git a/app/stores/infra.js b/app/stores/infra.js
index a48e71ff..5c57239c 100644
--- a/app/stores/infra.js
+++ b/app/stores/infra.js
@@ -1,9 +1,9 @@
-import { appMode, getAppMode } from "@ogw_front/utils/app_mode";
-import { Status } from "@ogw_front/utils/status";
-import { useAppStore } from "@ogw_front/stores/app";
-import { useLambdaStore } from "@ogw_front/stores/lambda";
+import { appMode, getAppMode } from "@ogw_front/utils/app_mode"
+import { Status } from "@ogw_front/utils/status"
+import { useAppStore } from "@ogw_front/stores/app"
+import { useLambdaStore } from "@ogw_front/stores/lambda"
 
-import { registerRunningExtensions } from "@ogw_front/utils/extension";
+import { registerRunningExtensions } from "@ogw_front/utils/extension"
 
 export const useInfraStore = defineStore("infra", {
   state: () => ({
@@ -16,86 +16,96 @@ 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.find(
+          (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);
+      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 fff9676a..e634e5de 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();
+      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 feb8502a..910da4f5 100644
--- a/app/stores/menu.js
+++ b/app/stores/menu.js
@@ -1,92 +1,96 @@
 // 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: {
@@ -114,85 +118,88 @@ 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,
@@ -210,5 +217,5 @@ export const useMenuStore = defineStore("menu", () => {
     openMenu,
     setMenuPosition,
     toggleItemOptions,
-  };
-});
+  }
+})
diff --git a/app/stores/treeview.js b/app/stores/treeview.js
index bc967fd8..e122e9b0 100644
--- a/app/stores/treeview.js
+++ b/app/stores/treeview.js
@@ -1,64 +1,67 @@
 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,
@@ -66,71 +69,76 @@ 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;
+    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 = [];
+    const ids = pendingSelectionIds.value || []
+    const rebuilt = []
     if (!ids.length) {
       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 {
@@ -152,5 +160,5 @@ export const useTreeviewStore = defineStore("treeview", () => {
     importStores,
     finalizeImportSelection,
     clear,
-  };
-});
+  }
+})
diff --git a/app/stores/viewer.js b/app/stores/viewer.js
index 9a44093d..c579e7e5 100644
--- a/app/stores/viewer.js
+++ b/app/stores/viewer.js
@@ -1,143 +1,153 @@
 // 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 { useRuntimeConfig } from "nuxt/app";
+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 { useRuntimeConfig } from "nuxt/app"
 
 // Local imports
-import { Status } from "@ogw_front/utils/status";
-import { appMode } from "@ogw_front/utils/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/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();
+      console.log("[VIEWER] Launching viewer microservice...", { args })
+      const appStore = useAppStore()
 
-      const { VIEWER_PATH, VIEWER_COMMAND } = useRuntimeConfig().public;
+      const { VIEWER_PATH, VIEWER_COMMAND } = useRuntimeConfig().public
 
-      console.log("[VIEWER] VIEWER_PATH", VIEWER_PATH);
-      console.log("[VIEWER] VIEWER_COMMAND", VIEWER_COMMAND);
+      console.log("[VIEWER] VIEWER_PATH", VIEWER_PATH)
+      console.log("[VIEWER] VIEWER_COMMAND", VIEWER_COMMAND)
       const schema = {
         $id: "/api/app/run_viewer",
         methods: ["POST"],
@@ -148,36 +158,41 @@ export const useViewerStore = defineStore(
         },
         required: ["VIEWER_PATH", "VIEWER_COMMAND"],
         additionalProperties: true,
-      };
+      }
 
       const params = {
         VIEWER_PATH,
         VIEWER_COMMAND,
         args,
-      };
+      }
 
-      console.log("[VIEWER] params", params);
+      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,
@@ -191,14 +206,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 {
@@ -221,11 +236,11 @@ export const useViewerStore = defineStore(
       launch,
       connect,
       request,
-    };
+    }
   },
   {
     share: {
       omit: ["status", "client"],
     },
   },
-);
+)
diff --git a/app/utils/app_mode.js b/app/utils/app_mode.js
index 3bc7c7fc..230ebcc3 100644
--- a/app/utils/app_mode.js
+++ b/app/utils/app_mode.js
@@ -1,19 +1,19 @@
-import isElectron from "is-electron";
+import isElectron from "is-electron"
 
 const appMode = {
   DESKTOP: "DESKTOP",
   BROWSER: "BROWSER",
   CLOUD: "CLOUD",
-};
+}
 
 function getAppMode() {
   if (isElectron()) {
-    return appMode.DESKTOP;
+    return appMode.DESKTOP
   }
   if (useRuntimeConfig().public.BROWSER === "true") {
-    return appMode.BROWSER;
+    return appMode.BROWSER
   }
-  return appMode.CLOUD;
+  return appMode.CLOUD
 }
 
-export { appMode, getAppMode };
+export { appMode, getAppMode }
diff --git a/app/utils/colormap.js b/app/utils/colormap.js
index 8e3383c4..2bac1194 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 f8322218..48492c06 100644
--- a/app/utils/config.js
+++ b/app/utils/config.js
@@ -1,39 +1,45 @@
 // 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 d2690611..b50782ae 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,10 +61,13 @@ function meshEdgesDefaultStyle(
       },
     },
     width,
-  };
+  }
 }
 
-function meshCellsDefaultStyle(visibility = cells_defaultVisibility, color = cells_defaultColor) {
+function meshCellsDefaultStyle(
+  visibility = cells_defaultVisibility,
+  color = cells_defaultColor,
+) {
   return {
     visibility,
     coloring: {
@@ -80,7 +83,7 @@ function meshCellsDefaultStyle(visibility = cells_defaultVisibility, color = cel
         storedConfigs: {},
       },
     },
-  };
+  }
 }
 
 function meshPolygonsDefaultStyle(
@@ -102,7 +105,7 @@ function meshPolygonsDefaultStyle(
         storedConfigs: {},
       },
     },
-  };
+  }
 }
 
 function meshPolyhedraDefaultStyle(
@@ -123,14 +126,14 @@ function meshPolyhedraDefaultStyle(
         storedConfigs: {},
       },
     },
-  };
+  }
 }
 
 function pointSet_defaultStyle() {
   return {
     visibility: true,
     points: meshPointsDefaultStyle(),
-  };
+  }
 }
 
 function edgedCurve_defaultStyle() {
@@ -138,7 +141,7 @@ function edgedCurve_defaultStyle() {
     visibility: true,
     points: meshPointsDefaultStyle(),
     edges: meshEdgesDefaultStyle(),
-  };
+  }
 }
 
 function grid2d_defaultStyle() {
@@ -147,7 +150,7 @@ function grid2d_defaultStyle() {
     points: meshPointsDefaultStyle(false),
     edges: meshEdgesDefaultStyle(false),
     cells: meshCellsDefaultStyle(),
-  };
+  }
 }
 
 function grid3d_defaultStyle() {
@@ -157,7 +160,7 @@ function grid3d_defaultStyle() {
     edges: meshEdgesDefaultStyle(false),
     cells: meshCellsDefaultStyle(),
     polyhedra: meshPolyhedraDefaultStyle(),
-  };
+  }
 }
 function surface_defaultStyle() {
   return {
@@ -165,7 +168,7 @@ function surface_defaultStyle() {
     points: meshPointsDefaultStyle(false),
     edges: meshEdgesDefaultStyle(false),
     polygons: meshPolygonsDefaultStyle(),
-  };
+  }
 }
 
 function solid_defaultStyle() {
@@ -175,7 +178,7 @@ function solid_defaultStyle() {
     edges: meshEdgesDefaultStyle(false),
     polygons: meshPolygonsDefaultStyle(),
     polyhedra: meshPolyhedraDefaultStyle(),
-  };
+  }
 }
 
 // Model functions
@@ -183,33 +186,42 @@ 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() {
@@ -221,7 +233,7 @@ function brep_defaultStyle() {
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  };
+  }
 }
 
 function crossSection_defaultStyle() {
@@ -232,7 +244,7 @@ function crossSection_defaultStyle() {
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  };
+  }
 }
 
 function structuralModel_defaultStyle() {
@@ -244,7 +256,7 @@ function structuralModel_defaultStyle() {
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  };
+  }
 }
 
 function section_defaultStyle() {
@@ -255,7 +267,7 @@ function section_defaultStyle() {
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  };
+  }
 }
 
 function implicitCrossSection_defaultStyle() {
@@ -266,7 +278,7 @@ function implicitCrossSection_defaultStyle() {
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  };
+  }
 }
 
 function implicitStructuralModel_defaultStyle() {
@@ -278,7 +290,7 @@ function implicitStructuralModel_defaultStyle() {
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  };
+  }
 }
 
 function default_styles() {
@@ -308,11 +320,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 c8b7fd4f..7930b99c 100644
--- a/app/utils/extension.js
+++ b/app/utils/extension.js
@@ -1,91 +1,91 @@
 // Node.js imports
 
 // Third party imports
-import _ from "lodash";
-import { useRuntimeConfig } from "nuxt/app";
+import _ from "lodash"
+import { useRuntimeConfig } from "nuxt/app"
 
 // 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",
@@ -97,9 +97,9 @@ function runExtensions() {
     },
     required: ["projectFolderPath", "projectName"],
     additionalProperties: false,
-  };
+  }
 
-  return appStore.request(schema, params);
+  return appStore.request(schema, params)
 }
 
 export {
@@ -108,4 +108,4 @@ export {
   uploadExtension,
   registerRunningExtensions,
   runExtensions,
-};
+}
diff --git a/app/utils/file_import_workflow.js b/app/utils/file_import_workflow.js
index 38ec962e..0a343e08 100644
--- a/app/utils/file_import_workflow.js
+++ b/app/utils/file_import_workflow.js
@@ -1,62 +1,73 @@
 // 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);
-  console.log({ dataStore });
+  const dataStore = useDataStore()
+  const dataStyleStore = useDataStyleStore()
+  const hybridViewerStore = useHybridViewerStore()
+  const treeviewStore = useTreeviewStore()
+  const registerTask = dataStore.registerObject(item.id)
+  const addDataTask = dataStore.addItem(item)
+  console.log({ dataStore })
   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,
@@ -66,29 +77,32 @@ 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/microservices.js b/app/utils/local/microservices.js
index 143e0b96..caaab6d5 100644
--- a/app/utils/local/microservices.js
+++ b/app/utils/local/microservices.js
@@ -1,26 +1,30 @@
 // 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 { WebSocket } from "ws";
-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 { WebSocket } from "ws"
+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 { deleteFolderRecursive, executableName, executablePath } from "./path.js";
+import { commandExistsSync, waitForReady } from "./scripts.js"
+import {
+  deleteFolderRecursive,
+  executableName,
+  executablePath,
+} from "./path.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(
@@ -32,206 +36,218 @@ async function runScript(
 ) {
   const command = commandExistsSync(execName)
     ? execName
-    : path.join(await executablePath(execPath), executableName(execName));
-  console.log("runScript", command, args);
+    : path.join(await executablePath(execPath), executableName(execName))
+  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 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);
+    return killHttpMicroservice(microservice)
   } else if (microservice.type === "viewer") {
-    return killWebsocketMicroservice(microservice);
+    return killWebsocketMicroservice(microservice)
   } else {
-    throw new Error(`Unknown microservice type: ${microservice.type}`);
+    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")
 }
 
 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 {
@@ -242,4 +258,4 @@ export {
   projectMicroservices,
   runBack,
   runViewer,
-};
+}
diff --git a/app/utils/local/path.js b/app/utils/local/path.js
index d93c0e82..bdb474b0 100644
--- a/app/utils/local/path.js
+++ b/app/utils/local/path.js
@@ -1,79 +1,79 @@
 // Node imports
-import fs from "node:fs";
-import os from "node:os";
-import path from "node:path";
-import { setTimeout } from "node:timers/promises";
+import fs from "node:fs"
+import os from "node:os"
+import path from "node:path"
+import { setTimeout } from "node:timers/promises"
 
 // Third party imports
-import isElectron from "is-electron";
-import { rimraf } from "rimraf";
-import { v4 as uuidv4 } from "uuid";
+import isElectron from "is-electron"
+import { rimraf } from "rimraf"
+import { v4 as uuidv4 } from "uuid"
 
-const MAX_DELETE_FOLDER_RETRIES = 5;
+const MAX_DELETE_FOLDER_RETRIES = 5
 
 function venvScriptPath(microservicePath) {
-  const venvPath = path.join(microservicePath, "venv");
-  let scriptPath = "";
+  const venvPath = path.join(microservicePath, "venv")
+  let scriptPath = ""
   if (process.platform === "win32") {
-    scriptPath = path.join(venvPath, "Scripts");
+    scriptPath = path.join(venvPath, "Scripts")
   } else {
-    scriptPath = path.join(venvPath, "bin");
+    scriptPath = path.join(venvPath, "bin")
   }
-  return scriptPath;
+  return scriptPath
 }
 
 async function executablePath(microservicePath) {
   if (isElectron()) {
-    const electron = await import("electron");
+    const electron = await import("electron")
     if (electron.app.isPackaged) {
-      return process.resourcesPath;
+      return process.resourcesPath
     } else {
-      return venvScriptPath(microservicePath);
+      return venvScriptPath(microservicePath)
     }
   } else {
-    return venvScriptPath(microservicePath);
+    return venvScriptPath(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.replace(/\//g, "_"), uuidv4())
 }
 
 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")
     }
   }
 }
@@ -83,4 +83,4 @@ export {
   executableName,
   deleteFolderRecursive,
   generateProjectFolderPath,
-};
+}
diff --git a/app/utils/local/scripts.js b/app/utils/local/scripts.js
index 58e8761c..e534dba7 100644
--- a/app/utils/local/scripts.js
+++ b/app/utils/local/scripts.js
@@ -1,49 +1,49 @@
 // 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"
 
 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.BROWSER = true;
+  process.env.BROWSER = true
 
   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 c9ef4773..37907f8c 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 2b4b2ff4..582ecb72 100644
--- a/app/utils/server.js
+++ b/app/utils/server.js
@@ -1,46 +1,46 @@
 // 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);
+  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 3c7f8194..f7809d29 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 95730f6e..dd2d8bc2 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 e1b59aa4..f68e9c09 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 0055b515..a397334b 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 d769d4e7..cae19a2a 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 009edef9..84202450 100644
--- a/internal/database/database.js
+++ b/internal/database/database.js
@@ -1,84 +1,92 @@
-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 = {};
+    const currentVersion = tempDb.verno
+    const currentStores = {}
 
-    currentStores[dataTable.name] = dataTable.schema;
-    currentStores[modelComponentsTable.name] = modelComponentsTable.schema;
-    currentStores[modelComponentsRelationTable.name] = modelComponentsRelationTable.schema;
+    currentStores[dataTable.name] = dataTable.schema
+    currentStores[modelComponentsTable.name] = modelComponentsTable.schema
+    currentStores[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 081df255..1b714b11 100644
--- a/internal/database/extended_database.js
+++ b/internal/database/extended_database.js
@@ -1,27 +1,28 @@
-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 4eb879e7..4fa29602 100644
--- a/internal/database/tables/data.js
+++ b/internal/database/tables/data.js
@@ -1,4 +1,5 @@
 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 57363088..cfb9041c 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 8bab281f..b45ae0fa 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 bb29f8aa..40132c77 100644
--- a/internal/stores/data_style/mesh/cells/cell.js
+++ b/internal/stores/data_style/mesh/cells/cell.js
@@ -1,114 +1,130 @@
 // 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 {
@@ -119,5 +135,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 ea554f5f..24db1b5b 100644
--- a/internal/stores/data_style/mesh/cells/color.js
+++ b/internal/stores/data_style/mesh/cells/color.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 23e293e4..e6bdeaf3 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 db5f657d..f5d7e7b4 100644
--- a/internal/stores/data_style/mesh/cells/index.js
+++ b/internal/stores/data_style/mesh/cells/index.js
@@ -1,61 +1,74 @@
 // 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));
+      return meshCellsColorStyle.setMeshCellsColor(
+        id,
+        meshCellsColorStyle.meshCellsColor(id),
+      )
     } else if (type === "textures") {
-      const textures = meshCellsTexturesStore.meshCellsTextures(id);
+      const textures = meshCellsTexturesStore.meshCellsTextures(id)
       if (textures === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshCellsTexturesStore.setMeshCellsTextures(id, textures);
+      return meshCellsTexturesStore.setMeshCellsTextures(id, textures)
     } else if (type === "vertex") {
-      const name = meshCellsVertexAttributeStyle.meshCellsVertexAttributeName(id);
+      const name =
+        meshCellsVertexAttributeStyle.meshCellsVertexAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshCellsVertexAttributeStyle.setMeshCellsVertexAttributeName(id, name);
+      return meshCellsVertexAttributeStyle.setMeshCellsVertexAttributeName(
+        id,
+        name,
+      )
     } else if (type === "cell") {
-      const name = meshCellsCellAttributeStyle.meshCellsCellAttributeName(id);
+      const name = meshCellsCellAttributeStyle.meshCellsCellAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      await meshCellsCellAttributeStyle.setMeshCellsCellAttributeName(id, name);
+      await meshCellsCellAttributeStyle.setMeshCellsCellAttributeName(id, name)
     } else {
-      throw new Error(`Unknown mesh cells coloring type: ${type}`);
+      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 {
@@ -67,5 +80,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 91000d27..c2847281 100644
--- a/internal/stores/data_style/mesh/cells/textures.js
+++ b/internal/stores/data_style/mesh/cells/textures.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,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 a6ece2bd..775db33f 100644
--- a/internal/stores/data_style/mesh/cells/vertex.js
+++ b/internal/stores/data_style/mesh/cells/vertex.js
@@ -1,119 +1,130 @@
 // 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 {
@@ -124,5 +135,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 8914226a..76ba11e0 100644
--- a/internal/stores/data_style/mesh/cells/visibility.js
+++ b/internal/stores/data_style/mesh/cells/visibility.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 9b4679b8..48a7e036 100644
--- a/internal/stores/data_style/mesh/edges/color.js
+++ b/internal/stores/data_style/mesh/edges/color.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 6b1686c4..9b0c7462 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 02cd8369..4f630bd0 100644
--- a/internal/stores/data_style/mesh/edges/edge.js
+++ b/internal/stores/data_style/mesh/edges/edge.js
@@ -1,114 +1,130 @@
 // 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 {
@@ -119,5 +135,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 c346880d..14df9cc6 100644
--- a/internal/stores/data_style/mesh/edges/index.js
+++ b/internal/stores/data_style/mesh/edges/index.js
@@ -1,62 +1,78 @@
 // 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;
+    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));
+      return meshEdgesColorStyle.setMeshEdgesColor(
+        id,
+        meshEdgesColorStyle.meshEdgesColor(id),
+      )
     } else if (type === "textures") {
-      const textures = meshEdgesTexturesStore.meshEdgesTextures(id);
+      const textures = meshEdgesTexturesStore.meshEdgesTextures(id)
       if (textures === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshEdgesTexturesStore.setMeshEdgesTextures(id, textures);
+      return meshEdgesTexturesStore.setMeshEdgesTextures(id, textures)
     } else if (type === "vertex") {
-      const name = meshEdgesVertexAttributeStyle.meshEdgesVertexAttributeName(id);
+      const name =
+        meshEdgesVertexAttributeStyle.meshEdgesVertexAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshEdgesVertexAttributeStyle.setMeshEdgesVertexAttributeName(id, name);
+      return meshEdgesVertexAttributeStyle.setMeshEdgesVertexAttributeName(
+        id,
+        name,
+      )
     } else if (type === "edge") {
-      const name = meshEdgesEdgeAttributeStyle.meshEdgesEdgeAttributeName(id);
+      const name = meshEdgesEdgeAttributeStyle.meshEdgesEdgeAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshEdgesEdgeAttributeStyle.setMeshEdgesEdgeAttributeName(id, name);
+      return meshEdgesEdgeAttributeStyle.setMeshEdgesEdgeAttributeName(id, name)
     } else {
-      throw new Error(`Unknown mesh edges coloring type: ${type}`);
+      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 {
@@ -68,5 +84,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 1ab8c344..1dba58d5 100644
--- a/internal/stores/data_style/mesh/edges/vertex.js
+++ b/internal/stores/data_style/mesh/edges/vertex.js
@@ -1,119 +1,130 @@
 // 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 {
@@ -124,5 +135,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 d7654ef3..f41e9473 100644
--- a/internal/stores/data_style/mesh/edges/visibility.js
+++ b/internal/stores/data_style/mesh/edges/visibility.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 0bf4c78e..e6758864 100644
--- a/internal/stores/data_style/mesh/edges/width.js
+++ b/internal/stores/data_style/mesh/edges/width.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 b46c65ce..b5055f6a 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 5dc1b94a..c1af300b 100644
--- a/internal/stores/data_style/mesh/points/color.js
+++ b/internal/stores/data_style/mesh/points/color.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 a56c0b2b..20a2d313 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 a2b32a51..37610f42 100644
--- a/internal/stores/data_style/mesh/points/index.js
+++ b/internal/stores/data_style/mesh/points/index.js
@@ -1,51 +1,62 @@
 // 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));
+      return meshPointsColorStyle.setMeshPointsColor(
+        id,
+        meshPointsColorStyle.meshPointsColor(id),
+      )
     } else if (type === "textures") {
-      const textures = meshPointsTexturesStore.meshPointsTextures(id);
+      const textures = meshPointsTexturesStore.meshPointsTextures(id)
       if (textures === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshPointsTexturesStore.setMeshPointsTextures(id, textures);
+      return meshPointsTexturesStore.setMeshPointsTextures(id, textures)
     } else if (type === "vertex") {
-      const name = meshPointsVertexAttributeStyle.meshPointsVertexAttributeName(id);
+      const name =
+        meshPointsVertexAttributeStyle.meshPointsVertexAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshPointsVertexAttributeStyle.setMeshPointsVertexAttributeName(id, name);
+      return meshPointsVertexAttributeStyle.setMeshPointsVertexAttributeName(
+        id,
+        name,
+      )
     } else if (type === "polygon") {
-      const name = meshPointsPolygonAttributeStyleStore.meshPointsPolygonAttributeName(id);
+      const name =
+        meshPointsPolygonAttributeStyleStore.meshPointsPolygonAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      await meshPointsPolygonAttributeStyleStore.setMeshPointsPolygonAttributeName(id, name);
+      await meshPointsPolygonAttributeStyleStore.setMeshPointsPolygonAttributeName(
+        id,
+        name,
+      )
     } else {
-      throw new Error(`Unknown mesh points coloring type: ${type}`);
+      throw new Error(`Unknown mesh points coloring type: ${type}`)
     }
   }
 
@@ -55,9 +66,15 @@ 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 {
@@ -68,5 +85,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 d1692107..4fde288d 100644
--- a/internal/stores/data_style/mesh/points/size.js
+++ b/internal/stores/data_style/mesh/points/size.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 642ca5ba..4c964b9a 100644
--- a/internal/stores/data_style/mesh/points/vertex.js
+++ b/internal/stores/data_style/mesh/points/vertex.js
@@ -1,119 +1,130 @@
 // 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 {
@@ -124,5 +135,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 79b91654..a6efb131 100644
--- a/internal/stores/data_style/mesh/points/visibility.js
+++ b/internal/stores/data_style/mesh/points/visibility.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 290c243a..fbfdcb51 100644
--- a/internal/stores/data_style/mesh/polygons/color.js
+++ b/internal/stores/data_style/mesh/polygons/color.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 7f74a03e..8b7164ab 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 10dbdd7d..86c1496b 100644
--- a/internal/stores/data_style/mesh/polygons/index.js
+++ b/internal/stores/data_style/mesh/polygons/index.js
@@ -1,56 +1,65 @@
 // 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);
+      const textures = meshPolygonsTexturesStyle.meshPolygonsTextures(id)
       if (textures === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshPolygonsTexturesStyle.setMeshPolygonsTextures(id, textures);
+      return meshPolygonsTexturesStyle.setMeshPolygonsTextures(id, textures)
     } else if (type === "vertex") {
-      const name = meshPolygonsVertexAttributeStyle.meshPolygonsVertexAttributeName(id);
+      const name =
+        meshPolygonsVertexAttributeStyle.meshPolygonsVertexAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshPolygonsVertexAttributeStyle.setMeshPolygonsVertexAttributeName(id, name);
+      return meshPolygonsVertexAttributeStyle.setMeshPolygonsVertexAttributeName(
+        id,
+        name,
+      )
     } else if (type === "polygon") {
-      const name = meshPolygonsPolygonAttributeStyle.meshPolygonsPolygonAttributeName(id);
+      const name =
+        meshPolygonsPolygonAttributeStyle.meshPolygonsPolygonAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      await meshPolygonsPolygonAttributeStyle.setMeshPolygonsPolygonAttributeName(id, name);
+      await meshPolygonsPolygonAttributeStyle.setMeshPolygonsPolygonAttributeName(
+        id,
+        name,
+      )
     } else {
-      throw new Error(`Unknown mesh polygons coloring type: ${type}`);
+      throw new Error(`Unknown mesh polygons coloring type: ${type}`)
     }
   }
 
@@ -60,8 +69,11 @@ export function useMeshPolygonsStyle() {
         id,
         meshPolygonsVisibility.meshPolygonsVisibility(id),
       ),
-      setMeshPolygonsActiveColoring(id, meshPolygonsCommonStyle.meshPolygonsActiveColoring(id)),
-    ]);
+      setMeshPolygonsActiveColoring(
+        id,
+        meshPolygonsCommonStyle.meshPolygonsActiveColoring(id),
+      ),
+    ])
   }
 
   return {
@@ -73,5 +85,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 0dcfaf17..60deff1b 100644
--- a/internal/stores/data_style/mesh/polygons/polygon.js
+++ b/internal/stores/data_style/mesh/polygons/polygon.js
@@ -1,43 +1,47 @@
 // 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(
@@ -45,66 +49,73 @@ 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 {
@@ -115,5 +126,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 13eaeec1..0a11156b 100644
--- a/internal/stores/data_style/mesh/polygons/textures.js
+++ b/internal/stores/data_style/mesh/polygons/textures.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 7e0a0b66..6c70ffe1 100644
--- a/internal/stores/data_style/mesh/polygons/vertex.js
+++ b/internal/stores/data_style/mesh/polygons/vertex.js
@@ -1,119 +1,130 @@
 // 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 {
@@ -124,5 +135,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 a2d53ed1..c875bd77 100644
--- a/internal/stores/data_style/mesh/polygons/visibility.js
+++ b/internal/stores/data_style/mesh/polygons/visibility.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 9e61875c..281e27e9 100644
--- a/internal/stores/data_style/mesh/polyhedra/color.js
+++ b/internal/stores/data_style/mesh/polyhedra/color.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,19 @@ 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 2feff082..b521fab4 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 7fa4f44e..d7580561 100644
--- a/internal/stores/data_style/mesh/polyhedra/index.js
+++ b/internal/stores/data_style/mesh/polyhedra/index.js
@@ -1,48 +1,60 @@
 // 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);
+      const name =
+        meshPolyhedraVertexAttributeStyle.meshPolyhedraVertexAttributeName(id)
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      return meshPolyhedraVertexAttributeStyle.setMeshPolyhedraVertexAttributeName(id, name);
+      return meshPolyhedraVertexAttributeStyle.setMeshPolyhedraVertexAttributeName(
+        id,
+        name,
+      )
     } else if (type === "polyhedron") {
-      const name = meshPolyhedraPolyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeName(id);
+      const name =
+        meshPolyhedraPolyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeName(
+          id,
+        )
       if (name === undefined) {
-        return Promise.resolve();
+        return Promise.resolve()
       }
-      await meshPolyhedraPolyhedronAttributeStyle.setMeshPolyhedraPolyhedronAttributeName(id, name);
+      await meshPolyhedraPolyhedronAttributeStyle.setMeshPolyhedraPolyhedronAttributeName(
+        id,
+        name,
+      )
     } else {
-      throw new Error(`Unknown mesh polyhedra coloring type: ${type}`);
+      throw new Error(`Unknown mesh polyhedra coloring type: ${type}`)
     }
   }
 
@@ -52,8 +64,11 @@ export function useMeshPolyhedraStyle() {
         id,
         meshPolyhedraVisibility.meshPolyhedraVisibility(id),
       ),
-      setMeshPolyhedraActiveColoring(id, meshPolyhedraCommonStyle.meshPolyhedraActiveColoring(id)),
-    ]);
+      setMeshPolyhedraActiveColoring(
+        id,
+        meshPolyhedraCommonStyle.meshPolyhedraActiveColoring(id),
+      ),
+    ])
   }
 
   return {
@@ -64,5 +79,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 f64b96f3..45fea324 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,65 +49,69 @@ 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 {
@@ -118,5 +122,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 17c3bf2a..fa2a49fb 100644
--- a/internal/stores/data_style/mesh/polyhedra/vertex.js
+++ b/internal/stores/data_style/mesh/polyhedra/vertex.js
@@ -1,119 +1,130 @@
 // 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 {
@@ -124,5 +135,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 902c736f..6e79ce2f 100644
--- a/internal/stores/data_style/mesh/polyhedra/visibility.js
+++ b/internal/stores/data_style/mesh/polyhedra/visibility.js
@@ -1,19 +1,20 @@
 // 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(
@@ -21,15 +22,20 @@ 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 773948e4..0bdb472b 100644
--- a/internal/stores/data_style/model/blocks/color.js
+++ b/internal/stores/data_style/model/blocks/color.js
@@ -1,36 +1,42 @@
 // 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,
@@ -38,21 +44,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 0ef66680..c6bd19a5 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 cd71e545..9eead7af 100644
--- a/internal/stores/data_style/model/blocks/index.js
+++ b/internal/stores/data_style/model/blocks/index.js
@@ -1,26 +1,30 @@
 // 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 {
@@ -29,5 +33,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 e9b53d81..8b479b8d 100644
--- a/internal/stores/data_style/model/blocks/visibility.js
+++ b/internal/stores/data_style/model/blocks/visibility.js
@@ -1,36 +1,42 @@
 // 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,
@@ -38,21 +44,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 c988c778..9feaa7a6 100644
--- a/internal/stores/data_style/model/corners/color.js
+++ b/internal/stores/data_style/model/corners/color.js
@@ -1,35 +1,41 @@
 // 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,
@@ -37,21 +43,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 f5b20c63..6cbebe27 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 10428e80..6408522f 100644
--- a/internal/stores/data_style/model/corners/index.js
+++ b/internal/stores/data_style/model/corners/index.js
@@ -1,27 +1,31 @@
 // 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 {
@@ -30,5 +34,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 d91c3662..2abbef34 100644
--- a/internal/stores/data_style/model/corners/visibility.js
+++ b/internal/stores/data_style/model/corners/visibility.js
@@ -1,35 +1,42 @@
 // 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,
@@ -37,21 +44,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 98570bc4..9dc0a700 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 7f59384e..cc5def8f 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 9befed56..86b68aec 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,15 +22,19 @@ 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 25222241..8d5cc543 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,63 @@ 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);
+      return modelCornersStyleStore.modelCornerVisibility(id, component_id)
     } else if (component_type === "Line") {
-      return modelLinesStyleStore.modelLineVisibility(id, component_id);
+      return modelLinesStyleStore.modelLineVisibility(id, component_id)
     } else if (component_type === "Surface") {
-      return modelSurfacesStyleStore.modelSurfaceVisibility(id, component_id);
+      return modelSurfacesStyleStore.modelSurfaceVisibility(id, component_id)
     } else if (component_type === "Block") {
-      return modelBlocksStyleStore.modelBlockVisibility(id, component_id);
+      return modelBlocksStyleStore.modelBlockVisibility(id, component_id)
     }
-    throw new Error(`Unknown model component_type: ${component_type}`);
+    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,74 +101,95 @@ 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);
+      return modelCornersStyleStore.setModelCornersVisibility(
+        id,
+        component_geode_ids,
+        visibility,
+      )
     } else if (component_type === "Line") {
-      return modelLinesStyleStore.setModelLinesVisibility(id, component_geode_ids, visibility);
+      return modelLinesStyleStore.setModelLinesVisibility(
+        id,
+        component_geode_ids,
+        visibility,
+      )
     } else 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);
+      return modelBlocksStyleStore.setModelBlocksVisibility(
+        id,
+        component_geode_ids,
+        visibility,
+      )
     } else {
-      throw new Error(`Unknown model component_type: ${component_type}`);
+      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 {
@@ -186,5 +207,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 7f3e6f95..9a701939 100644
--- a/internal/stores/data_style/model/lines/color.js
+++ b/internal/stores/data_style/model/lines/color.js
@@ -1,35 +1,41 @@
 // 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,
@@ -37,21 +43,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 ec9564b9..6ed96220 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 dfd97b60..eff26416 100644
--- a/internal/stores/data_style/model/lines/index.js
+++ b/internal/stores/data_style/model/lines/index.js
@@ -1,26 +1,30 @@
 // 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 {
@@ -29,5 +33,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 4edbf7e3..64fa70a8 100644
--- a/internal/stores/data_style/model/lines/visibility.js
+++ b/internal/stores/data_style/model/lines/visibility.js
@@ -1,35 +1,41 @@
 // 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,
@@ -37,21 +43,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 22e168c6..4b05ea0e 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 f7a1931f..1c3dc66e 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 14087d51..3299e9ec 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 98a48048..0be93261 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,15 +22,19 @@ 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 d638c9f3..06607583 100644
--- a/internal/stores/data_style/model/surfaces/color.js
+++ b/internal/stores/data_style/model/surfaces/color.js
@@ -1,35 +1,41 @@
 // 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,
@@ -37,21 +43,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 ff2627c9..c278ac14 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 aefd5d0c..7ad39e2f 100644
--- a/internal/stores/data_style/model/surfaces/index.js
+++ b/internal/stores/data_style/model/surfaces/index.js
@@ -1,26 +1,34 @@
 // 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 {
@@ -29,5 +37,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 79c7b9e2..0bc29551 100644
--- a/internal/stores/data_style/model/surfaces/visibility.js
+++ b/internal/stores/data_style/model/surfaces/visibility.js
@@ -1,35 +1,39 @@
 // 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,
@@ -37,21 +41,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 ce70b902..e0b5f2f1 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 522bf55f..e5d15211 100644
--- a/internal/utils/api_fetch.js
+++ b/internal/utils/api_fetch.js
@@ -1,65 +1,75 @@
-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 6e6ef1a2..b62b2900 100644
--- a/internal/utils/upload_file.js
+++ b/internal/utils/upload_file.js
@@ -1,50 +1,55 @@
-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();
+  }
+  microservice.start_request()
   return $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 b089c787..ecaa3dea 100644
--- a/internal/utils/viewer_call.js
+++ b/internal/utils/viewer_call.js
@@ -1,51 +1,64 @@
-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()
     }
   }
 
@@ -53,8 +66,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 6ec24e53..8108fcb4 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,27 +1,43 @@
 // 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: {
     public: {
       API_URL: "api.geode-solutions.com",
       BACK_COMMAND: "opengeodeweb-back",
-      BACK_PATH: path.join(__dirname, "tests", "integration", "microservices", "back"),
+      BACK_PATH: path.join(
+        __dirname,
+        "tests",
+        "integration",
+        "microservices",
+        "back",
+      ),
       BROWSER: process.env.BROWSER ?? false,
       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 : "",
       VIEWER_COMMAND: "opengeodeweb-viewer",
-      VIEWER_PATH: path.join(__dirname, "tests", "integration", "microservices", "viewer"),
+      VIEWER_PATH: path.join(
+        __dirname,
+        "tests",
+        "integration",
+        "microservices",
+        "viewer",
+      ),
     },
   },
 
-  modules: [["@pinia/nuxt", { autoImports: ["defineStore", "storeToRefs"] }], "@vueuse/nuxt"],
+  modules: [
+    ["@pinia/nuxt", { autoImports: ["defineStore", "storeToRefs"] }],
+    "@vueuse/nuxt",
+  ],
   imports: {
     scan: false,
   },
@@ -60,4 +76,4 @@ export default defineNuxtConfig({
       ],
     },
   },
-});
+})
diff --git a/scripts/generate_geode_objects.js b/scripts/generate_geode_objects.js
index deffdaec..91890d45 100644
--- a/scripts/generate_geode_objects.js
+++ b/scripts/generate_geode_objects.js
@@ -1,24 +1,26 @@
 /* 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 57aeef11..2aa31c93 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 7de3d949..f80e69a0 100644
--- a/server/api/app/project_folder_path.post.js
+++ b/server/api/app/project_folder_path.post.js
@@ -1,29 +1,29 @@
 // Node imports
 
 // Third party imports
-import { createError, defineEventHandler, readBody } from "h3";
+import { createError, defineEventHandler, readBody } 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"
 
 export default defineEventHandler(async (event) => {
   try {
-    const { PROJECT } = await readBody(event);
-    const projectFolderPath = generateProjectFolderPath(PROJECT);
-    await createPath(projectFolderPath);
+    const { PROJECT } = await readBody(event)
+    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 06eafc47..127bf20d 100644
--- a/server/api/app/run_back.post.js
+++ b/server/api/app/run_back.post.js
@@ -1,33 +1,33 @@
 // 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"
 
 export default defineEventHandler(async (event) => {
   try {
-    const { BACK_COMMAND, BACK_PATH, args } = await readBody(event);
-    const port = await runBack(BACK_COMMAND, BACK_PATH, args);
+    const { BACK_COMMAND, BACK_PATH, args } = await readBody(event)
+    const port = await runBack(BACK_COMMAND, BACK_PATH, args)
     await addMicroserviceMetadatas(args.projectFolderPath, {
       type: "back",
       name: BACK_COMMAND,
       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 2f9f3515..7fb0d3ce 100644
--- a/server/api/app/run_viewer.post.js
+++ b/server/api/app/run_viewer.post.js
@@ -1,33 +1,33 @@
 // 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"
 
 export default defineEventHandler(async (event) => {
   try {
-    const { VIEWER_COMMAND, VIEWER_PATH, args } = await readBody(event);
-    const port = await runViewer(VIEWER_COMMAND, VIEWER_PATH, args);
+    const { VIEWER_COMMAND, VIEWER_PATH, args } = await readBody(event)
+    const port = await runViewer(VIEWER_COMMAND, VIEWER_PATH, args)
     await addMicroserviceMetadatas(args.projectFolderPath, {
       type: "viewer",
       name: VIEWER_COMMAND,
       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 7cca2e55..9ebf3196 100644
--- a/server/api/extensions/run.post.js
+++ b/server/api/extensions/run.post.js
@@ -1,92 +1,99 @@
 // 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 9aa50bd3..a33ac49e 100644
--- a/server/api/extensions/upload.put.js
+++ b/server/api/extensions/upload.put.js
@@ -1,27 +1,35 @@
 // 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 // 100 MB
 
 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),
@@ -29,65 +37,71 @@ 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 861536fc..47aadcc2 100644
--- a/tests/integration/setup.js
+++ b/tests/integration/setup.js
@@ -1,34 +1,41 @@
 // 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 { useRuntimeConfig } from "nuxt/app";
+import { afterAll, beforeAll, expect, vi } from "vitest"
+import { useRuntimeConfig } from "nuxt/app"
 
 // 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/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/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 geodeStore = useGeodeStore()
+  const infraStore = useInfraStore()
+  const viewerStore = useViewerStore()
+  infraStore.app_mode = appMode.BROWSER
   const { BACK_COMMAND, BACK_PATH, PROJECT, VIEWER_COMMAND, VIEWER_PATH } =
-    useRuntimeConfig().public;
-  const projectFolderPath = generateProjectFolderPath(PROJECT);
-  await createPath(projectFolderPath);
+    useRuntimeConfig().public
+  const projectFolderPath = generateProjectFolderPath(PROJECT)
+  await createPath(projectFolderPath)
 
   const [back_port, viewer_port] = await Promise.all([
     runBack(BACK_COMMAND, BACK_PATH, {
@@ -36,56 +43,58 @@ async function runMicroservices() {
       uploadFolderPath: data_folder,
     }),
     runViewer(VIEWER_COMMAND, VIEWER_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: BACK_COMMAND,
     port: back_port,
-  });
+  })
   await addMicroserviceMetadatas(projectFolderPath, {
     type: "viewer",
     name: VIEWER_COMMAND,
     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 5c4a48fc..2a6409d1 100644
--- a/tests/integration/stores/data_style/mesh/cells.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/cells.nuxt.test.js
@@ -1,155 +1,181 @@
 // 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/microservices";
-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/microservices"
+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("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 be4d417a..de379a50 100644
--- a/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
@@ -1,144 +1,170 @@
 // 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/microservices";
-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/microservices"
+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 4c23c58b..e4b9e99a 100644
--- a/tests/integration/stores/data_style/mesh/index.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/index.nuxt.test.js
@@ -1,62 +1,65 @@
 // 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/microservices";
-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/microservices"
+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 8ce14425..e21054b1 100644
--- a/tests/integration/stores/data_style/mesh/points.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/points.nuxt.test.js
@@ -1,150 +1,166 @@
 // 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/microservices";
-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/microservices"
+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 ddb8a5f1..351291fc 100644
--- a/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js
@@ -1,158 +1,182 @@
 // 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/microservices";
-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/microservices"
+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 aafe2a3f..573d7448 100644
--- a/tests/integration/stores/data_style/mesh/polyhedra.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/polyhedra.nuxt.test.js
@@ -1,147 +1,171 @@
 // 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/microservices";
-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/microservices"
+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 b6cc2458..05e9f993 100644
--- a/tests/integration/stores/data_style/model/blocks.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/blocks.nuxt.test.js
@@ -1,92 +1,109 @@
 // 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/microservices";
-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/microservices"
+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 844b127b..318b193b 100644
--- a/tests/integration/stores/data_style/model/corners.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/corners.nuxt.test.js
@@ -1,96 +1,113 @@
 // 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/microservices";
-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/microservices"
+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 fbdabbcb..429dcb4a 100644
--- a/tests/integration/stores/data_style/model/edges.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/edges.nuxt.test.js
@@ -1,62 +1,65 @@
 // 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/microservices";
-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/microservices"
+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 1b372373..2ea0f894 100644
--- a/tests/integration/stores/data_style/model/index.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/index.nuxt.test.js
@@ -1,52 +1,55 @@
 // 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/microservices";
-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/microservices"
+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 7b7ad6fc..abb17711 100644
--- a/tests/integration/stores/data_style/model/lines.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/lines.nuxt.test.js
@@ -1,95 +1,108 @@
 // 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/microservices";
-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/microservices"
+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 5dce8da4..856b9df5 100644
--- a/tests/integration/stores/data_style/model/points.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/points.nuxt.test.js
@@ -1,84 +1,87 @@
 // 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/microservices";
-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/microservices"
+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 d81ecd97..e13f1fe8 100644
--- a/tests/integration/stores/data_style/model/surfaces.nuxt.test.js
+++ b/tests/integration/stores/data_style/model/surfaces.nuxt.test.js
@@ -1,94 +1,115 @@
 // 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/microservices";
-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/microservices"
+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() // Clear calls from setup (applyDefaultStyle)
+      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() // Clear calls from setup (applyDefaultStyle)
+      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 a016b9bf..1e1110f7 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/microservices";
-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/microservices"
+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,41 +30,44 @@ 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 fe148375..364011a9 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 a08874ae..41c09066 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 210f6043..6d269b3f 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,22 +44,24 @@ 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 301afef7..fc2db317 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 9bf9a98a..6b615476 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 () => {
   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 6bc8ccdf..88afde3a 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 = "";
+  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,17 +88,19 @@ 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, {
@@ -110,14 +112,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 3db603e5..665dbe99 100644
--- a/tests/unit/components/FileUploader.nuxt.test.js
+++ b/tests/unit/components/FileUploader.nuxt.test.js
@@ -1,35 +1,35 @@
 // 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 = "";
+  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 () => {
     test(`prop auto_upload false`, async () => {
@@ -38,21 +38,23 @@ describe(FileUploader, async () => {
           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, {
@@ -60,9 +62,11 @@ 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 0976fbc6..d4eb3cd0 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 = "";
+  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 6fc1613f..bedbc646 100644
--- a/tests/unit/components/Inspector/ResultPanel.nuxt.test.js
+++ b/tests/unit/components/Inspector/ResultPanel.nuxt.test.js
@@ -1,10 +1,10 @@
 // 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 () => {
   test(`Test with issues`, async () => {
@@ -14,24 +14,27 @@ 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 = [
@@ -39,18 +42,20 @@ 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 c2e79e34..41e57df6 100644
--- a/tests/unit/components/Launcher.nuxt.test.js
+++ b/tests/unit/components/Launcher.nuxt.test.js
@@ -1,37 +1,39 @@
-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 () => {
   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 308d3e30..0de9e216 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 42edf936..9ce76e69 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 fc64ef4d..7e7a19ef 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 () => {
   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 8f6a6f30..7c892f15 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([]);
+    const geode_object_type = ref("BRep")
+    const files = ref([])
     const stepper_tree = reactive({
       current_step_index: ref(0),
       geode_object_type,
@@ -29,21 +29,21 @@ describe(Step, () => {
           },
           chips: computed(() => {
             if (geode_object_type.value === "") {
-              return [];
+              return []
             } else {
-              return [geode_object_type.value];
+              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 2f3e3bca..306fe033 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 504b7656..a620a3a6 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,13 +26,13 @@ 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 () => {
     const invalid_schema = {
@@ -46,31 +46,33 @@ 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 = {};
+    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;
+        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 7b3f689e..e89deb48 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/app_mode";
-import { setupActivePinia } from "@ogw_tests/utils";
-import { useProjectManager } from "@ogw_front/composables/project_manager";
+import { appMode } from "@ogw_front/utils/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,132 +146,151 @@ 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 a708b02a..a46ba4b5 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();
-  });
+    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 91fb8313..ebc27de5 100644
--- a/tests/unit/composables/upload_file.nuxt.test.js
+++ b/tests/unit/composables/upload_file.nuxt.test.js
@@ -1,45 +1,47 @@
 // 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 af4380e6..b4bdd7e9 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,16 +42,18 @@ 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: {
@@ -79,13 +81,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 83874ce5..4d07cc0e 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,115 +73,117 @@ 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 c91a9699..63721148 100644
--- a/tests/unit/stores/feedback.nuxt.test.js
+++ b/tests/unit/stores/feedback.nuxt.test.js
@@ -1,75 +1,85 @@
 // 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 b11d84b8..c2ce5ab9 100644
--- a/tests/unit/stores/geode.nuxt.test.js
+++ b/tests/unit/stores/geode.nuxt.test.js
@@ -1,158 +1,162 @@
 // 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/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/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 e4b8fe3d..beab6a75 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/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/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 aab11c74..46a29906 100644
--- a/tests/unit/stores/lambda.nuxt.test.js
+++ b/tests/unit/stores/lambda.nuxt.test.js
@@ -1,130 +1,132 @@
 // 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();
-});
+  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 a0a340ec..60ed0c5d 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,14 +49,16 @@ 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 5f82e18f..4c7e34fb 100644
--- a/tests/unit/stores/viewer.nuxt.test.js
+++ b/tests/unit/stores/viewer.nuxt.test.js
@@ -1,166 +1,179 @@
 // 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/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/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 774a028a..c40b1df3 100644
--- a/tests/unit/utils/recaptcha.nuxt.test.js
+++ b/tests/unit/utils/recaptcha.nuxt.test.js
@@ -1,40 +1,44 @@
 // 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 7c9088a0..475e9837 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 ef8b6482..9a7ec075 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 9bcc80b8..18fe9c8d 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 461b411c..9d7a1e59 100644
--- a/vuetify_config.js
+++ b/vuetify_config.js
@@ -17,6 +17,6 @@ const vuetify = {
       style: "border-radius: 15px;",
     },
   },
-};
+}
 
-export { vuetify };
+export { vuetify }

From 431a4927d94d1b1dd4266e3e8740524fc638613c Mon Sep 17 00:00:00 2001
From: MaxNumerique <144453705+MaxNumerique@users.noreply.github.com>
Date: Fri, 20 Mar 2026 11:27:05 +0000
Subject: [PATCH 7/7] Apply prepare changes

---
 .eslintrc.cjs                                 |   2 +-
 .oxlintrc.json                                |  24 +-
 app/assets/geode_objects.js                   |  52 +--
 app/components/Carousel.vue                   | 128 +++----
 app/components/CrsSelector.vue                | 100 +++--
 app/components/DeleteDialog.vue               |  58 ++-
 app/components/DragAndDrop.vue                |  76 ++--
 app/components/ExtensionSelector.vue          | 113 +++---
 app/components/FeedBack/ErrorBanner.vue       |  17 +-
 app/components/FeedBack/Snackers.vue          |  26 +-
 app/components/FetchingData.vue               |   7 +-
 app/components/FileSelector.vue               |  88 ++---
 app/components/FileUploader.vue               | 141 +++----
 app/components/GlassCard.vue                  |  38 +-
 app/components/HybridRenderingView.vue        |  75 ++--
 app/components/InfraConnected.vue             |   6 +-
 app/components/Inspector/InspectionButton.vue |  58 ++-
 app/components/Inspector/ResultPanel.vue      |  37 +-
 app/components/Launcher.vue                   |  26 +-
 app/components/Loading.vue                    | 132 ++++---
 app/components/MissingFilesSelector.vue       | 126 +++----
 app/components/ObjectSelector.vue             | 180 ++++-----
 app/components/PackagesVersions.vue           |  57 ++-
 app/components/Recaptcha.vue                  | 128 +++----
 app/components/RemoteRenderingView.vue        | 213 +++++------
 app/components/Screenshot.vue                 |  78 ++--
 app/components/SearchBar.vue                  |  10 +-
 app/components/Step.vue                       |  81 ++--
 app/components/Stepper.vue                    |  64 ++--
 app/components/VeaseViewToolbar.vue           | 147 ++++----
 app/components/ViewToolbar.vue                |  86 ++---
 app/components/Viewer/BreadCrumb.vue          |  48 +--
 app/components/Viewer/ContextMenu.vue         | 355 +++++++++---------
 app/components/Viewer/ContextMenuItem.vue     | 222 ++++++-----
 .../Viewer/EdgedCurve/PointsOptions.vue       |  15 +-
 .../EdgedCurve/SpecificEdgesOptions.vue       | 175 ++++-----
 .../Viewer/Generic/Mesh/CellsOptions.vue      | 183 +++++----
 .../Viewer/Generic/Mesh/EdgesOptions.vue      | 181 ++++-----
 .../Viewer/Generic/Mesh/PointsOptions.vue     | 135 +++----
 .../Viewer/Generic/Mesh/PolygonsOptions.vue   | 192 +++++-----
 .../Viewer/Generic/Mesh/PolyhedraOptions.vue  | 187 ++++-----
 .../Viewer/Generic/Model/EdgesOptions.vue     |  42 +--
 .../Viewer/Generic/Model/PointsOptions.vue    |  56 ++-
 .../Viewer/Grid/2D/CellsOptions.vue           |  10 +-
 .../Viewer/Grid/2D/EdgesOptions.vue           |  15 +-
 .../Viewer/Grid/2D/PointsOptions.vue          |  15 +-
 .../Viewer/Grid/3D/CellsOptions.vue           |  10 +-
 .../Viewer/Grid/3D/EdgesOptions.vue           |  15 +-
 .../Viewer/Grid/3D/FacetsOptions.vue          |  10 +-
 .../Viewer/Grid/3D/PointsOptions.vue          |  15 +-
 .../Viewer/HybridSolid/EdgesOptions.vue       |  15 +-
 .../Viewer/HybridSolid/PointsOptions.vue      |  15 +-
 .../Viewer/HybridSolid/PolygonsOptions.vue    |  15 +-
 .../Viewer/HybridSolid/PolyhedraOptions.vue   |  15 +-
 .../Viewer/Options/AttributeColorBar.vue      |  16 +-
 .../Viewer/Options/AttributeSelector.vue      | 151 ++++----
 .../Viewer/Options/ColorMapList.vue           | 255 ++++++-------
 .../Viewer/Options/ColorMapPicker.vue         | 270 +++++++------
 app/components/Viewer/Options/ColorPicker.vue |  18 +-
 .../Viewer/Options/ColoringTypeSelector.vue   | 168 ++++-----
 app/components/Viewer/Options/TextureItem.vue | 112 +++---
 .../Viewer/Options/TexturesSelector.vue       |  48 ++-
 .../Viewer/Options/VisibilitySwitch.vue       |   2 +-
 .../Viewer/PointSet/SpecificPointsOptions.vue | 129 +++----
 .../Viewer/PolygonalSurface/EdgesOptions.vue  |  15 +-
 .../Viewer/PolygonalSurface/PointsOptions.vue |  15 +-
 .../SpecificPolygonsOptions.vue               | 186 ++++-----
 app/components/Viewer/Solid/EdgesOptions.vue  |  15 +-
 app/components/Viewer/Solid/PointsOptions.vue |  15 +-
 .../Viewer/Solid/PolygonsOptions.vue          |  15 +-
 .../Viewer/Solid/SpecificPolyhedraOptions.vue | 187 ++++-----
 .../TetrahedralSolid/TetrahedraOptions.vue    |  10 +-
 .../TetrahedralSolid/TrianglesOptions.vue     |  10 +-
 app/components/Viewer/Tree/ObjectTree.vue     | 169 ++++-----
 app/components/Viewer/TreeComponent.vue       |  92 +++--
 app/components/Viewer/TreeObject.vue          |  98 +++--
 .../TriangulatedSurface/EdgesOptions.vue      |  15 +-
 .../TriangulatedSurface/PointsOptions.vue     |  10 +-
 .../TriangulatedSurface/TrianglesOptions.vue  |  10 +-
 app/components/Wrapper.vue                    |  16 +-
 app/components/ZScaling.vue                   |  45 +--
 app/composables/project_manager.js            | 124 +++---
 ...n_function_when_microservices_connected.js |  16 +-
 app/plugins/auto_store_register.js            |  24 +-
 app/stores/app.js                             | 229 +++++------
 app/stores/data.js                            | 120 +++---
 app/stores/data_style.js                      |  72 ++--
 app/stores/feedback.js                        |  33 +-
 app/stores/geode.js                           | 110 +++---
 app/stores/hybrid_viewer.js                   | 334 ++++++++--------
 app/stores/infra.js                           |  98 +++--
 app/stores/lambda.js                          |  50 +--
 app/stores/menu.js                            | 163 ++++----
 app/stores/treeview.js                        | 118 +++---
 app/stores/viewer.js                          | 197 +++++-----
 app/utils/colormap.js                         |   6 +-
 app/utils/config.js                           |  38 +-
 app/utils/default_styles.js                   | 112 +++---
 app/utils/extension.js                        |  88 ++---
 app/utils/file_import_workflow.js             | 114 +++---
 app/utils/local/app_mode.js                   |   4 +-
 app/utils/local/cleanup.js                    | 134 ++++---
 app/utils/local/microservices.js              | 132 +++----
 app/utils/local/path.js                       |  35 +-
 app/utils/local/scripts.js                    |  44 +--
 app/utils/recaptcha.js                        |  12 +-
 app/utils/server.js                           |  40 +-
 app/utils/status.js                           |   4 +-
 app/utils/treeview.js                         |   8 +-
 app/utils/validate_schema.js                  |  14 +-
 commitlint.config.js                          |   4 +-
 eslint.config.js                              |   8 +-
 internal/database/database.js                 |  82 ++--
 internal/database/extended_database.js        |  19 +-
 internal/database/tables/data.js              |   5 +-
 internal/database/tables/model_components.js  |   2 +-
 .../tables/model_components_relation.js       |   2 +-
 internal/stores/data_style/mesh/cells/cell.js | 110 +++---
 .../stores/data_style/mesh/cells/color.js     |  27 +-
 .../stores/data_style/mesh/cells/common.js    |  12 +-
 .../stores/data_style/mesh/cells/index.js     |  73 ++--
 .../stores/data_style/mesh/cells/textures.js  |  23 +-
 .../stores/data_style/mesh/cells/vertex.js    | 105 +++---
 .../data_style/mesh/cells/visibility.js       |  27 +-
 .../stores/data_style/mesh/edges/color.js     |  27 +-
 .../stores/data_style/mesh/edges/common.js    |  12 +-
 internal/stores/data_style/mesh/edges/edge.js | 110 +++---
 .../stores/data_style/mesh/edges/index.js     |  78 ++--
 .../stores/data_style/mesh/edges/vertex.js    | 105 +++---
 .../data_style/mesh/edges/visibility.js       |  27 +-
 .../stores/data_style/mesh/edges/width.js     |  27 +-
 internal/stores/data_style/mesh/index.js      |  68 ++--
 .../stores/data_style/mesh/points/color.js    |  27 +-
 .../stores/data_style/mesh/points/common.js   |  12 +-
 .../stores/data_style/mesh/points/index.js    |  73 ++--
 .../stores/data_style/mesh/points/size.js     |  27 +-
 .../stores/data_style/mesh/points/vertex.js   | 105 +++---
 .../data_style/mesh/points/visibility.js      |  27 +-
 .../stores/data_style/mesh/polygons/color.js  |  27 +-
 .../stores/data_style/mesh/polygons/common.js |  12 +-
 .../stores/data_style/mesh/polygons/index.js  |  70 ++--
 .../data_style/mesh/polygons/polygon.js       | 101 +++--
 .../data_style/mesh/polygons/textures.js      |  27 +-
 .../stores/data_style/mesh/polygons/vertex.js | 105 +++---
 .../data_style/mesh/polygons/visibility.js    |  27 +-
 .../stores/data_style/mesh/polyhedra/color.js |  27 +-
 .../data_style/mesh/polyhedra/common.js       |  12 +-
 .../stores/data_style/mesh/polyhedra/index.js |  63 ++--
 .../data_style/mesh/polyhedra/polyhedron.js   |  90 +++--
 .../data_style/mesh/polyhedra/vertex.js       | 105 +++---
 .../data_style/mesh/polyhedra/visibility.js   |  28 +-
 .../stores/data_style/model/blocks/color.js   |  48 ++-
 .../stores/data_style/model/blocks/common.js  |  12 +-
 .../stores/data_style/model/blocks/index.js   |  30 +-
 .../data_style/model/blocks/visibility.js     |  48 ++-
 .../stores/data_style/model/corners/color.js  |  48 ++-
 .../stores/data_style/model/corners/common.js |  12 +-
 .../stores/data_style/model/corners/index.js  |  32 +-
 .../data_style/model/corners/visibility.js    |  49 ++-
 .../stores/data_style/model/edges/common.js   |   8 +-
 .../stores/data_style/model/edges/index.js    |  14 +-
 .../data_style/model/edges/visibility.js      |  26 +-
 internal/stores/data_style/model/index.js     | 163 ++++----
 .../stores/data_style/model/lines/color.js    |  48 ++-
 .../stores/data_style/model/lines/common.js   |  12 +-
 .../stores/data_style/model/lines/index.js    |  30 +-
 .../data_style/model/lines/visibility.js      |  48 ++-
 .../stores/data_style/model/points/common.js  |   8 +-
 .../stores/data_style/model/points/index.js   |  18 +-
 .../stores/data_style/model/points/size.js    |  22 +-
 .../data_style/model/points/visibility.js     |  26 +-
 .../stores/data_style/model/surfaces/color.js |  48 ++-
 .../data_style/model/surfaces/common.js       |  12 +-
 .../stores/data_style/model/surfaces/index.js |  36 +-
 .../data_style/model/surfaces/visibility.js   |  40 +-
 internal/stores/data_style/state.js           |  22 +-
 internal/utils/api_fetch.js                   |  58 ++-
 internal/utils/upload_file.js                 |  41 +-
 internal/utils/viewer_call.js                 |  59 ++-
 nuxt.config.js                                |  18 +-
 scripts/generate_geode_objects.js             |  30 +-
 server/api/app/kill.post.js                   |   8 +-
 server/api/app/project_folder_path.post.js    |  22 +-
 server/api/app/run_back.post.js               |  24 +-
 server/api/app/run_viewer.post.js             |  24 +-
 server/api/extensions/run.post.js             |  75 ++--
 server/api/extensions/upload.put.js           | 110 +++---
 tests/integration/setup.js                    |  96 +++--
 .../stores/data_style/mesh/cells.nuxt.test.js | 204 +++++-----
 .../stores/data_style/mesh/edges.nuxt.test.js | 188 ++++------
 .../stores/data_style/mesh/index.nuxt.test.js |  79 ++--
 .../data_style/mesh/points.nuxt.test.js       | 186 +++++----
 .../data_style/mesh/polygons.nuxt.test.js     | 202 +++++-----
 .../data_style/mesh/polyhedra.nuxt.test.js    | 186 ++++-----
 .../data_style/model/blocks.nuxt.test.js      | 129 +++----
 .../data_style/model/corners.nuxt.test.js     | 135 +++----
 .../data_style/model/edges.nuxt.test.js       |  81 ++--
 .../data_style/model/index.nuxt.test.js       |  65 ++--
 .../data_style/model/lines.nuxt.test.js       | 133 +++----
 .../data_style/model/points.nuxt.test.js      | 107 +++---
 .../data_style/model/surfaces.nuxt.test.js    | 139 +++----
 tests/integration/stores/viewer.nuxt.test.js  |  71 ++--
 tests/setup_indexeddb.js                      |   4 +-
 .../unit/components/CrsSelector.nuxt.test.js  |  56 +--
 .../components/ExtensionSelector.nuxt.test.js |  68 ++--
 .../FeedBack/ErrorsBanner.nuxt.test.js        |  46 +--
 .../components/FeedBack/Snackers.nuxt.test.js |  34 +-
 .../unit/components/FileSelector.nuxt.test.js | 114 +++---
 .../unit/components/FileUploader.nuxt.test.js |  70 ++--
 .../Inspector/InspectionButton.nuxt.test.js   |  54 +--
 .../Inspector/ResultPanel.nuxt.test.js        |  47 ++-
 tests/unit/components/Launcher.nuxt.test.js   |  40 +-
 .../MissingFilesSelector.nuxt.test.js         |  74 ++--
 .../components/ObjectSelector.nuxt.test.js    | 124 +++---
 .../components/PackagesVersions.nuxt.test.js  |  30 +-
 tests/unit/components/Step.nuxt.test.js       |  34 +-
 tests/unit/components/Stepper.nuxt.test.js    |  36 +-
 tests/unit/composables/api_fetch.nuxt.test.js |  64 ++--
 .../composables/project_manager.nuxt.test.js  | 205 +++++-----
 ..._when_microservices_connected.nuxt.test.js |  70 ++--
 .../unit/composables/upload_file.nuxt.test.js |  56 ++-
 tests/unit/plugins/project_load.nuxt.test.js  |  64 ++--
 tests/unit/stores/app.nuxt.test.js            | 182 +++++----
 tests/unit/stores/feedback.nuxt.test.js       | 104 +++--
 tests/unit/stores/geode.nuxt.test.js          | 226 ++++++-----
 tests/unit/stores/infra.nuxt.test.js          | 296 +++++++--------
 tests/unit/stores/lambda.nuxt.test.js         | 144 ++++---
 tests/unit/stores/treeview.nuxt.test.js       |  40 +-
 tests/unit/stores/viewer.nuxt.test.js         | 231 ++++++------
 tests/unit/utils/recaptcha.nuxt.test.js       |  54 ++-
 tests/unit/utils/validate_schema.nuxt.test.js |  34 +-
 tests/utils.js                                |  22 +-
 tests/vitest.config.js                        |  18 +-
 vuetify_config.js                             |   4 +-
 234 files changed, 7696 insertions(+), 9077 deletions(-)

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..65bd07e8 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
       }
     ],
@@ -121,12 +106,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..4b4ec9da 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) {
+    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(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);
     }
-    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..187c3723 100644
--- a/app/components/Recaptcha.vue
+++ b/app/components/Recaptcha.vue
@@ -1,68 +1,65 @@
 <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."
-    },
-  ]
+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 })
-      }
+onMounted(() => {
+  if (import.meta.client) {
+    if (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,
-    })
   }
+});
+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 +74,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 +88,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 baa1527c..37391365 100644
--- a/app/components/RemoteRenderingView.vue
+++ b/app/components/RemoteRenderingView.vue
@@ -1,105 +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>
@@ -109,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)"
@@ -125,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..4c276375 100644
--- a/app/stores/app.js
+++ b/app/stores/app.js
@@ -1,139 +1,128 @@
-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)
+      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)
+        await extensionModule.install(extensionAPI.value, backendPath);
 
         const extensionData = {
           module: extensionModule,
@@ -143,127 +132,117 @@ export const useAppStore = defineStore("app", () => {
           loadedAt: new Date().toISOString(),
           metadata: extensionModule.metadata,
           enabled: true,
-        }
-        loadedExtensions.value.set(extensionId, extensionData)
+        };
+        loadedExtensions.value.set(extensionId, extensionData);
 
-        console.log(`[AppStore] Extension loaded successfully: ${extensionId}`)
-        return extensionModule
+        console.log(`[AppStore] Extension loaded successfully: ${extensionId}`);
+        return extensionModule;
       } else {
-        throw new Error("Extension must export an install function")
+        throw new Error("Extension must export an install function");
       }
     } 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 +251,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
+          console.log(`[APP] ${response.projectFolderPath} created`);
+          projectFolderPath.value = response.projectFolderPath;
         },
       },
-    )
+    );
   }
 
   return {
@@ -308,5 +287,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..b564d241 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,
-      )
+      this.feedbacks = this.feedbacks.filter((feedback) => feedback.id !== feedbackId);
     },
     async delete_server_error() {
-      this.server_error = false
+      this.server_error = false;
     },
   },
-})
+});
diff --git a/app/stores/geode.js b/app/stores/geode.js
index 9f9a6c6b..8a4494cf 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,69 @@ 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 geodeStore = this;
+      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 });
+            geodeStore.status = Status.NOT_CONNECTED;
           },
           response_function: () => {
-            feedbackStore.$patch({ server_error: false })
-            geodeStore.status = Status.CONNECTED
+            feedbackStore.$patch({ server_error: false });
+            geodeStore.status = Status.CONNECTED;
           },
           response_error_function: () => {
-            feedbackStore.$patch({ server_error: true })
-            geodeStore.status = Status.NOT_CONNECTED
+            feedbackStore.$patch({ server_error: true });
+            geodeStore.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 +89,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 +122,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 +141,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..d9a44665 100644
--- a/app/stores/hybrid_viewer.js
+++ b/app/stores/hybrid_viewer.js
@@ -1,137 +1,134 @@
 // 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) {
     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()
+    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 +138,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 +225,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 +261,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 +305,5 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     clear,
     exportStores,
     importStores,
-  }
-})
+  };
+});
diff --git a/app/stores/infra.js b/app/stores/infra.js
index 446c7193..0c3d09b8 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.find((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)
+      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..fff9676a 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()
+      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..bc967fd8 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
+    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 = []
+    const ids = pendingSelectionIds.value || [];
+    const rebuilt = [];
     if (!ids.length) {
       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 9f6b478f..dbad8815 100644
--- a/app/stores/viewer.js
+++ b/app/stores/viewer.js
@@ -1,147 +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()
+      console.log("[VIEWER] Launching viewer microservice...", { args });
+      const appStore = useAppStore();
       const schema = {
         $id: "/api/app/run_viewer",
         methods: ["POST"],
@@ -149,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,
@@ -192,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 {
@@ -222,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..50bc6637 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)
+    return killHttpMicroservice(microservice);
   } else if (microservice.type === "viewer") {
-    return killWebsocketMicroservice(microservice)
+    return killWebsocketMicroservice(microservice);
   } else {
-    throw new Error(`Unknown microservice type: ${microservice.type}`)
+    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..e3c21ee9 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.replace(/\//g, "_"), 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..2b4b2ff4 100644
--- a/app/utils/server.js
+++ b/app/utils/server.js
@@ -1,46 +1,46 @@
 // 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)
+  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..009edef9 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 = {}
+    const currentVersion = tempDb.verno;
+    const currentStores = {};
 
-    currentStores[dataTable.name] = dataTable.schema
-    currentStores[modelComponentsTable.name] = modelComponentsTable.schema
-    currentStores[modelComponentsRelationTable.name] =
-      modelComponentsRelationTable.schema
+    currentStores[dataTable.name] = dataTable.schema;
+    currentStores[modelComponentsTable.name] = modelComponentsTable.schema;
+    currentStores[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..db5f657d 100644
--- a/internal/stores/data_style/mesh/cells/index.js
+++ b/internal/stores/data_style/mesh/cells/index.js
@@ -1,74 +1,61 @@
 // 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),
-      )
+      return meshCellsColorStyle.setMeshCellsColor(id, meshCellsColorStyle.meshCellsColor(id));
     } else if (type === "textures") {
-      const textures = meshCellsTexturesStore.meshCellsTextures(id)
+      const textures = meshCellsTexturesStore.meshCellsTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshCellsTexturesStore.setMeshCellsTextures(id, textures)
+      return meshCellsTexturesStore.setMeshCellsTextures(id, textures);
     } else if (type === "vertex") {
-      const name =
-        meshCellsVertexAttributeStyle.meshCellsVertexAttributeName(id)
+      const name = meshCellsVertexAttributeStyle.meshCellsVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshCellsVertexAttributeStyle.setMeshCellsVertexAttributeName(
-        id,
-        name,
-      )
+      return meshCellsVertexAttributeStyle.setMeshCellsVertexAttributeName(id, name);
     } else if (type === "cell") {
-      const name = meshCellsCellAttributeStyle.meshCellsCellAttributeName(id)
+      const name = meshCellsCellAttributeStyle.meshCellsCellAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      await meshCellsCellAttributeStyle.setMeshCellsCellAttributeName(id, name)
+      await meshCellsCellAttributeStyle.setMeshCellsCellAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh cells coloring type: ${type}`)
+      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 +67,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..c346880d 100644
--- a/internal/stores/data_style/mesh/edges/index.js
+++ b/internal/stores/data_style/mesh/edges/index.js
@@ -1,78 +1,62 @@
 // 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
+    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),
-      )
+      return meshEdgesColorStyle.setMeshEdgesColor(id, meshEdgesColorStyle.meshEdgesColor(id));
     } else if (type === "textures") {
-      const textures = meshEdgesTexturesStore.meshEdgesTextures(id)
+      const textures = meshEdgesTexturesStore.meshEdgesTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshEdgesTexturesStore.setMeshEdgesTextures(id, textures)
+      return meshEdgesTexturesStore.setMeshEdgesTextures(id, textures);
     } else if (type === "vertex") {
-      const name =
-        meshEdgesVertexAttributeStyle.meshEdgesVertexAttributeName(id)
+      const name = meshEdgesVertexAttributeStyle.meshEdgesVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshEdgesVertexAttributeStyle.setMeshEdgesVertexAttributeName(
-        id,
-        name,
-      )
+      return meshEdgesVertexAttributeStyle.setMeshEdgesVertexAttributeName(id, name);
     } else if (type === "edge") {
-      const name = meshEdgesEdgeAttributeStyle.meshEdgesEdgeAttributeName(id)
+      const name = meshEdgesEdgeAttributeStyle.meshEdgesEdgeAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshEdgesEdgeAttributeStyle.setMeshEdgesEdgeAttributeName(id, name)
+      return meshEdgesEdgeAttributeStyle.setMeshEdgesEdgeAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh edges coloring type: ${type}`)
+      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 +68,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..a2b32a51 100644
--- a/internal/stores/data_style/mesh/points/index.js
+++ b/internal/stores/data_style/mesh/points/index.js
@@ -1,62 +1,51 @@
 // 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),
-      )
+      return meshPointsColorStyle.setMeshPointsColor(id, meshPointsColorStyle.meshPointsColor(id));
     } else if (type === "textures") {
-      const textures = meshPointsTexturesStore.meshPointsTextures(id)
+      const textures = meshPointsTexturesStore.meshPointsTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPointsTexturesStore.setMeshPointsTextures(id, textures)
+      return meshPointsTexturesStore.setMeshPointsTextures(id, textures);
     } else if (type === "vertex") {
-      const name =
-        meshPointsVertexAttributeStyle.meshPointsVertexAttributeName(id)
+      const name = meshPointsVertexAttributeStyle.meshPointsVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPointsVertexAttributeStyle.setMeshPointsVertexAttributeName(
-        id,
-        name,
-      )
+      return meshPointsVertexAttributeStyle.setMeshPointsVertexAttributeName(id, name);
     } else if (type === "polygon") {
-      const name =
-        meshPointsPolygonAttributeStyleStore.meshPointsPolygonAttributeName(id)
+      const name = meshPointsPolygonAttributeStyleStore.meshPointsPolygonAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      await meshPointsPolygonAttributeStyleStore.setMeshPointsPolygonAttributeName(
-        id,
-        name,
-      )
+      await meshPointsPolygonAttributeStyleStore.setMeshPointsPolygonAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh points coloring type: ${type}`)
+      throw new Error(`Unknown mesh points coloring type: ${type}`);
     }
   }
 
@@ -66,15 +55,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 +68,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..10dbdd7d 100644
--- a/internal/stores/data_style/mesh/polygons/index.js
+++ b/internal/stores/data_style/mesh/polygons/index.js
@@ -1,65 +1,56 @@
 // 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)
+      const textures = meshPolygonsTexturesStyle.meshPolygonsTextures(id);
       if (textures === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPolygonsTexturesStyle.setMeshPolygonsTextures(id, textures)
+      return meshPolygonsTexturesStyle.setMeshPolygonsTextures(id, textures);
     } else if (type === "vertex") {
-      const name =
-        meshPolygonsVertexAttributeStyle.meshPolygonsVertexAttributeName(id)
+      const name = meshPolygonsVertexAttributeStyle.meshPolygonsVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPolygonsVertexAttributeStyle.setMeshPolygonsVertexAttributeName(
-        id,
-        name,
-      )
+      return meshPolygonsVertexAttributeStyle.setMeshPolygonsVertexAttributeName(id, name);
     } else if (type === "polygon") {
-      const name =
-        meshPolygonsPolygonAttributeStyle.meshPolygonsPolygonAttributeName(id)
+      const name = meshPolygonsPolygonAttributeStyle.meshPolygonsPolygonAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      await meshPolygonsPolygonAttributeStyle.setMeshPolygonsPolygonAttributeName(
-        id,
-        name,
-      )
+      await meshPolygonsPolygonAttributeStyle.setMeshPolygonsPolygonAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh polygons coloring type: ${type}`)
+      throw new Error(`Unknown mesh polygons coloring type: ${type}`);
     }
   }
 
@@ -69,11 +60,8 @@ export function useMeshPolygonsStyle() {
         id,
         meshPolygonsVisibility.meshPolygonsVisibility(id),
       ),
-      setMeshPolygonsActiveColoring(
-        id,
-        meshPolygonsCommonStyle.meshPolygonsActiveColoring(id),
-      ),
-    ])
+      setMeshPolygonsActiveColoring(id, meshPolygonsCommonStyle.meshPolygonsActiveColoring(id)),
+    ]);
   }
 
   return {
@@ -85,5 +73,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..7fa4f44e 100644
--- a/internal/stores/data_style/mesh/polyhedra/index.js
+++ b/internal/stores/data_style/mesh/polyhedra/index.js
@@ -1,60 +1,48 @@
 // 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)
+      const name = meshPolyhedraVertexAttributeStyle.meshPolyhedraVertexAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      return meshPolyhedraVertexAttributeStyle.setMeshPolyhedraVertexAttributeName(
-        id,
-        name,
-      )
+      return meshPolyhedraVertexAttributeStyle.setMeshPolyhedraVertexAttributeName(id, name);
     } else if (type === "polyhedron") {
-      const name =
-        meshPolyhedraPolyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeName(
-          id,
-        )
+      const name = meshPolyhedraPolyhedronAttributeStyle.meshPolyhedraPolyhedronAttributeName(id);
       if (name === undefined) {
-        return Promise.resolve()
+        return Promise.resolve();
       }
-      await meshPolyhedraPolyhedronAttributeStyle.setMeshPolyhedraPolyhedronAttributeName(
-        id,
-        name,
-      )
+      await meshPolyhedraPolyhedronAttributeStyle.setMeshPolyhedraPolyhedronAttributeName(id, name);
     } else {
-      throw new Error(`Unknown mesh polyhedra coloring type: ${type}`)
+      throw new Error(`Unknown mesh polyhedra coloring type: ${type}`);
     }
   }
 
@@ -64,11 +52,8 @@ export function useMeshPolyhedraStyle() {
         id,
         meshPolyhedraVisibility.meshPolyhedraVisibility(id),
       ),
-      setMeshPolyhedraActiveColoring(
-        id,
-        meshPolyhedraCommonStyle.meshPolyhedraActiveColoring(id),
-      ),
-    ])
+      setMeshPolyhedraActiveColoring(id, meshPolyhedraCommonStyle.meshPolyhedraActiveColoring(id)),
+    ]);
   }
 
   return {
@@ -79,5 +64,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 0bdb472b..773948e4 100644
--- a/internal/stores/data_style/model/blocks/color.js
+++ b/internal/stores/data_style/model/blocks/color.js
@@ -1,42 +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,
@@ -44,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 8b479b8d..e9b53d81 100644
--- a/internal/stores/data_style/model/blocks/visibility.js
+++ b/internal/stores/data_style/model/blocks/visibility.js
@@ -1,42 +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,
@@ -44,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 9feaa7a6..c988c778 100644
--- a/internal/stores/data_style/model/corners/color.js
+++ b/internal/stores/data_style/model/corners/color.js
@@ -1,41 +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,
@@ -43,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 2abbef34..d91c3662 100644
--- a/internal/stores/data_style/model/corners/visibility.js
+++ b/internal/stores/data_style/model/corners/visibility.js
@@ -1,42 +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,
@@ -44,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..25222241 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,63 @@ 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)
+      return modelCornersStyleStore.modelCornerVisibility(id, component_id);
     } else if (component_type === "Line") {
-      return modelLinesStyleStore.modelLineVisibility(id, component_id)
+      return modelLinesStyleStore.modelLineVisibility(id, component_id);
     } else if (component_type === "Surface") {
-      return modelSurfacesStyleStore.modelSurfaceVisibility(id, component_id)
+      return modelSurfacesStyleStore.modelSurfaceVisibility(id, component_id);
     } else if (component_type === "Block") {
-      return modelBlocksStyleStore.modelBlockVisibility(id, component_id)
+      return modelBlocksStyleStore.modelBlockVisibility(id, component_id);
     }
-    throw new Error(`Unknown model component_type: ${component_type}`)
+    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 +101,74 @@ 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,
-      )
+      return modelCornersStyleStore.setModelCornersVisibility(id, component_geode_ids, visibility);
     } else if (component_type === "Line") {
-      return modelLinesStyleStore.setModelLinesVisibility(
-        id,
-        component_geode_ids,
-        visibility,
-      )
+      return modelLinesStyleStore.setModelLinesVisibility(id, component_geode_ids, visibility);
     } else 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,
-      )
+      return modelBlocksStyleStore.setModelBlocksVisibility(id, component_geode_ids, visibility);
     } else {
-      throw new Error(`Unknown model component_type: ${component_type}`)
+      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 +186,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 9a701939..7f3e6f95 100644
--- a/internal/stores/data_style/model/lines/color.js
+++ b/internal/stores/data_style/model/lines/color.js
@@ -1,41 +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,
@@ -43,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 64fa70a8..4edbf7e3 100644
--- a/internal/stores/data_style/model/lines/visibility.js
+++ b/internal/stores/data_style/model/lines/visibility.js
@@ -1,41 +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,
@@ -43,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 06607583..d638c9f3 100644
--- a/internal/stores/data_style/model/surfaces/color.js
+++ b/internal/stores/data_style/model/surfaces/color.js
@@ -1,41 +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,
@@ -43,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..6e6ef1a2 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()
+  };
+  microservice.start_request();
   return $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..deffdaec 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..9aa50bd3 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; // 100 MB
 
 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..cd1871c6 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("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..a9644c7a 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(); // Clear calls from setup (applyDefaultStyle)
+      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(); // Clear calls from setup (applyDefaultStyle)
+      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..ba437782 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..9bf9a98a 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 () => {
   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..6bc8ccdf 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 = ""
+  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..3db603e5 100644
--- a/tests/unit/components/FileUploader.nuxt.test.js
+++ b/tests/unit/components/FileUploader.nuxt.test.js
@@ -1,35 +1,35 @@
 // 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 = ""
+  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 () => {
     test(`prop auto_upload false`, async () => {
@@ -38,23 +38,21 @@ describe(FileUploader, async () => {
           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..0976fbc6 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 = ""
+  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..6fc1613f 100644
--- a/tests/unit/components/Inspector/ResultPanel.nuxt.test.js
+++ b/tests/unit/components/Inspector/ResultPanel.nuxt.test.js
@@ -1,10 +1,10 @@
 // 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 () => {
   test(`Test with issues`, async () => {
@@ -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..c2e79e34 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 () => {
   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..fc64ef4d 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 () => {
   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..8f6a6f30 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([])
+    const geode_object_type = ref("BRep");
+    const files = ref([]);
     const stepper_tree = reactive({
       current_step_index: ref(0),
       geode_object_type,
@@ -29,21 +29,21 @@ describe(Step, () => {
           },
           chips: computed(() => {
             if (geode_object_type.value === "") {
-              return []
+              return [];
             } else {
-              return [geode_object_type.value]
+              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..504b7656 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,13 +26,13 @@ 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 () => {
     const invalid_schema = {
@@ -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 = {}
+    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
+        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..a708b02a 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()
-  })
+    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..aab11c74 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()
-})
+  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 };