From ce85c5f3ad80e93cde2b497596ea9867439a9a6f Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Fri, 9 Jan 2026 16:42:10 +0100
Subject: [PATCH 01/12] test

---
 .../Viewer/Generic/Mesh/EdgesOptions.vue      | 43 ++++++++++++++++---
 .../Viewer/Generic/Mesh/PointsOptions.vue     |  1 +
 app/utils/default_styles.js                   |  1 +
 internal/stores/mesh/edges.js                 | 36 +++++++++++++---
 4 files changed, 68 insertions(+), 13 deletions(-)

diff --git a/app/components/Viewer/Generic/Mesh/EdgesOptions.vue b/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
index a5e4b493..ae9a1cae 100644
--- a/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
@@ -7,11 +7,33 @@
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
       <template v-if="visibility">
-        <ViewerOptionsColoringTypeSelector
-          :id="id"
-          v-model:coloring_style_key="coloring_style_key"
-          v-model:color="color"
-        />
+        <v-row class="pa-0" align="center">
+          <v-divider />
+          <v-col cols="auto" justify="center">
+            <v-icon size="30" icon="mdi-ruler" v-tooltip:left="'Width'" />
+          </v-col>
+          <v-col justify="center">
+            <v-slider
+              v-model="size"
+              hide-details
+              min="0"
+              max="20"
+              step="2"
+              thumb-color="black"
+              ticks
+            />
+          </v-col>
+        </v-row>
+        <v-row>
+          <v-col>
+            <ViewerOptionsColoringTypeSelector
+              :id="id"
+              v-model:coloring_style_key="coloring_style_key"
+              v-model:color="color"
+              v-model:vertex_attribute="vertex_attribute"
+            />
+          </v-col>
+        </v-row>
       </template>
     </template>
   </ViewerContextMenuItem>
@@ -43,9 +65,9 @@
     },
   })
   const size = computed({
-    get: () => dataStyleStore.edgesSize(id.value),
+    get: () => dataStyleStore.meshEdgesWidth(id.value),
     set: (newValue) => {
-      dataStyleStore.setEdgesSize(id.value, newValue)
+      dataStyleStore.setMeshEdgesWidth(id.value, newValue)
       hybridViewerStore.remoteRender()
     },
   })
@@ -63,4 +85,11 @@
       hybridViewerStore.remoteRender()
     },
   })
+  const vertex_attribute = computed({
+    get: () => dataStyleStore.meshEdgesVertexAttribute(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshEdgesVertexAttribute(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
 </script>
diff --git a/app/components/Viewer/Generic/Mesh/PointsOptions.vue b/app/components/Viewer/Generic/Mesh/PointsOptions.vue
index de8fe81a..39338789 100644
--- a/app/components/Viewer/Generic/Mesh/PointsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PointsOptions.vue
@@ -30,6 +30,7 @@
               :id="id"
               v-model:coloring_style_key="coloring_style_key"
               v-model:color="color"
+              v-model:vertex_attribute="vertex_attribute"
             />
           </v-col>
         </v-row>
diff --git a/app/utils/default_styles.js b/app/utils/default_styles.js
index 517cf33b..45915c41 100644
--- a/app/utils/default_styles.js
+++ b/app/utils/default_styles.js
@@ -49,6 +49,7 @@ const meshEdgesDefaultStyle = (
     coloring: {
       active: "color",
       color,
+      vertex: null,
     },
     size,
   }
diff --git a/internal/stores/mesh/edges.js b/internal/stores/mesh/edges.js
index 7755c093..9786bb84 100644
--- a/internal/stores/mesh/edges.js
+++ b/internal/stores/mesh/edges.js
@@ -49,10 +49,11 @@ export function useMeshEdgesStyle() {
     )
     if (type === "color") {
       return setMeshEdgesColor(id, coloring.color)
-      // } else if (type == "vertex" && coloring.vertex !== null) {
-      //   return setEdgesVertexAttribute(id, coloring.vertex)
-      // } else if (type == "edges" && coloring.edges !== null) {
-      //   return setEdgesEdgeAttribute(id, coloring.edges)
+    } else if (type === "vertex") {
+      if (coloring.vertex === null) {
+        return
+      }
+      return setMeshEdgesVertexAttribute(id, coloring.vertex)
     } else {
       throw new Error("Unknown mesh edges coloring type: " + type)
     }
@@ -89,19 +90,40 @@ export function useMeshEdgesStyle() {
       { id, width },
       {
         response_function: () => {
-          edges_style.width = width
+          edges_style.size = width
           console.log(setMeshEdgesWidth.name, { id }, meshEdgesWidth(id))
         },
       },
     )
   }
 
+  function meshEdgesVertexAttribute(id) {
+    return meshEdgesStyle(id).coloring.vertex
+  }
+  function setMeshEdgesVertexAttribute(id, vertex_attribute) {
+    const coloring_style = meshEdgesStyle(id).coloring
+    return viewerStore.request(
+      mesh_edges_schemas.vertex_attribute,
+      { id, ...vertex_attribute },
+      {
+        response_function: () => {
+          coloring_style.vertex = vertex_attribute
+          console.log(
+            setMeshEdgesVertexAttribute.name,
+            { id },
+            meshEdgesVertexAttribute(id),
+          )
+        },
+      },
+    )
+  }
+
   function applyMeshEdgesStyle(id) {
     const style = meshEdgesStyle(id)
     return Promise.all([
       setMeshEdgesVisibility(id, style.visibility),
       setMeshEdgesActiveColoring(id, style.coloring.active),
-      // setMeshEdgesWidth(id, style.width);
+      setMeshEdgesWidth(id, style.size),
     ])
   }
 
@@ -111,9 +133,11 @@ export function useMeshEdgesStyle() {
     meshEdgesColor,
     meshEdgesVisibility,
     meshEdgesWidth,
+    meshEdgesVertexAttribute,
     setMeshEdgesActiveColoring,
     setMeshEdgesColor,
     setMeshEdgesVisibility,
     setMeshEdgesWidth,
+    setMeshEdgesVertexAttribute,
   }
 }

From 3e411876ea9d9cd7b74710b316474f76da284abf Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Mon, 19 Jan 2026 16:02:52 +0100
Subject: [PATCH 02/12] fix(context-menu): Align context menu options with
 requirements table and fix EdgedCurve technical issues

---
 .../Viewer/EdgedCurve/EdgesOptions.vue        |   6 +-
 .../EdgedCurve/SpecificEdgesOptions.vue       | 105 ++++++++++++++++++
 .../Viewer/Generic/Mesh/CellsOptions.vue      |   2 +
 .../Viewer/Generic/Mesh/EdgesOptions.vue      |  37 ++++--
 .../Viewer/Generic/Mesh/PointsOptions.vue     |   9 +-
 .../Viewer/Generic/Mesh/PolygonsOptions.vue   |  18 +--
 .../Viewer/Generic/Mesh/PolyhedraOptions.vue  |  19 +---
 .../Viewer/Generic/Model/EdgesOptions.vue     |   1 +
 .../Viewer/Generic/Model/PointsOptions.vue    |   1 +
 .../Viewer/Options/ColoringTypeSelector.vue   |  21 ++--
 .../Viewer/Options/EdgeAttributeSelector.vue  |  46 ++++++++
 .../Viewer/PointSet/PointsOptions.vue         |   2 +
 .../Viewer/PointSet/SpecificPointsOptions.vue |   2 +
 .../Viewer/PolygonalSurface/PointsOptions.vue |   2 +
 .../PolygonalSurface/PolygonsOptions.vue      |   6 +-
 .../SpecificPolygonsOptions.vue               |  86 ++++++++++++++
 app/components/Viewer/Solid/EdgesOptions.vue  |   2 +
 app/components/Viewer/Solid/PointsOptions.vue |   2 +
 .../Viewer/Solid/PolygonsOptions.vue          |   2 +
 .../Viewer/Solid/PolyhedraOptions.vue         |  10 +-
 .../Viewer/Solid/SpecificPolyhedraOptions.vue |  78 +++++++++++++
 .../TetrahedralSolid/TetrahedraOptions.vue    |   3 +
 .../TetrahedralSolid/TrianglesOptions.vue     |   2 +
 .../TriangulatedSurface/EdgesOptions.vue      |   2 +
 .../TriangulatedSurface/PointsOptions.vue     |   2 +
 .../TriangulatedSurface/TrianglesOptions.vue  |  10 +-
 app/utils/default_styles.js                   |   1 +
 internal/stores/mesh/edges.js                 |  36 +++++-
 28 files changed, 440 insertions(+), 73 deletions(-)
 create mode 100644 app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
 create mode 100644 app/components/Viewer/Options/EdgeAttributeSelector.vue
 create mode 100644 app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue
 create mode 100644 app/components/Viewer/Solid/SpecificPolyhedraOptions.vue

diff --git a/app/components/Viewer/EdgedCurve/EdgesOptions.vue b/app/components/Viewer/EdgedCurve/EdgesOptions.vue
index 6c98546a..faa4f24f 100644
--- a/app/components/Viewer/EdgedCurve/EdgesOptions.vue
+++ b/app/components/Viewer/EdgedCurve/EdgesOptions.vue
@@ -1,15 +1,17 @@
 <template>
-  <ViewerGenericMeshEdgesOptions
+  <ViewerSpecificEdgesOptions
     :itemProps="props.itemProps"
     :btn_image="EdgedCurveEdges"
+    :index="props.index"
   />
 </template>
 
 <script setup>
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
+  import ViewerSpecificEdgesOptions from "@ogw_front/components/Viewer/EdgedCurve/SpecificEdgesOptions"
   import EdgedCurveEdges from "@ogw_front/assets/viewer_svgs/edged_curve_edges.svg"
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
+    index: { type: Number, required: true },
   })
 </script>
diff --git a/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue b/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
new file mode 100644
index 00000000..eca0430e
--- /dev/null
+++ b/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
@@ -0,0 +1,105 @@
+<template>
+  <ViewerContextMenuItem
+    :itemProps="props.itemProps"
+    tooltip="Edges options"
+    :btn_image="props.btn_image"
+    :index="props.index"
+  >
+    <template #options>
+      <ViewerOptionsVisibilitySwitch v-model="visibility" />
+      <template v-if="visibility">
+        <v-row class="pa-0" align="center">
+          <v-divider />
+          <v-col cols="auto" justify="center">
+            <v-icon size="30" icon="mdi-ruler" v-tooltip:left="'Width'" />
+          </v-col>
+          <v-col justify="center">
+            <v-slider
+              v-model="size"
+              hide-details
+              min="0"
+              max="20"
+              step="2"
+              thumb-color="black"
+              ticks
+            />
+          </v-col>
+        </v-row>
+        <v-row>
+          <v-col>
+            <ViewerOptionsColoringTypeSelector
+              :id="id"
+              v-model:coloring_style_key="coloring_style_key"
+              v-model:color="color"
+              v-model:vertex_attribute="vertex_attribute"
+              v-model:edge_attribute="edge_attribute"
+            />
+          </v-col>
+        </v-row>
+      </template>
+    </template>
+  </ViewerContextMenuItem>
+</template>
+
+<script setup>
+  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
+  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
+
+  import { useDataStyleStore } from "@ogw_front/stores/data_style"
+  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+
+  const dataStyleStore = useDataStyleStore()
+  const hybridViewerStore = useHybridViewerStore()
+
+  const props = defineProps({
+    itemProps: { type: Object, required: true },
+    btn_image: { type: String, required: true },
+    index: { type: Number, required: true },
+  })
+
+  const id = toRef(() => props.itemProps.id)
+
+  const visibility = computed({
+    get: () => dataStyleStore.meshEdgesVisibility(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshEdgesVisibility(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const size = computed({
+    get: () => dataStyleStore.meshEdgesWidth(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshEdgesWidth(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const coloring_style_key = computed({
+    get: () => dataStyleStore.meshEdgesActiveColoring(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshEdgesActiveColoring(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const color = computed({
+    get: () => dataStyleStore.meshEdgesColor(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshEdgesColor(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const vertex_attribute = computed({
+    get: () => dataStyleStore.meshEdgesVertexAttribute(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshEdgesVertexAttribute(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const edge_attribute = computed({
+    get: () => dataStyleStore.meshEdgesEdgeAttribute(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshEdgesEdgeAttribute(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+</script>
diff --git a/app/components/Viewer/Generic/Mesh/CellsOptions.vue b/app/components/Viewer/Generic/Mesh/CellsOptions.vue
index 7eb4ef3a..2343ebe2 100644
--- a/app/components/Viewer/Generic/Mesh/CellsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/CellsOptions.vue
@@ -3,6 +3,7 @@
     :itemProps="props.itemProps"
     :tooltip="props.tooltip"
     :btn_image="props.btn_image"
+    :index="props.index"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
@@ -34,6 +35,7 @@
   const props = defineProps({
     itemProps: { type: Object, required: true },
     btn_image: { type: String, required: true },
+    index: { type: Number, required: true },
     tooltip: { type: String, required: false, default: "Cells options" },
   })
 
diff --git a/app/components/Viewer/Generic/Mesh/EdgesOptions.vue b/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
index a5e4b493..db7d7ba5 100644
--- a/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
@@ -3,15 +3,37 @@
     :itemProps="props.itemProps"
     tooltip="Edges options"
     :btn_image="props.btn_image"
+    :index="props.index"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
       <template v-if="visibility">
-        <ViewerOptionsColoringTypeSelector
-          :id="id"
-          v-model:coloring_style_key="coloring_style_key"
-          v-model:color="color"
-        />
+        <v-row class="pa-0" align="center">
+          <v-divider />
+          <v-col cols="auto" justify="center">
+            <v-icon size="30" icon="mdi-ruler" v-tooltip:left="'Width'" />
+          </v-col>
+          <v-col justify="center">
+            <v-slider
+              v-model="size"
+              hide-details
+              min="0"
+              max="20"
+              step="2"
+              thumb-color="black"
+              ticks
+            />
+          </v-col>
+        </v-row>
+        <v-row>
+          <v-col>
+            <ViewerOptionsColoringTypeSelector
+              :id="id"
+              v-model:coloring_style_key="coloring_style_key"
+              v-model:color="color"
+            />
+          </v-col>
+        </v-row>
       </template>
     </template>
   </ViewerContextMenuItem>
@@ -31,6 +53,7 @@
   const props = defineProps({
     itemProps: { type: Object, required: true },
     btn_image: { type: String, required: true },
+    index: { type: Number, required: true },
   })
 
   const id = toRef(() => props.itemProps.id)
@@ -43,9 +66,9 @@
     },
   })
   const size = computed({
-    get: () => dataStyleStore.edgesSize(id.value),
+    get: () => dataStyleStore.meshEdgesWidth(id.value),
     set: (newValue) => {
-      dataStyleStore.setEdgesSize(id.value, newValue)
+      dataStyleStore.setMeshEdgesWidth(id.value, newValue)
       hybridViewerStore.remoteRender()
     },
   })
diff --git a/app/components/Viewer/Generic/Mesh/PointsOptions.vue b/app/components/Viewer/Generic/Mesh/PointsOptions.vue
index de8fe81a..88c975c8 100644
--- a/app/components/Viewer/Generic/Mesh/PointsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PointsOptions.vue
@@ -3,6 +3,7 @@
     :itemProps="props.itemProps"
     tooltip="Points options"
     :btn_image="props.btn_image"
+    :index="props.index"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
@@ -52,6 +53,7 @@
   const props = defineProps({
     itemProps: { type: Object, required: true },
     btn_image: { type: String, required: true },
+    index: { type: Number, required: true },
   })
 
   const id = toRef(() => props.itemProps.id)
@@ -84,11 +86,4 @@
       hybridViewerStore.remoteRender()
     },
   })
-  const vertex_attribute = computed({
-    get: () => dataStyleStore.meshPointsVertexAttribute(id.value),
-    set: (newValue) => {
-      dataStyleStore.setMeshPointsVertexAttribute(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
 </script>
diff --git a/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue b/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue
index 77af5499..5754c091 100644
--- a/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue
@@ -3,6 +3,7 @@
     :itemProps="props.itemProps"
     :tooltip="props.tooltip"
     :btn_image="props.btn_image"
+    :index="props.index"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
@@ -12,8 +13,6 @@
           v-model:coloring_style_key="coloring_style_key"
           v-model:color="color"
           v-model:textures="textures"
-          v-model:vertex_attribute="vertex_attribute"
-          v-model:polygon_attribute="polygon_attribute"
         />
       </template>
     </template>
@@ -34,6 +33,7 @@
   const props = defineProps({
     itemProps: { type: Object, required: true },
     btn_image: { type: String, required: true },
+    index: { type: Number, required: true },
     tooltip: { type: String, required: false, default: "Polygons options" },
   })
 
@@ -67,18 +67,4 @@
       hybridViewerStore.remoteRender()
     },
   })
-  const vertex_attribute = computed({
-    get: () => dataStyleStore.meshPolygonsVertexAttribute(id.value),
-    set: (newValue) => {
-      dataStyleStore.setMeshPolygonsVertexAttribute(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polygon_attribute = computed({
-    get: () => dataStyleStore.meshPolygonsPolygonAttribute(id.value),
-    set: (newValue) => {
-      dataStyleStore.setMeshPolygonsPolygonAttribute(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
 </script>
diff --git a/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue b/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue
index 13e0816a..8cc86f6d 100644
--- a/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue
@@ -3,17 +3,15 @@
     :itemProps="props.itemProps"
     :tooltip="props.tooltip"
     :btn_image="props.btn_image"
+    :index="props.index"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
-
       <template v-if="visibility">
         <ViewerOptionsColoringTypeSelector
           :id="id"
           v-model:coloring_style_key="coloring_style_key"
           v-model:color="color"
-          v-model:vertex_attribute="vertex_attribute"
-          v-model:polyhedron_attribute="polyhedron_attribute"
         />
       </template>
     </template>
@@ -35,6 +33,7 @@
     itemProps: { type: Object, required: true },
     btn_image: { type: String, required: true },
     tooltip: { type: String, required: false, default: "Polyhedra options" },
+    index: { type: Number, required: true },
   })
 
   const id = toRef(() => props.itemProps.id)
@@ -60,18 +59,4 @@
       hybridViewerStore.remoteRender()
     },
   })
-  const vertex_attribute = computed({
-    get: () => dataStyleStore.polyhedraVertexAttribute(id.value),
-    set: (newValue) => {
-      dataStyleStore.setPolyhedraVertexAttribute(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polyhedron_attribute = computed({
-    get: () => dataStyleStore.polyhedraPolyhedronAttribute(id.value),
-    set: (newValue) => {
-      dataStyleStore.setPolyhedraPolyhedronAttribute(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
 </script>
diff --git a/app/components/Viewer/Generic/Model/EdgesOptions.vue b/app/components/Viewer/Generic/Model/EdgesOptions.vue
index f18ff7ee..7028b3f3 100644
--- a/app/components/Viewer/Generic/Model/EdgesOptions.vue
+++ b/app/components/Viewer/Generic/Model/EdgesOptions.vue
@@ -3,6 +3,7 @@
     :itemProps="itemProps"
     tooltip="Edges options"
     :btn_image="SurfaceEdges"
+    :index="props.index"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
diff --git a/app/components/Viewer/Generic/Model/PointsOptions.vue b/app/components/Viewer/Generic/Model/PointsOptions.vue
index 740579d3..5d7981c4 100644
--- a/app/components/Viewer/Generic/Model/PointsOptions.vue
+++ b/app/components/Viewer/Generic/Model/PointsOptions.vue
@@ -3,6 +3,7 @@
     :itemProps="props.itemProps"
     tooltip="Points options"
     :btn_image="SurfacePoints"
+    :index="props.index"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
diff --git a/app/components/Viewer/Options/ColoringTypeSelector.vue b/app/components/Viewer/Options/ColoringTypeSelector.vue
index 50d3eb80..cc6acfce 100644
--- a/app/components/Viewer/Options/ColoringTypeSelector.vue
+++ b/app/components/Viewer/Options/ColoringTypeSelector.vue
@@ -34,9 +34,12 @@
               :id="id"
             />
           </template>
-          <!-- <template v-if="coloring_style_key === edge_dict['value']">
-            <ViewerOptionsEdgeAttributeSelector v-model="edge_attribute" :id="id" />
-          </template> -->
+          <template v-if="coloring_style_key === edge_dict['value']">
+            <ViewerOptionsEdgeAttributeSelector
+              v-model="edge_attribute"
+              :id="id"
+            />
+          </template>
           <template v-if="coloring_style_key === cell_dict['value']">
             <ViewerOptionsCellAttributeSelector
               v-model="cell_attribute"
@@ -65,7 +68,7 @@
   import ViewerOptionsColorPicker from "@ogw_front/components/Viewer/Options/ColorPicker"
   import ViewerOptionsTexturesSelector from "@ogw_front/components/Viewer/Options/TexturesSelector"
   import ViewerOptionsVertexAttributeSelector from "@ogw_front/components/Viewer/Options/VertexAttributeSelector"
-  // import ViewerOptionsEdgeAttributeSelector from "@ogw_front/components/Viewer/Options/EdgeAttributeSelector"
+  import ViewerOptionsEdgeAttributeSelector from "@ogw_front/components/Viewer/Options/EdgeAttributeSelector"
   import ViewerOptionsPolygonAttributeSelector from "@ogw_front/components/Viewer/Options/PolygonAttributeSelector"
   import ViewerOptionsCellAttributeSelector from "@ogw_front/components/Viewer/Options/CellAttributeSelector"
   import ViewerOptionsPolyhedronAttributeSelector from "@ogw_front/components/Viewer/Options/PolyhedronAttributeSelector"
@@ -75,7 +78,7 @@
   const color = defineModel("color")
   const textures = defineModel("textures")
   const vertex_attribute = defineModel("vertex_attribute")
-  // const edge_attribute = defineModel("edge_attribute");
+  const edge_attribute = defineModel("edge_attribute")
   const cell_attribute = defineModel("cell_attribute")
   const polygon_attribute = defineModel("polygon_attribute")
   const polyhedron_attribute = defineModel("polyhedron_attribute")
@@ -91,7 +94,9 @@
   const has_vertex = computed(() =>
     vertex_attribute.value !== undefined ? true : false,
   )
-  // const has_edge = computed(() => (edge_attribute.value !== undefined ? true : false));
+  const has_edge = computed(() =>
+    edge_attribute.value !== undefined ? true : false,
+  )
   const has_cells = computed(() =>
     cell_attribute.value !== undefined ? true : false,
   )
@@ -105,7 +110,7 @@
   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 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 = {
@@ -117,7 +122,7 @@
     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_edges.value) array.push(edge_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)
diff --git a/app/components/Viewer/Options/EdgeAttributeSelector.vue b/app/components/Viewer/Options/EdgeAttributeSelector.vue
new file mode 100644
index 00000000..bac78b2a
--- /dev/null
+++ b/app/components/Viewer/Options/EdgeAttributeSelector.vue
@@ -0,0 +1,46 @@
+<template>
+  <v-row justify="center" align="center">
+    <v-col cols="auto">
+      <v-icon size="30" icon="mdi-ray-end-arrow" v-tooltip:left="'Edge Attribute'" />
+    </v-col>
+    <v-col>
+      <v-select
+        v-model="edge_attribute"
+        :items="edge_attribute_names"
+        label="Select an edge attribute"
+        density="compact"
+        hide-details
+      />
+    </v-col>
+  </v-row>
+</template>
+
+<script setup>
+  import { useGeodeStore } from "@ogw_front/stores/geode"
+
+  const geodeStore = useGeodeStore()
+
+  const edge_attribute = defineModel()
+
+  const props = defineProps({
+    id: { type: String, required: true },
+  })
+
+  const edge_attribute_names = ref([])
+
+  async function get_edge_attribute_names() {
+    const response = await geodeStore.get_edge_attribute_names(props.id)
+    edge_attribute_names.value = response
+  }
+
+  onMounted(() => {
+    get_edge_attribute_names()
+  })
+
+  watch(
+    () => props.id,
+    () => {
+      get_edge_attribute_names()
+    },
+  )
+</script>
diff --git a/app/components/Viewer/PointSet/PointsOptions.vue b/app/components/Viewer/PointSet/PointsOptions.vue
index 37318d96..99dd8733 100644
--- a/app/components/Viewer/PointSet/PointsOptions.vue
+++ b/app/components/Viewer/PointSet/PointsOptions.vue
@@ -2,6 +2,7 @@
   <ViewerPointSetSpecificPointsOptions
     :itemProps="props.itemProps"
     :btn_image="PointSetPoints"
+    :index="props.index"
   />
 </template>
 
@@ -11,5 +12,6 @@
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
+    index: { type: Number, required: true },
   })
 </script>
diff --git a/app/components/Viewer/PointSet/SpecificPointsOptions.vue b/app/components/Viewer/PointSet/SpecificPointsOptions.vue
index 39338789..15562a8d 100644
--- a/app/components/Viewer/PointSet/SpecificPointsOptions.vue
+++ b/app/components/Viewer/PointSet/SpecificPointsOptions.vue
@@ -3,6 +3,7 @@
     :itemProps="props.itemProps"
     tooltip="Points options"
     :btn_image="props.btn_image"
+    :index="props.index"
   >
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
@@ -53,6 +54,7 @@
   const props = defineProps({
     itemProps: { type: Object, required: true },
     btn_image: { type: String, required: true },
+    index: { type: Number, required: true },
   })
 
   const id = toRef(() => props.itemProps.id)
diff --git a/app/components/Viewer/PolygonalSurface/PointsOptions.vue b/app/components/Viewer/PolygonalSurface/PointsOptions.vue
index e50d6023..f0fe6dfa 100644
--- a/app/components/Viewer/PolygonalSurface/PointsOptions.vue
+++ b/app/components/Viewer/PolygonalSurface/PointsOptions.vue
@@ -2,6 +2,7 @@
   <ViewerGenericMeshPointsOptions
     :itemProps="props.itemProps"
     :btn_image="PolygonalSurfacePoints"
+    :index="props.index"
   />
 </template>
 
@@ -11,5 +12,6 @@
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
+    index: { type: Number, required: true },
   })
 </script>
diff --git a/app/components/Viewer/PolygonalSurface/PolygonsOptions.vue b/app/components/Viewer/PolygonalSurface/PolygonsOptions.vue
index 92a904a5..eda1799e 100644
--- a/app/components/Viewer/PolygonalSurface/PolygonsOptions.vue
+++ b/app/components/Viewer/PolygonalSurface/PolygonsOptions.vue
@@ -1,15 +1,17 @@
 <template>
-  <ViewerGenericMeshPolygonsOptions
+  <ViewerSpecificPolygonsOptions
     :itemProps="props.itemProps"
     :btn_image="PolygonalSurfacePolygons"
+    :index="props.index"
   />
 </template>
 
 <script setup>
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
+  import ViewerSpecificPolygonsOptions from "@ogw_front/components/Viewer/PolygonalSurface/SpecificPolygonsOptions"
   import PolygonalSurfacePolygons from "@ogw_front/assets/viewer_svgs/surface_triangles.svg"
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
+    index: { type: Number, required: true },
   })
 </script>
diff --git a/app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue b/app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue
new file mode 100644
index 00000000..aa434a7f
--- /dev/null
+++ b/app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue
@@ -0,0 +1,86 @@
+<template>
+  <ViewerContextMenuItem
+    :itemProps="props.itemProps"
+    :tooltip="props.tooltip"
+    :btn_image="props.btn_image"
+    :index="props.index"
+  >
+    <template #options>
+      <ViewerOptionsVisibilitySwitch v-model="visibility" />
+      <template v-if="visibility">
+        <ViewerOptionsColoringTypeSelector
+          :id="id"
+          v-model:coloring_style_key="coloring_style_key"
+          v-model:color="color"
+          v-model:textures="textures"
+          v-model:vertex_attribute="vertex_attribute"
+          v-model:polygon_attribute="polygon_attribute"
+        />
+      </template>
+    </template>
+  </ViewerContextMenuItem>
+</template>
+
+<script setup>
+  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
+  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
+
+  import { useDataStyleStore } from "@ogw_front/stores/data_style"
+  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+
+  const dataStyleStore = useDataStyleStore()
+  const hybridViewerStore = useHybridViewerStore()
+
+  const props = defineProps({
+    itemProps: { type: Object, required: true },
+    btn_image: { type: String, required: true },
+    index: { type: Number, required: true },
+    tooltip: { type: String, required: false, default: "Polygons options" },
+  })
+
+  const id = toRef(() => props.itemProps.id)
+
+  const visibility = computed({
+    get: () => dataStyleStore.meshPolygonsVisibility(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshPolygonsVisibility(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const coloring_style_key = computed({
+    get: () => dataStyleStore.meshPolygonsActiveColoring(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshPolygonsActiveColoring(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const color = computed({
+    get: () => dataStyleStore.meshPolygonsColor(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshPolygonsColor(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const textures = computed({
+    get: () => dataStyleStore.meshPolygonsTextures(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshPolygonsTextures(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const vertex_attribute = computed({
+    get: () => dataStyleStore.meshPolygonsVertexAttribute(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshPolygonsVertexAttribute(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const polygon_attribute = computed({
+    get: () => dataStyleStore.meshPolygonsPolygonAttribute(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshPolygonsPolygonAttribute(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+</script>
diff --git a/app/components/Viewer/Solid/EdgesOptions.vue b/app/components/Viewer/Solid/EdgesOptions.vue
index 7fc2c66b..d159ce27 100644
--- a/app/components/Viewer/Solid/EdgesOptions.vue
+++ b/app/components/Viewer/Solid/EdgesOptions.vue
@@ -2,6 +2,7 @@
   <ViewerGenericMeshEdgesOptions
     :itemProps="props.itemProps"
     :btn_image="SolidEdges"
+    :index="props.index"
   />
 </template>
 
@@ -11,5 +12,6 @@
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
+    index: { type: Number, required: true },
   })
 </script>
diff --git a/app/components/Viewer/Solid/PointsOptions.vue b/app/components/Viewer/Solid/PointsOptions.vue
index e903da1d..90915b0e 100644
--- a/app/components/Viewer/Solid/PointsOptions.vue
+++ b/app/components/Viewer/Solid/PointsOptions.vue
@@ -2,6 +2,7 @@
   <ViewerGenericMeshPointsOptions
     :itemProps="props.itemProps"
     :btn_image="SolidPoints"
+    :index="props.index"
   />
 </template>
 
@@ -11,5 +12,6 @@
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
+    index: { type: Number, required: true },
   })
 </script>
diff --git a/app/components/Viewer/Solid/PolygonsOptions.vue b/app/components/Viewer/Solid/PolygonsOptions.vue
index 0f4946a3..77a80120 100644
--- a/app/components/Viewer/Solid/PolygonsOptions.vue
+++ b/app/components/Viewer/Solid/PolygonsOptions.vue
@@ -2,6 +2,7 @@
   <ViewerGenericMeshPolygonsOptions
     :itemProps="props.itemProps"
     :btn_image="SolidFacets"
+    :index="props.index"
   />
 </template>
 
@@ -11,5 +12,6 @@
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
+    index: { type: Number, required: true },
   })
 </script>
diff --git a/app/components/Viewer/Solid/PolyhedraOptions.vue b/app/components/Viewer/Solid/PolyhedraOptions.vue
index 3828966a..6b7fe69d 100644
--- a/app/components/Viewer/Solid/PolyhedraOptions.vue
+++ b/app/components/Viewer/Solid/PolyhedraOptions.vue
@@ -1,15 +1,17 @@
 <template>
-  <ViewerGenericMeshPolyhedraOptions
+  <ViewerSpecificPolyhedraOptions
     :itemProps="props.itemProps"
-    :btn_image="SolidPolyhedra"
+    :btn_image="SolidPolyhedras"
+    :index="props.index"
   />
 </template>
 
 <script setup>
-  import ViewerGenericMeshPolyhedraOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolyhedraOptions"
-  import SolidPolyhedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg"
+  import ViewerSpecificPolyhedraOptions from "@ogw_front/components/Viewer/Solid/SpecificPolyhedraOptions"
+  import SolidPolyhedras from "@ogw_front/assets/viewer_svgs/solid_polyhedras.svg"
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
+    index: { type: Number, required: true },
   })
 </script>
diff --git a/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue b/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
new file mode 100644
index 00000000..ed18cf01
--- /dev/null
+++ b/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
@@ -0,0 +1,78 @@
+<template>
+  <ViewerContextMenuItem
+    :itemProps="props.itemProps"
+    :tooltip="props.tooltip"
+    :btn_image="props.btn_image"
+    :index="props.index"
+  >
+    <template #options>
+      <ViewerOptionsVisibilitySwitch v-model="visibility" />
+      <template v-if="visibility">
+        <ViewerOptionsColoringTypeSelector
+          :id="id"
+          v-model:coloring_style_key="coloring_style_key"
+          v-model:color="color"
+          v-model:vertex_attribute="vertex_attribute"
+          v-model:polyhedron_attribute="polyhedron_attribute"
+        />
+      </template>
+    </template>
+  </ViewerContextMenuItem>
+</template>
+
+<script setup>
+  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
+  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
+
+  import { useDataStyleStore } from "@ogw_front/stores/data_style"
+  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+
+  const dataStyleStore = useDataStyleStore()
+  const hybridViewerStore = useHybridViewerStore()
+
+  const props = defineProps({
+    itemProps: { type: Object, required: true },
+    btn_image: { type: String, required: true },
+    tooltip: { type: String, required: false, default: "Polyhedra options" },
+    index: { type: Number, required: true },
+  })
+
+  const id = toRef(() => props.itemProps.id)
+
+  const visibility = computed({
+    get: () => dataStyleStore.meshPolyhedraVisibility(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshPolyhedraVisibility(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const coloring_style_key = computed({
+    get: () => dataStyleStore.meshPolyhedraActiveColoring(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshPolyhedraActiveColoring(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const color = computed({
+    get: () => dataStyleStore.meshPolyhedraColor(id.value),
+    set: (newValue) => {
+      dataStyleStore.setMeshPolyhedraColor(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const vertex_attribute = computed({
+    get: () => dataStyleStore.polyhedraVertexAttribute(id.value),
+    set: (newValue) => {
+      dataStyleStore.setPolyhedraVertexAttribute(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+  const polyhedron_attribute = computed({
+    get: () => dataStyleStore.polyhedraPolyhedronAttribute(id.value),
+    set: (newValue) => {
+      dataStyleStore.setPolyhedraPolyhedronAttribute(id.value, newValue)
+      hybridViewerStore.remoteRender()
+    },
+  })
+</script>
diff --git a/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue b/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue
index 1e58b835..69234602 100644
--- a/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue
+++ b/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue
@@ -3,6 +3,8 @@
     :itemProps="props.itemProps"
     :btn_image="TetrahedralSolidTetrahedra"
     tooltip="Tetrahedra options"
+    :index="props.index"
+
   />
 </template>
 
@@ -12,5 +14,6 @@
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
+    index: { type: Number, required: true },
   })
 </script>
diff --git a/app/components/Viewer/TetrahedralSolid/TrianglesOptions.vue b/app/components/Viewer/TetrahedralSolid/TrianglesOptions.vue
index a1cb4fde..559dfac4 100644
--- a/app/components/Viewer/TetrahedralSolid/TrianglesOptions.vue
+++ b/app/components/Viewer/TetrahedralSolid/TrianglesOptions.vue
@@ -3,6 +3,7 @@
     :itemProps="props.itemProps"
     :btn_image="TetrahedralSolidTriangles"
     tooltip="Triangles options"
+    :index="props.index"
   />
 </template>
 
@@ -12,5 +13,6 @@
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
+    index: { type: Number, required: true },
   })
 </script>
diff --git a/app/components/Viewer/TriangulatedSurface/EdgesOptions.vue b/app/components/Viewer/TriangulatedSurface/EdgesOptions.vue
index f17e779f..d1e16ff4 100644
--- a/app/components/Viewer/TriangulatedSurface/EdgesOptions.vue
+++ b/app/components/Viewer/TriangulatedSurface/EdgesOptions.vue
@@ -2,6 +2,7 @@
   <ViewerGenericMeshEdgesOptions
     :itemProps="props.itemProps"
     :btn_image="SurfaceEdges"
+    :index="props.index"
   />
 </template>
 
@@ -11,5 +12,6 @@
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
+    index: { type: Number, required: true },
   })
 </script>
diff --git a/app/components/Viewer/TriangulatedSurface/PointsOptions.vue b/app/components/Viewer/TriangulatedSurface/PointsOptions.vue
index fb8093e9..459f445f 100644
--- a/app/components/Viewer/TriangulatedSurface/PointsOptions.vue
+++ b/app/components/Viewer/TriangulatedSurface/PointsOptions.vue
@@ -2,6 +2,7 @@
   <ViewerGenericMeshPointsOptions
     :itemProps="props.itemProps"
     :btn_image="TriangulatedSurfaceEdgesPoints"
+    :index="props.index"
   />
 </template>
 
@@ -11,5 +12,6 @@
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
+    index: { type: Number, required: true },
   })
 </script>
diff --git a/app/components/Viewer/TriangulatedSurface/TrianglesOptions.vue b/app/components/Viewer/TriangulatedSurface/TrianglesOptions.vue
index ba5e30c3..1e55f246 100644
--- a/app/components/Viewer/TriangulatedSurface/TrianglesOptions.vue
+++ b/app/components/Viewer/TriangulatedSurface/TrianglesOptions.vue
@@ -1,16 +1,18 @@
 <template>
-  <ViewerGenericMeshPolygonsOptions
+  <ViewerSpecificPolygonsOptions
     :itemProps="props.itemProps"
-    :btn_image="TriangulatedSurfaceEdgesTriangles"
+    :btn_image="TriangulatedSurfaceTriangles"
+    :index="props.index"
     tooltip="Triangles options"
   />
 </template>
 
 <script setup>
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
-  import TriangulatedSurfaceEdgesTriangles 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"
 
   const props = defineProps({
     itemProps: { type: Object, required: true },
+    index: { type: Number, required: true },
   })
 </script>
diff --git a/app/utils/default_styles.js b/app/utils/default_styles.js
index 517cf33b..45915c41 100644
--- a/app/utils/default_styles.js
+++ b/app/utils/default_styles.js
@@ -49,6 +49,7 @@ const meshEdgesDefaultStyle = (
     coloring: {
       active: "color",
       color,
+      vertex: null,
     },
     size,
   }
diff --git a/internal/stores/mesh/edges.js b/internal/stores/mesh/edges.js
index 7755c093..9786bb84 100644
--- a/internal/stores/mesh/edges.js
+++ b/internal/stores/mesh/edges.js
@@ -49,10 +49,11 @@ export function useMeshEdgesStyle() {
     )
     if (type === "color") {
       return setMeshEdgesColor(id, coloring.color)
-      // } else if (type == "vertex" && coloring.vertex !== null) {
-      //   return setEdgesVertexAttribute(id, coloring.vertex)
-      // } else if (type == "edges" && coloring.edges !== null) {
-      //   return setEdgesEdgeAttribute(id, coloring.edges)
+    } else if (type === "vertex") {
+      if (coloring.vertex === null) {
+        return
+      }
+      return setMeshEdgesVertexAttribute(id, coloring.vertex)
     } else {
       throw new Error("Unknown mesh edges coloring type: " + type)
     }
@@ -89,19 +90,40 @@ export function useMeshEdgesStyle() {
       { id, width },
       {
         response_function: () => {
-          edges_style.width = width
+          edges_style.size = width
           console.log(setMeshEdgesWidth.name, { id }, meshEdgesWidth(id))
         },
       },
     )
   }
 
+  function meshEdgesVertexAttribute(id) {
+    return meshEdgesStyle(id).coloring.vertex
+  }
+  function setMeshEdgesVertexAttribute(id, vertex_attribute) {
+    const coloring_style = meshEdgesStyle(id).coloring
+    return viewerStore.request(
+      mesh_edges_schemas.vertex_attribute,
+      { id, ...vertex_attribute },
+      {
+        response_function: () => {
+          coloring_style.vertex = vertex_attribute
+          console.log(
+            setMeshEdgesVertexAttribute.name,
+            { id },
+            meshEdgesVertexAttribute(id),
+          )
+        },
+      },
+    )
+  }
+
   function applyMeshEdgesStyle(id) {
     const style = meshEdgesStyle(id)
     return Promise.all([
       setMeshEdgesVisibility(id, style.visibility),
       setMeshEdgesActiveColoring(id, style.coloring.active),
-      // setMeshEdgesWidth(id, style.width);
+      setMeshEdgesWidth(id, style.size),
     ])
   }
 
@@ -111,9 +133,11 @@ export function useMeshEdgesStyle() {
     meshEdgesColor,
     meshEdgesVisibility,
     meshEdgesWidth,
+    meshEdgesVertexAttribute,
     setMeshEdgesActiveColoring,
     setMeshEdgesColor,
     setMeshEdgesVisibility,
     setMeshEdgesWidth,
+    setMeshEdgesVertexAttribute,
   }
 }

From f3452827259005f80923d8997a0f760a27fe8095 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Mon, 19 Jan 2026 16:09:39 +0100
Subject: [PATCH 03/12] fix(store): Add missing edge and polyhedra attribute
 support to stores

---
 app/utils/default_styles.js       |   1 +
 internal/stores/mesh/edges.js     |  28 +++++++
 internal/stores/mesh/polyhedra.js | 119 ++++++++++++++----------------
 3 files changed, 83 insertions(+), 65 deletions(-)

diff --git a/app/utils/default_styles.js b/app/utils/default_styles.js
index 45915c41..d1014e06 100644
--- a/app/utils/default_styles.js
+++ b/app/utils/default_styles.js
@@ -49,6 +49,7 @@ const meshEdgesDefaultStyle = (
     coloring: {
       active: "color",
       color,
+      edge: null,
       vertex: null,
     },
     size,
diff --git a/internal/stores/mesh/edges.js b/internal/stores/mesh/edges.js
index 9786bb84..c69976a2 100644
--- a/internal/stores/mesh/edges.js
+++ b/internal/stores/mesh/edges.js
@@ -54,6 +54,11 @@ export function useMeshEdgesStyle() {
         return
       }
       return setMeshEdgesVertexAttribute(id, coloring.vertex)
+    } else if (type === "edge") {
+      if (coloring.edge === null) {
+        return
+      }
+      return setMeshEdgesEdgeAttribute(id, coloring.edge)
     } else {
       throw new Error("Unknown mesh edges coloring type: " + type)
     }
@@ -118,6 +123,27 @@ export function useMeshEdgesStyle() {
     )
   }
 
+  function meshEdgesEdgeAttribute(id) {
+    return meshEdgesStyle(id).coloring.edge
+  }
+  function setMeshEdgesEdgeAttribute(id, edge_attribute) {
+    const coloring_style = meshEdgesStyle(id).coloring
+    return viewerStore.request(
+      mesh_edges_schemas.edge_attribute,
+      { id, ...edge_attribute },
+      {
+        response_function: () => {
+          coloring_style.edge = edge_attribute
+          console.log(
+            setMeshEdgesEdgeAttribute.name,
+            { id },
+            meshEdgesEdgeAttribute(id),
+          )
+        },
+      },
+    )
+  }
+
   function applyMeshEdgesStyle(id) {
     const style = meshEdgesStyle(id)
     return Promise.all([
@@ -134,10 +160,12 @@ export function useMeshEdgesStyle() {
     meshEdgesVisibility,
     meshEdgesWidth,
     meshEdgesVertexAttribute,
+    meshEdgesEdgeAttribute,
     setMeshEdgesActiveColoring,
     setMeshEdgesColor,
     setMeshEdgesVisibility,
     setMeshEdgesWidth,
     setMeshEdgesVertexAttribute,
+    setMeshEdgesEdgeAttribute,
   }
 }
diff --git a/internal/stores/mesh/polyhedra.js b/internal/stores/mesh/polyhedra.js
index e44f8ee4..6e76e8c7 100644
--- a/internal/stores/mesh/polyhedra.js
+++ b/internal/stores/mesh/polyhedra.js
@@ -49,10 +49,16 @@ export function useMeshPolyhedraStyle() {
     )
     if (type === "color") {
       return setMeshPolyhedraColor(id, coloring.color)
-      // } else if (type === "vertex" && coloring.vertex !== null) {
-      //   return setPolyhedraVertexAttribute(id, coloring.vertex)
-      // } else if (type === "polyhedron" && coloring.polyhedron !== null) {
-      //   return setPolyhedraPolyhedronAttribute(id, coloring.polyhedron)
+    } else if (type === "vertex") {
+      if (coloring.vertex === null) {
+        return
+      }
+      return setPolyhedraVertexAttribute(id, coloring.vertex)
+    } else if (type === "polyhedron") {
+      if (coloring.polyhedron === null) {
+        return
+      }
+      return setPolyhedraPolyhedronAttribute(id, coloring.polyhedron)
     } else {
       throw new Error("Unknown mesh polyhedra coloring type: " + type)
     }
@@ -79,62 +85,47 @@ export function useMeshPolyhedraStyle() {
     )
   }
 
-  // function polyhedraVertexAttribute(id) {
-  //   return meshPolyhedraStyle(id).coloring.vertex
-  // }
-  // function setPolyhedraVertexAttribute(id, vertex_attribute) {
-  //   const coloring_style = meshPolyhedraStyle(id).coloring
-  //   return viewerStore.request(
-  //     mesh_polyhedra_schemas.vertex_attribute,
-  //     { id, ...vertex_attribute },
-  //     {
-  //       response_function: () => {
-  //         coloring_style.vertex = vertex_attribute
-  //         console.log(
-  //           setPolyhedraVertexAttribute.name} ${polyhedraVertexAttribute(id),
-  //         )
-  //       },
-  //     },
-  //   )
-  // }
-
-  // function polyhedraPolygonAttribute(id) {
-  //   return meshPolyhedraStyle(id).coloring.polygon
-  // }
-  // function setPolyhedraPolygonAttribute(id, polygon_attribute) {
-  //   const coloring_style = meshPolyhedraStyle(id).coloring
-  //   return viewerStore.request(
-  //     mesh_polyhedra_schemas.polygon_attribute,
-  //     { id, ...polygon_attribute },
-  //     {
-  //       response_function: () => {
-  //         coloring_style.polygon = polygon_attribute
-  //         console.log(
-  //           setPolyhedraPolygonAttribute.name} ${polyhedraPolygonAttribute(id),
-  //         )
-  //       },
-  //     },
-  //   )
-  // }
+  function polyhedraVertexAttribute(id) {
+    return meshPolyhedraStyle(id).coloring.vertex
+  }
+  function setPolyhedraVertexAttribute(id, vertex_attribute) {
+    const coloring_style = meshPolyhedraStyle(id).coloring
+    return viewerStore.request(
+      mesh_polyhedra_schemas.vertex_attribute,
+      { id, ...vertex_attribute },
+      {
+        response_function: () => {
+          coloring_style.vertex = vertex_attribute
+          console.log(
+            setPolyhedraVertexAttribute.name,
+            { id },
+            polyhedraVertexAttribute(id),
+          )
+        },
+      },
+    )
+  }
 
-  // function polyhedraPolyhedronAttribute(id) {
-  //   return meshPolyhedraStyle(id).coloring.polyhedron
-  // }
-  // function setPolyhedraPolyhedronAttribute(id, polyhedron_attribute) {
-  //   const coloring = meshPolyhedraStyle(id).coloring
-  //   return viewerStore.request(
-  //     mesh_polyhedra_schemas.polyhedron_attribute,
-  //     { id, ...polyhedron_attribute },
-  //     {
-  //       response_function: () => {
-  //         coloring.polyhedron = polyhedron_attribute
-  //         console.log(
-  //           setPolyhedraPolyhedronAttribute.name} ${polyhedraPolyhedronAttribute(id),
-  //         )
-  //       },
-  //     },
-  //   )
-  // }
+  function polyhedraPolyhedronAttribute(id) {
+    return meshPolyhedraStyle(id).coloring.polyhedron
+  }
+  function setPolyhedraPolyhedronAttribute(id, polyhedron_attribute) {
+    const coloring = meshPolyhedraStyle(id).coloring
+    return viewerStore.request(
+      mesh_polyhedra_schemas.polyhedron_attribute,
+      { id, ...polyhedron_attribute },
+      {
+        response_function: () => {
+          coloring.polyhedron = polyhedron_attribute
+          console.log(
+            setPolyhedraPolyhedronAttribute.name,
+            { id },
+            polyhedraPolyhedronAttribute(id),
+          )
+        },
+      },
+    )
+  }
 
   function applyMeshPolyhedraStyle(id) {
     const style = meshPolyhedraStyle(id)
@@ -148,15 +139,13 @@ export function useMeshPolyhedraStyle() {
     applyMeshPolyhedraStyle,
     meshPolyhedraActiveColoring,
     meshPolyhedraColor,
-    // polyhedraVertexAttribute,
+    polyhedraVertexAttribute,
     meshPolyhedraVisibility,
-    // polyhedraPolyhedronAttribute,
-    // polyhedraPolygonAttribute,
+    polyhedraPolyhedronAttribute,
     setMeshPolyhedraActiveColoring,
     setMeshPolyhedraColor,
-    // setPolyhedraPolyhedronAttribute,
-    // setPolyhedraPolygonAttribute,
-    // setPolyhedraVertexAttribute,
+    setPolyhedraPolyhedronAttribute,
+    setPolyhedraVertexAttribute,
     setMeshPolyhedraVisibility,
   }
 }

From 24c9ed2aa3dc5299c0160fc848bdf717621d483e Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Mon, 19 Jan 2026 16:13:42 +0100
Subject: [PATCH 04/12] fix(store): Add missing edge and polyhedra attribute
 support to stores

---
 app/components/Viewer/Solid/PolyhedraOptions.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/Viewer/Solid/PolyhedraOptions.vue b/app/components/Viewer/Solid/PolyhedraOptions.vue
index 6b7fe69d..7ba7b8ff 100644
--- a/app/components/Viewer/Solid/PolyhedraOptions.vue
+++ b/app/components/Viewer/Solid/PolyhedraOptions.vue
@@ -1,14 +1,14 @@
 <template>
   <ViewerSpecificPolyhedraOptions
     :itemProps="props.itemProps"
-    :btn_image="SolidPolyhedras"
+    :btn_image="SolidPolyhedra"
     :index="props.index"
   />
 </template>
 
 <script setup>
   import ViewerSpecificPolyhedraOptions from "@ogw_front/components/Viewer/Solid/SpecificPolyhedraOptions"
-  import SolidPolyhedras from "@ogw_front/assets/viewer_svgs/solid_polyhedras.svg"
+  import SolidPolyhedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg"
 
   const props = defineProps({
     itemProps: { type: Object, required: true },

From 991055661bb9fe10e0bc66d503e65b43f6e9c037 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Tue, 20 Jan 2026 09:26:43 +0100
Subject: [PATCH 05/12] adding specific components for data options

---
 .../Viewer/Generic/Mesh/EdgesOptions.vue      |  1 -
 .../Viewer/Options/EdgeAttributeSelector.vue  | 32 ++++++++++++++++---
 .../Options/VertexAttributeSelector.vue       |  3 ++
 internal/stores/mesh/edges.js                 | 28 ----------------
 internal/stores/mesh/points.js                |  7 ++--
 5 files changed, 35 insertions(+), 36 deletions(-)

diff --git a/app/components/Viewer/Generic/Mesh/EdgesOptions.vue b/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
index e035312c..c11b7d78 100644
--- a/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
@@ -31,7 +31,6 @@
               :id="id"
               v-model:coloring_style_key="coloring_style_key"
               v-model:color="color"
-              v-model:vertex_attribute="vertex_attribute"
             />
           </v-col>
         </v-row>
diff --git a/app/components/Viewer/Options/EdgeAttributeSelector.vue b/app/components/Viewer/Options/EdgeAttributeSelector.vue
index bac78b2a..0b6230da 100644
--- a/app/components/Viewer/Options/EdgeAttributeSelector.vue
+++ b/app/components/Viewer/Options/EdgeAttributeSelector.vue
@@ -5,7 +5,7 @@
     </v-col>
     <v-col>
       <v-select
-        v-model="edge_attribute"
+        v-model="edge_attribute_name"
         :items="edge_attribute_names"
         label="Select an edge attribute"
         density="compact"
@@ -16,21 +16,43 @@
 </template>
 
 <script setup>
+  import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
   import { useGeodeStore } from "@ogw_front/stores/geode"
 
   const geodeStore = useGeodeStore()
 
-  const edge_attribute = defineModel()
+  const model = defineModel()
 
   const props = defineProps({
     id: { type: String, required: true },
   })
 
+  const edge_attribute_name = ref("")
   const edge_attribute_names = ref([])
 
-  async function get_edge_attribute_names() {
-    const response = await geodeStore.get_edge_attribute_names(props.id)
-    edge_attribute_names.value = response
+  onMounted(() => {
+    if (model.value != null) {
+      edge_attribute_name.value = model.value.name
+    }
+  })
+
+  const edge_attribute = reactive({ name: edge_attribute_name.value })
+
+  watch(edge_attribute_name, (value) => {
+    edge_attribute.name = value
+    model.value = edge_attribute
+  })
+
+  function get_edge_attribute_names() {
+    geodeStore.request(
+      back_schemas.opengeodeweb_back.edge_attribute_names,
+      { id: props.id },
+      {
+        response_function: (response) => {
+          edge_attribute_names.value = response._data.edge_attribute_names
+        },
+      },
+    )
   }
 
   onMounted(() => {
diff --git a/app/components/Viewer/Options/VertexAttributeSelector.vue b/app/components/Viewer/Options/VertexAttributeSelector.vue
index 39cb021b..c8539c19 100644
--- a/app/components/Viewer/Options/VertexAttributeSelector.vue
+++ b/app/components/Viewer/Options/VertexAttributeSelector.vue
@@ -9,6 +9,9 @@
 
 <script setup>
   import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+  import { useGeodeStore } from "@ogw_front/stores/geode"
+
+  const geodeStore = useGeodeStore()
 
   const model = defineModel()
 
diff --git a/internal/stores/mesh/edges.js b/internal/stores/mesh/edges.js
index d4bd54a3..c69976a2 100644
--- a/internal/stores/mesh/edges.js
+++ b/internal/stores/mesh/edges.js
@@ -54,11 +54,6 @@ export function useMeshEdgesStyle() {
         return
       }
       return setMeshEdgesVertexAttribute(id, coloring.vertex)
-    } else if (type === "vertex") {
-      if (coloring.vertex === null) {
-        return
-      }
-      return setMeshEdgesVertexAttribute(id, coloring.vertex)
     } else if (type === "edge") {
       if (coloring.edge === null) {
         return
@@ -100,7 +95,6 @@ export function useMeshEdgesStyle() {
       { id, width },
       {
         response_function: () => {
-          edges_style.size = width
           edges_style.size = width
           console.log(setMeshEdgesWidth.name, { id }, meshEdgesWidth(id))
         },
@@ -129,27 +123,6 @@ export function useMeshEdgesStyle() {
     )
   }
 
-  function meshEdgesVertexAttribute(id) {
-    return meshEdgesStyle(id).coloring.vertex
-  }
-  function setMeshEdgesVertexAttribute(id, vertex_attribute) {
-    const coloring_style = meshEdgesStyle(id).coloring
-    return viewerStore.request(
-      mesh_edges_schemas.vertex_attribute,
-      { id, ...vertex_attribute },
-      {
-        response_function: () => {
-          coloring_style.vertex = vertex_attribute
-          console.log(
-            setMeshEdgesVertexAttribute.name,
-            { id },
-            meshEdgesVertexAttribute(id),
-          )
-        },
-      },
-    )
-  }
-
   function meshEdgesEdgeAttribute(id) {
     return meshEdgesStyle(id).coloring.edge
   }
@@ -177,7 +150,6 @@ export function useMeshEdgesStyle() {
       setMeshEdgesVisibility(id, style.visibility),
       setMeshEdgesActiveColoring(id, style.coloring.active),
       setMeshEdgesWidth(id, style.size),
-      setMeshEdgesWidth(id, style.size),
     ])
   }
 
diff --git a/internal/stores/mesh/points.js b/internal/stores/mesh/points.js
index 6627f836..38e63746 100644
--- a/internal/stores/mesh/points.js
+++ b/internal/stores/mesh/points.js
@@ -48,9 +48,12 @@ export function useMeshPointsStyle() {
       { id },
       meshPointsActiveColoring(id),
     )
-    if (type == "color") {
+    if (type === "color") {
       return setMeshPointsColor(id, coloring.color)
-    } else if (type == "vertex" && coloring.vertex !== null) {
+    } else if (type === "vertex") {
+      if (coloring.vertex === null) {
+        return
+      }
       return setMeshPointsVertexAttribute(id, coloring.vertex)
     } else {
       throw new Error("Unknown mesh points coloring type: " + type)

From 36ff7773c563482cc0a1f94c165e0228f525f11f Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Tue, 20 Jan 2026 10:26:58 +0100
Subject: [PATCH 06/12] using width to harmonize instead of size for mesh/edges
 and edges default width to 2

---
 app/utils/default_styles.js   | 18 +++++++++---------
 internal/stores/mesh/edges.js |  6 +++---
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/app/utils/default_styles.js b/app/utils/default_styles.js
index d1014e06..58a61bde 100644
--- a/app/utils/default_styles.js
+++ b/app/utils/default_styles.js
@@ -7,7 +7,7 @@ const polygons_defaultVisibility = true
 const polyhedra_defaultVisibility = true
 const points_defaultSize = 10
 const points_defaultColor = { r: 20, g: 20, b: 20 }
-const edges_defaultSize = 5
+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 }
@@ -41,7 +41,7 @@ const meshPointsDefaultStyle = (
 
 const meshEdgesDefaultStyle = (
   visibility = edges_defaultVisibility,
-  size = edges_defaultSize,
+  width = edges_defaultWidth,
   color = edges_defaultColor,
 ) => {
   return {
@@ -52,7 +52,7 @@ const meshEdgesDefaultStyle = (
       edge: null,
       vertex: null,
     },
-    size,
+    width,
   }
 }
 
@@ -198,7 +198,7 @@ const brep_defaultStyle = () => {
     surfaces: modelSurfacesDefaultStyle(),
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
-    edges: modelEdgesDefaultStyle(false, edges_defaultSize),
+    edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
   }
 }
 
@@ -209,7 +209,7 @@ const crossSection_defaultStyle = () => {
     lines: modelLinesDefaultStyle(),
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
-    edges: modelEdgesDefaultStyle(false, edges_defaultSize),
+    edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
   }
 }
 
@@ -221,7 +221,7 @@ const structuralModel_defaultStyle = () => {
     surfaces: modelSurfacesDefaultStyle(),
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
-    edges: modelEdgesDefaultStyle(false, edges_defaultSize),
+    edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
   }
 }
 
@@ -232,7 +232,7 @@ const section_defaultStyle = () => {
     lines: modelLinesDefaultStyle(),
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
-    edges: modelEdgesDefaultStyle(false, edges_defaultSize),
+    edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
   }
 }
 
@@ -243,7 +243,7 @@ const implicitCrossSection_defaultStyle = () => {
     lines: modelLinesDefaultStyle(),
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
-    edges: modelEdgesDefaultStyle(false, edges_defaultSize),
+    edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
   }
 }
 
@@ -255,7 +255,7 @@ const implicitStructuralModel_defaultStyle = () => {
     surfaces: modelSurfacesDefaultStyle(),
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
-    edges: modelEdgesDefaultStyle(false, edges_defaultSize),
+    edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
   }
 }
 
diff --git a/internal/stores/mesh/edges.js b/internal/stores/mesh/edges.js
index c69976a2..19fa0e84 100644
--- a/internal/stores/mesh/edges.js
+++ b/internal/stores/mesh/edges.js
@@ -86,7 +86,7 @@ export function useMeshEdgesStyle() {
   }
 
   function meshEdgesWidth(id) {
-    return meshEdgesStyle(id).size
+    return meshEdgesStyle(id).width
   }
   function setMeshEdgesWidth(id, width) {
     const edges_style = meshEdgesStyle(id)
@@ -95,7 +95,7 @@ export function useMeshEdgesStyle() {
       { id, width },
       {
         response_function: () => {
-          edges_style.size = width
+          edges_style.width = width
           console.log(setMeshEdgesWidth.name, { id }, meshEdgesWidth(id))
         },
       },
@@ -149,7 +149,7 @@ export function useMeshEdgesStyle() {
     return Promise.all([
       setMeshEdgesVisibility(id, style.visibility),
       setMeshEdgesActiveColoring(id, style.coloring.active),
-      setMeshEdgesWidth(id, style.size),
+      setMeshEdgesWidth(id, style.width),
     ])
   }
 

From 74d69f51af28d758e38238d9ddba4a89f9a7b833 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Tue, 20 Jan 2026 13:43:23 +0100
Subject: [PATCH 07/12] edge_attribute

---
 .../Viewer/Options/EdgeAttributeSelector.vue  |   2 +-
 app/stores/geode.js                           |  20 +--
 tests/integration/data/uploads/test.og_edc3d  | Bin 0 -> 3725 bytes
 tests/integration/setup.js                    |   1 +
 .../stores/data_style/mesh/edges.nuxt.test.js | 129 ++++++++++++++++--
 .../data_style/mesh/points.nuxt.test.js       |  19 +++
 6 files changed, 148 insertions(+), 23 deletions(-)
 create mode 100644 tests/integration/data/uploads/test.og_edc3d

diff --git a/app/components/Viewer/Options/EdgeAttributeSelector.vue b/app/components/Viewer/Options/EdgeAttributeSelector.vue
index 0b6230da..813a47c2 100644
--- a/app/components/Viewer/Options/EdgeAttributeSelector.vue
+++ b/app/components/Viewer/Options/EdgeAttributeSelector.vue
@@ -49,7 +49,7 @@
       { id: props.id },
       {
         response_function: (response) => {
-          edge_attribute_names.value = response._data.edge_attribute_names
+          edge_attribute_names.value = response.edge_attribute_names
         },
       },
     )
diff --git a/app/stores/geode.js b/app/stores/geode.js
index f29442d6..1d1a975c 100644
--- a/app/stores/geode.js
+++ b/app/stores/geode.js
@@ -53,12 +53,15 @@ export const useGeodeStore = defineStore("geode", {
     ping() {
       const geodeStore = this
       const feedbackStore = useFeedbackStore()
-      return $fetch(back_schemas.opengeodeweb_back.ping.$id, {
-        baseURL: this.base_url,
-        method: back_schemas.opengeodeweb_back.ping.methods[0],
-        body: {},
-        onResponse({ response }) {
-          if (response.ok) {
+      return this.request(
+        back_schemas.opengeodeweb_back.ping,
+        {},
+        {
+          request_error_function: () => {
+            feedbackStore.$patch({ server_error: true })
+            geodeStore.status = Status.NOT_CONNECTED
+          },
+          response_function: () => {
             feedbackStore.$patch({ server_error: false })
             geodeStore.status = Status.CONNECTED
           },
@@ -67,10 +70,7 @@ export const useGeodeStore = defineStore("geode", {
             geodeStore.status = Status.NOT_CONNECTED
           },
         },
-      }).catch((error) => {
-        feedbackStore.$patch({ server_error: true })
-        geodeStore.status = Status.NOT_CONNECTED
-      })
+      )
     },
     start_request() {
       this.request_counter++
diff --git a/tests/integration/data/uploads/test.og_edc3d b/tests/integration/data/uploads/test.og_edc3d
new file mode 100644
index 0000000000000000000000000000000000000000..6dbeaf77eeb07fa41cb8604a0e4a5cb630e8d1a7
GIT binary patch
literal 3725
zcmcgv`)gcP5I!?WZntTgq)%h5HP-rmx4vK9^r7`#TN~eQHs)3%>85Npr4^APQlyB8
zh=_=ah=_=Yh=_=PQ~v|~zVF`Igu7k(n+xBZx%17;nR9o}x%c{jxf$TLBc(Kuom`x6
zb(RJurkm~g=IlZ~)#<e7XO}zqVG?@|z}Mke`We)V{&w_bN}^V;##M+Fhf1oxL?j%q
zS5oyQB2_mcJbQ=>dkbo1jH>FFAX3+%jEEF{i4})FbEH^cq*xjI%+ZaA+%eXwsrnKz
zM>irodx-JwisROlRc*c$5veZhEh8dTUm}X=R#ly&hlo^NqB=*Hh}<!b#Jvhbq#CJj
z%IDt9mm1CX;&N-QaVl?j^3#Jmd-l*ldQHh`T0Z4&x>$JHk-6@l4`47K<b|)1zFGQZ
z)C(tUUzzA+J|w*+xsH}hbg^@jlQ3T^dPMqq>X|mSX}aVjl8-@{b2{@av}B&?f^{Sx
zm)s=FR!P<bCstr`O+GB0brb>S8>nZhz(gl!1?Hn9M4NA<p2=jYBgtgW>5{53=cI6&
zkm(9Y^Ig)fm;R7+Ze830I+<TC6P?Vjm41ul?X+Z~&9`+4^IN6gMcVJCo{2W+bje91
zzZb%s)0sa^%dl_f;8#JIUnj|$lHVYCvn-ED>S*yg^yK>?tOz#0QYKbeq$q;TZ<PHu
z*;#k;J0$neGORFj9_LBbo71&$GQU$gS7LsT^!udWPkmTnrm~Z0)7p~LDfxpC#R|<?
zeDXSk`4nWT`6LIw2EzO%Nv<>bKIvRr@>eArv}6h}zgi})st8NITRPW++fCYhCofdJ
ziB8Un%^#q>CfYQ0lF3wSQe~zBimA<CV?gEyIQU}_=7*#|Dg8z1uTU?X%n!;$C-cXp
zKPCArEtzQZN4tdi)6x%<_UEW)qD|8!Cz1RpggK`(e~FgNpU?&CNdCO!3$nZ{$(rEA
z3QVrapOMZwiU9Lt)H79JqLV5xKO!g6=F^1}O{O}MOy-;}sTy-mn%rN9H0S??3*I}E
zDUBDWT%#E;2t&Q^4D+qI{B)yJoO0F^!JI{#LgCTHvxTP<j|?6_JP&xr@GRgV#O*!-
zaDQ@tF?bSSZ*WU<pK*V&_qeUu_uLw6CvH^sI~$ojW0sknI&_R3kk0w^HyF;2%;m?M
z%L|=Gt9c@~HSSik84y0o1Ab+#YcI9dia$~$=1C6x-z(*@#LZd<_5tjCb}Jj29mi&7
zBe5;n66`#72wRg)z#Ypjm;q*iIp8?(7VtK(0JMOUKpW@)r-0MIJHWfZd%#)Xec%J&
z9PlA<9{33O82AME6!;AI9QXqG68H-E8u%9Y4)`AU0r(O43HTZK1^5;C4fq}S1Nam8
z3-}xO2N=>rdU&$uvD|F8n`atjvo>~@59PxB-|{zu1j$M`Mq;1@2K|B`!WA)Cf+V?!
z%b*kCM~=Cw{2JH@a?BO}5g$A`{-U1M_TXyZ*OnN@NUSSCZUo>{m>4ZFhLIpQ4)DQE
zY%IY?F+py1{>Z~PqMASQFpi)PYm2&K{>VdabzL!k<RQnkRO6$5a?~Sl#7F()SYzCe
zh^y8g_J~_u|7OH*DX|qJ!M7oT+-jaLA;d(9;394t>_qr6FY{D+zJd_sm@E7vK6rAR
zBkEag4~}bzb@9c6*j|F%pxHWnDUPVeZGAC};uI~u7{_*XzZCZ`F1F|9Tg^^>BtM?F
i^VS>r(KAb(`~<%qZ5(fyWAXX80fvp1Y!luCec(SDxfgx_

literal 0
HcmV?d00001

diff --git a/tests/integration/setup.js b/tests/integration/setup.js
index 480d9784..2e91f48a 100644
--- a/tests/integration/setup.js
+++ b/tests/integration/setup.js
@@ -1,5 +1,6 @@
 // Node.js imports
 import path from "path"
+import os from "os"
 import { v4 as uuidv4 } from "uuid"
 import { WebSocket } from "ws"
 
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 56130974..8555fc10 100644
--- a/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
@@ -15,8 +15,9 @@ import { setupIntegrationTests } from "../../../setup"
 
 // Local constants
 const mesh_edges_schemas = viewer_schemas.opengeodeweb_viewer.mesh.edges
-const file_name = "test.og_edc2d"
-const geode_object = "EdgedCurve2D"
+const mesh_points_schemas = viewer_schemas.opengeodeweb_viewer.mesh.points
+const file_name = "test.og_edc3d"
+const geode_object = "EdgedCurve3D"
 
 let id, back_port, viewer_port, project_folder_path
 
@@ -36,9 +37,9 @@ afterEach(async () => {
   delete_folder_recursive(project_folder_path)
 })
 
-describe("Mesh edges", () => {
-  describe("Edges visibility", () => {
-    test("Visibility true", async () => {
+describe("Mesh EdgedCurve3D", () => {
+  describe("Edges", () => {
+    test("Edges visibility", async () => {
       const dataStyleStore = useDataStyleStore()
       const viewerStore = useViewerStore()
       const visibility = true
@@ -54,10 +55,8 @@ describe("Mesh edges", () => {
       expect(dataStyleStore.meshEdgesVisibility(id)).toBe(visibility)
       expect(viewerStore.status).toBe(Status.CONNECTED)
     })
-  })
 
-  describe("Edges color", () => {
-    test("Color red", async () => {
+    test("Edges color red", async () => {
       const dataStyleStore = useDataStyleStore()
       const viewerStore = useViewerStore()
       const color = { r: 255, g: 0, b: 0 }
@@ -73,13 +72,11 @@ describe("Mesh edges", () => {
       expect(dataStyleStore.meshEdgesColor(id)).toStrictEqual(color)
       expect(viewerStore.status).toBe(Status.CONNECTED)
     })
-  })
 
-  describe("Edges active coloring", () => {
-    test("test coloring", async () => {
+    test("Edges active coloring", async () => {
       const dataStyleStore = useDataStyleStore()
       const viewerStore = useViewerStore()
-      const coloringTypes = ["color"]
+      const coloringTypes = ["color", "vertex", "edge"]
       for (let i = 0; i < coloringTypes.length; i++) {
         dataStyleStore.setMeshEdgesActiveColoring(id, coloringTypes[i])
         expect(dataStyleStore.meshEdgesActiveColoring(id)).toBe(
@@ -88,5 +85,113 @@ describe("Mesh edges", () => {
         expect(viewerStore.status).toBe(Status.CONNECTED)
       }
     })
+
+    test("Edges vertex attribute", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const vertex_attribute = { name: "vertex_attribute" }
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setMeshEdgesVertexAttribute(id, vertex_attribute)
+      expect(spy).toHaveBeenCalledWith(
+        mesh_edges_schemas.vertex_attribute,
+        { id, ...vertex_attribute },
+        {
+          response_function: expect.any(Function),
+        },
+      )
+      expect(dataStyleStore.meshEdgesVertexAttribute(id)).toStrictEqual(
+        vertex_attribute,
+      )
+      expect(viewerStore.status).toBe(Status.CONNECTED)
+    })
+
+    test("Edges edge attribute", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const edge_attribute = { name: "edge_attribute" }
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setMeshEdgesEdgeAttribute(id, edge_attribute)
+      expect(spy).toHaveBeenCalledWith(
+        mesh_edges_schemas.edge_attribute,
+        { id, ...edge_attribute },
+        {
+          response_function: expect.any(Function),
+        },
+      )
+      expect(dataStyleStore.meshEdgesEdgeAttribute(id)).toStrictEqual(
+        edge_attribute,
+      )
+      expect(viewerStore.status).toBe(Status.CONNECTED)
+    })
+  })
+
+  describe("Points", () => {
+    test("Points visibility", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const visibility = true
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setMeshPointsVisibility(id, visibility)
+      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)
+    })
+
+    test("Points color red", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const color = { r: 255, g: 0, b: 0 }
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setMeshPointsColor(id, color)
+      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)
+    })
+
+    test("Points active coloring", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const coloringTypes = ["color", "vertex"]
+      for (let i = 0; i < coloringTypes.length; i++) {
+        dataStyleStore.setMeshPointsActiveColoring(id, coloringTypes[i])
+        expect(dataStyleStore.meshPointsActiveColoring(id)).toBe(
+          coloringTypes[i],
+        )
+        expect(viewerStore.status).toBe(Status.CONNECTED)
+      }
+    })
+
+    test("Points vertex attribute", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const vertex_attribute = { name: "vertex_attribute" }
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setMeshPointsVertexAttribute(id, vertex_attribute)
+      expect(spy).toHaveBeenCalledWith(
+        mesh_points_schemas.vertex_attribute,
+        { id, ...vertex_attribute },
+        {
+          response_function: expect.any(Function),
+        },
+      )
+      expect(dataStyleStore.meshPointsVertexAttribute(id)).toStrictEqual(
+        vertex_attribute,
+      )
+      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 90df2076..7c717ea4 100644
--- a/tests/integration/stores/data_style/mesh/points.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/points.nuxt.test.js
@@ -107,5 +107,24 @@ describe("Mesh points", () => {
       expect(dataStyleStore.meshPointsSize(id)).toBe(size)
       expect(viewerStore.status).toBe(Status.CONNECTED)
     })
+
+    test("Points vertex attribute", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const vertex_attribute = { name: "points" }
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setMeshPointsVertexAttribute(id, vertex_attribute)
+      expect(spy).toHaveBeenCalledWith(
+        mesh_points_schemas.vertex_attribute,
+        { id, ...vertex_attribute },
+        {
+          response_function: expect.any(Function),
+        },
+      )
+      expect(dataStyleStore.meshPointsVertexAttribute(id)).toStrictEqual(
+        vertex_attribute,
+      )
+      expect(viewerStore.status).toBe(Status.CONNECTED)
+    })
   })
 })

From 19e2343fddf7f3843130f8d27cc9979aae759091 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Tue, 20 Jan 2026 13:48:51 +0100
Subject: [PATCH 08/12] new geode file

---
 app/stores/geode.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/stores/geode.js b/app/stores/geode.js
index 570d719a..1d1a975c 100644
--- a/app/stores/geode.js
+++ b/app/stores/geode.js
@@ -44,12 +44,13 @@ export const useGeodeStore = defineStore("geode", {
     },
   },
   actions: {
-    ping_task() {
+    set_ping() {
+      this.ping()
       setInterval(() => {
-        this.do_ping()
+        this.ping()
       }, 10 * 1000)
     },
-    do_ping() {
+    ping() {
       const geodeStore = this
       const feedbackStore = useFeedbackStore()
       return this.request(
@@ -64,6 +65,10 @@ export const useGeodeStore = defineStore("geode", {
             feedbackStore.$patch({ server_error: false })
             geodeStore.status = Status.CONNECTED
           },
+          response_error_function: () => {
+            feedbackStore.$patch({ server_error: true })
+            geodeStore.status = Status.NOT_CONNECTED
+          },
         },
       )
     },
@@ -79,7 +84,8 @@ export const useGeodeStore = defineStore("geode", {
     },
     connect() {
       console.log("[GEODE] Connecting to geode microservice...")
-      return this.ping_task()
+      this.set_ping()
+      return Promise.resolve()
     },
     request(schema, params, callbacks = {}) {
       console.log("[GEODE] Request:", schema.$id)

From 60497f9eddd5ff972a43ad30caa1c26ecfbe6017 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Tue, 20 Jan 2026 16:24:10 +0100
Subject: [PATCH 09/12] adding more integration tests

---
 tests/integration/data/uploads/test.vtu       |  22 ++
 .../stores/data_style/mesh/edges.nuxt.test.js |  17 ++
 .../data_style/mesh/polygons.nuxt.test.js     |  79 ++++++-
 .../data_style/mesh/polyhedra.nuxt.test.js    | 200 ++++++++++++++++--
 4 files changed, 298 insertions(+), 20 deletions(-)
 create mode 100644 tests/integration/data/uploads/test.vtu

diff --git a/tests/integration/data/uploads/test.vtu b/tests/integration/data/uploads/test.vtu
new file mode 100644
index 00000000..7c86fa9c
--- /dev/null
+++ b/tests/integration/data/uploads/test.vtu
@@ -0,0 +1,22 @@
+<?xml version="1.0"?>
+<VTKFile type="UnstructuredGrid" version="1.0" byte_order="LittleEndian" header_type="UInt32" compressor="vtkZLibDataCompressor">
+	<UnstructuredGrid>
+		<Piece NumberOfPoints="11" NumberOfCells="4">
+			<PointData>
+				<DataArray type="Float64" Name="toto_on_vertices" format="ascii" NumberOfComponents="1" RangeMin="1" RangeMax="11">1 2 3 4 5 6 7 8 9 10 11 </DataArray>
+				<DataArray type="Float64" Name="points" format="ascii" NumberOfComponents="3" RangeMin="0" RangeMax="2">0 0 0 1 0 0 2 1 0 1 2 0 0 2 0 0 0 1 1 0 1 2 1 1 1 2 1 0 2 1 1 1 2 </DataArray>
+			</PointData>
+			<Points>
+				<DataArray type="Float64" Name="Points" format="ascii" NumberOfComponents="3" RangeMin="0" RangeMax="2">0 0 0 1 0 0 2 1 0 1 2 0 0 2 0 0 0 1 1 0 1 2 1 1 1 2 1 0 2 1 1 1 2 </DataArray>
+			</Points>
+			<CellData>
+				<DataArray type="Float64" Name="toto_on_polyhedra" format="ascii" NumberOfComponents="1" RangeMin="3" RangeMax="6">3 4 5 6 </DataArray>
+			</CellData>
+			<Cells>
+				<DataArray type="Int64" Name="connectivity" format="ascii" RangeMin="0" RangeMax="10">0 1 3 4 5 6 8 9 1 2 3 6 7 8 5 6 8 9 10 6 7 8 10 </DataArray>
+				<DataArray type="Int64" Name="offsets" format="ascii" RangeMin="0" RangeMax="11">8 14 19 23 </DataArray>
+				<DataArray type="UInt8" Name="types" format="ascii" RangeMin="1" RangeMax="42">12 13 14 10 </DataArray>
+			</Cells>
+		</Piece>
+	</UnstructuredGrid>
+</VTKFile>
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 8555fc10..81a3d36c 100644
--- a/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
@@ -191,6 +191,23 @@ describe("Mesh EdgedCurve3D", () => {
       )
       expect(viewerStore.status).toBe(Status.CONNECTED)
     })
+
+    test("Points size", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const size = 20
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setMeshPointsSize(id, size)
+      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)
+    })
   })
 })
 
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 b445d919..4451ff42 100644
--- a/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js
@@ -15,6 +15,7 @@ import { setupIntegrationTests } from "../../../setup"
 
 // Local constants
 const mesh_polygons_schemas = viewer_schemas.opengeodeweb_viewer.mesh.polygons
+const mesh_points_schemas = viewer_schemas.opengeodeweb_viewer.mesh.points
 const file_name = "test.og_psf3d"
 const geode_object = "PolygonalSurface3D"
 
@@ -23,7 +24,7 @@ let id, back_port, viewer_port, project_folder_path
 beforeEach(async () => {
   ;({ id, back_port, viewer_port, project_folder_path } =
     await setupIntegrationTests(file_name, geode_object))
-}, 20000)
+}, 25000)
 
 afterEach(async () => {
   console.log(
@@ -76,6 +77,21 @@ describe("Mesh polygons", () => {
     })
   })
 
+    describe("Polygons active coloring", () => {
+    test("test coloring", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const coloringTypes = ["color", "vertex", "polygon"]
+      for (let i = 0; i < coloringTypes.length; i++) {
+        dataStyleStore.setMeshPolygonsActiveColoring(id, coloringTypes[i])
+        expect(dataStyleStore.meshPolygonsActiveColoring(id)).toBe(
+          coloringTypes[i],
+        )
+        expect(viewerStore.status).toBe(Status.CONNECTED)
+      }
+    })
+  })
+
   describe("Polygons vertex attribute", () => {
     test("Coloring vertex attribute", async () => {
       const dataStyleStore = useDataStyleStore()
@@ -121,18 +137,69 @@ describe("Mesh polygons", () => {
     })
   })
 
-  describe("Polygons active coloring", () => {
-    test("test coloring", async () => {
+  describe("Points", () => {
+    test("Points visibility", async () => {
       const dataStyleStore = useDataStyleStore()
       const viewerStore = useViewerStore()
-      const coloringTypes = ["color", "vertex", "polygon"]
+      const visibility = true
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setMeshPointsVisibility(id, visibility)
+      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)
+    })
+
+    test("Points color red", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const color = { r: 255, g: 0, b: 0 }
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setMeshPointsColor(id, color)
+      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)
+    })
+
+    test("Points active coloring", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const coloringTypes = ["color", "vertex"]
       for (let i = 0; i < coloringTypes.length; i++) {
-        dataStyleStore.setMeshPolygonsActiveColoring(id, coloringTypes[i])
-        expect(dataStyleStore.meshPolygonsActiveColoring(id)).toBe(
+        dataStyleStore.setMeshPointsActiveColoring(id, coloringTypes[i])
+        expect(dataStyleStore.meshPointsActiveColoring(id)).toBe(
           coloringTypes[i],
         )
         expect(viewerStore.status).toBe(Status.CONNECTED)
       }
     })
+
+    test("Points size", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const size = 20
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setMeshPointsSize(id, size)
+      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)
+    })
   })
 })
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 63399496..b3487f41 100644
--- a/tests/integration/stores/data_style/mesh/polyhedra.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/polyhedra.nuxt.test.js
@@ -15,15 +15,18 @@ import { setupIntegrationTests } from "../../../setup"
 
 // Local constants
 const mesh_polyhedra_schemas = viewer_schemas.opengeodeweb_viewer.mesh.polyhedra
-const file_name = "test.og_rgd3d"
-const geode_object = "RegularGrid3D"
+const mesh_polygons_schemas = viewer_schemas.opengeodeweb_viewer.mesh.polygons
+const mesh_edges_schemas = viewer_schemas.opengeodeweb_viewer.mesh.edges
+const mesh_points_schemas = viewer_schemas.opengeodeweb_viewer.mesh.points
+const file_name = "test.vtu"
+const geode_object = "HybridSolid3D"
 
 let id, back_port, viewer_port, project_folder_path
 
 beforeEach(async () => {
   ;({ id, back_port, viewer_port, project_folder_path } =
     await setupIntegrationTests(file_name, geode_object))
-}, 20000)
+}, 30000)
 
 afterEach(async () => {
   console.log(
@@ -37,8 +40,8 @@ afterEach(async () => {
 })
 
 describe("Mesh polyhedra", () => {
-  describe("Polyhedra visibility", () => {
-    test("Visibility true", async () => {
+  describe("Polyhedra", () => {
+    test("Polyhedra visibility", async () => {
       const dataStyleStore = useDataStyleStore()
       const viewerStore = useViewerStore()
       const visibility = true
@@ -54,12 +57,28 @@ describe("Mesh polyhedra", () => {
       expect(dataStyleStore.meshPolyhedraVisibility(id)).toBe(visibility)
       expect(viewerStore.status).toBe(Status.CONNECTED)
     })
-  })
-  describe("Polyhedra active coloring", () => {
-    test("test coloring", async () => {
+
+    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")
+      await dataStyleStore.setMeshPolyhedraColor(id, color)
+      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)
+    })
+
+    test("Polyhedra active coloring", async () => {
       const dataStyleStore = useDataStyleStore()
       const viewerStore = useViewerStore()
-      const coloringTypes = ["color"]
+      const coloringTypes = ["color", "vertex", "polyhedron"]
       for (let i = 0; i < coloringTypes.length; i++) {
         dataStyleStore.setMeshPolyhedraActiveColoring(id, coloringTypes[i])
         expect(dataStyleStore.meshPolyhedraActiveColoring(id)).toBe(
@@ -68,22 +87,175 @@ describe("Mesh polyhedra", () => {
         expect(viewerStore.status).toBe(Status.CONNECTED)
       }
     })
+
+    test("Polyhedra vertex attribute", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const vertex_attribute = { name: "toto_on_vertices" }
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setPolyhedraVertexAttribute(id, vertex_attribute)
+      expect(spy).toHaveBeenCalledWith(
+        mesh_polyhedra_schemas.vertex_attribute,
+        { id, ...vertex_attribute },
+        {
+          response_function: expect.any(Function),
+        },
+      )
+      expect(dataStyleStore.polyhedraVertexAttribute(id)).toStrictEqual(
+        vertex_attribute,
+      )
+      expect(viewerStore.status).toBe(Status.CONNECTED)
+    })
+
+    test("Polyhedra polyhedron attribute", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const polyhedron_attribute = { name: "toto_on_polyhedra" }
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setPolyhedraPolyhedronAttribute(
+        id,
+        polyhedron_attribute,
+      )
+      expect(spy).toHaveBeenCalledWith(
+        mesh_polyhedra_schemas.polyhedron_attribute,
+        { id, ...polyhedron_attribute },
+        {
+          response_function: expect.any(Function),
+        },
+      )
+      expect(dataStyleStore.polyhedraPolyhedronAttribute(id)).toStrictEqual(
+        polyhedron_attribute,
+      )
+      expect(viewerStore.status).toBe(Status.CONNECTED)
+    })
   })
-  describe("Polyhedra color", () => {
-    test("Color red", async () => {
+
+  describe("Polygons", () => {
+    test("Polygons color red", async () => {
       const dataStyleStore = useDataStyleStore()
       const viewerStore = useViewerStore()
       const color = { r: 255, g: 0, b: 0 }
       const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshPolyhedraColor(id, color)
+      await dataStyleStore.setMeshPolygonsColor(id, color)
       expect(spy).toHaveBeenCalledWith(
-        mesh_polyhedra_schemas.color,
+        mesh_polygons_schemas.color,
         { id, color },
         {
           response_function: expect.any(Function),
         },
       )
-      expect(dataStyleStore.meshPolyhedraColor(id)).toStrictEqual(color)
+      expect(dataStyleStore.meshPolygonsColor(id)).toStrictEqual(color)
+      expect(viewerStore.status).toBe(Status.CONNECTED)
+    })
+
+    test("Polygons active coloring", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const coloringTypes = ["color", "vertex", "polygon"]
+      for (let i = 0; i < coloringTypes.length; i++) {
+        dataStyleStore.setMeshPolygonsActiveColoring(id, coloringTypes[i])
+        expect(dataStyleStore.meshPolygonsActiveColoring(id)).toBe(
+          coloringTypes[i],
+        )
+        expect(viewerStore.status).toBe(Status.CONNECTED)
+      }
+    })
+  })
+
+  describe("Edges", () => {
+    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")
+      await dataStyleStore.setMeshEdgesColor(id, color)
+      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)
+    })
+
+    test("Edges active coloring", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const coloringTypes = ["color", "vertex", "edge"]
+      for (let i = 0; i < coloringTypes.length; i++) {
+        dataStyleStore.setMeshEdgesActiveColoring(id, coloringTypes[i])
+        expect(dataStyleStore.meshEdgesActiveColoring(id)).toBe(
+          coloringTypes[i],
+        )
+        expect(viewerStore.status).toBe(Status.CONNECTED)
+      }
+    })
+  })
+
+  describe("Points", () => {
+    test("Points visibility", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const visibility = true
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setMeshPointsVisibility(id, visibility)
+      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)
+    })
+
+    test("Points color red", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const color = { r: 255, g: 0, b: 0 }
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setMeshPointsColor(id, color)
+      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)
+    })
+
+    test("Points active coloring", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const coloringTypes = ["color", "vertex"]
+      for (let i = 0; i < coloringTypes.length; i++) {
+        dataStyleStore.setMeshPointsActiveColoring(id, coloringTypes[i])
+        expect(dataStyleStore.meshPointsActiveColoring(id)).toBe(
+          coloringTypes[i],
+        )
+        expect(viewerStore.status).toBe(Status.CONNECTED)
+      }
+    })
+
+    test("Points size", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const size = 20
+      const spy = vi.spyOn(viewerStore, "request")
+      await dataStyleStore.setMeshPointsSize(id, size)
+      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)
     })
   })

From 1bbe450b94fb35f2ecf54dcbffeed57180658454 Mon Sep 17 00:00:00 2001
From: MaxNumerique <144453705+MaxNumerique@users.noreply.github.com>
Date: Tue, 20 Jan 2026 15:25:59 +0000
Subject: [PATCH 10/12] Apply prepare changes

---
 app/components/Viewer/Options/EdgeAttributeSelector.vue     | 6 +++++-
 .../Viewer/TetrahedralSolid/TetrahedraOptions.vue           | 1 -
 tests/integration/microservices/back/requirements.txt       | 1 -
 tests/integration/stores/data_style/mesh/edges.nuxt.test.js | 2 --
 .../stores/data_style/mesh/polygons.nuxt.test.js            | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/Viewer/Options/EdgeAttributeSelector.vue b/app/components/Viewer/Options/EdgeAttributeSelector.vue
index 813a47c2..5007a65c 100644
--- a/app/components/Viewer/Options/EdgeAttributeSelector.vue
+++ b/app/components/Viewer/Options/EdgeAttributeSelector.vue
@@ -1,7 +1,11 @@
 <template>
   <v-row justify="center" align="center">
     <v-col cols="auto">
-      <v-icon size="30" icon="mdi-ray-end-arrow" v-tooltip:left="'Edge Attribute'" />
+      <v-icon
+        size="30"
+        icon="mdi-ray-end-arrow"
+        v-tooltip:left="'Edge Attribute'"
+      />
     </v-col>
     <v-col>
       <v-select
diff --git a/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue b/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue
index 69234602..4cb41219 100644
--- a/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue
+++ b/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue
@@ -4,7 +4,6 @@
     :btn_image="TetrahedralSolidTetrahedra"
     tooltip="Tetrahedra options"
     :index="props.index"
-
   />
 </template>
 
diff --git a/tests/integration/microservices/back/requirements.txt b/tests/integration/microservices/back/requirements.txt
index ecd51b9e..bd3a3ef5 100644
--- a/tests/integration/microservices/back/requirements.txt
+++ b/tests/integration/microservices/back/requirements.txt
@@ -5,4 +5,3 @@
 #    pip-compile --output-file=tests/integration/microservices/back/requirements.txt tests/integration/microservices/back/requirements.in
 #
 
-opengeodeweb-back==6.*,>=6.0.0rc1
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 81a3d36c..43f641bd 100644
--- a/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
@@ -210,5 +210,3 @@ describe("Mesh EdgedCurve3D", () => {
     })
   })
 })
-
-
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 4451ff42..b2b9bdc1 100644
--- a/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js
@@ -77,7 +77,7 @@ describe("Mesh polygons", () => {
     })
   })
 
-    describe("Polygons active coloring", () => {
+  describe("Polygons active coloring", () => {
     test("test coloring", async () => {
       const dataStyleStore = useDataStyleStore()
       const viewerStore = useViewerStore()

From 810daaf3d5435058f63a5a87a2f70c6d3d4aecaa Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Tue, 20 Jan 2026 17:03:56 +0100
Subject: [PATCH 11/12] rm os

---
 tests/integration/setup.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/tests/integration/setup.js b/tests/integration/setup.js
index 2e91f48a..480d9784 100644
--- a/tests/integration/setup.js
+++ b/tests/integration/setup.js
@@ -1,6 +1,5 @@
 // Node.js imports
 import path from "path"
-import os from "os"
 import { v4 as uuidv4 } from "uuid"
 import { WebSocket } from "ws"
 

From 7729dc10c6aa7d385fca2de5b8d9c793631a347e Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Tue, 20 Jan 2026 17:24:41 +0100
Subject: [PATCH 12/12] rm points related integrations tests where its not
 usefull

---
 .../stores/data_style/mesh/edges.nuxt.test.js | 85 -------------------
 .../data_style/mesh/polygons.nuxt.test.js     | 66 --------------
 .../data_style/mesh/polyhedra.nuxt.test.js    | 66 --------------
 3 files changed, 217 deletions(-)

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 43f641bd..b2cce4ae 100644
--- a/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/edges.nuxt.test.js
@@ -124,89 +124,4 @@ describe("Mesh EdgedCurve3D", () => {
       expect(viewerStore.status).toBe(Status.CONNECTED)
     })
   })
-
-  describe("Points", () => {
-    test("Points visibility", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const visibility = true
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshPointsVisibility(id, visibility)
-      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)
-    })
-
-    test("Points color red", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const color = { r: 255, g: 0, b: 0 }
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshPointsColor(id, color)
-      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)
-    })
-
-    test("Points active coloring", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const coloringTypes = ["color", "vertex"]
-      for (let i = 0; i < coloringTypes.length; i++) {
-        dataStyleStore.setMeshPointsActiveColoring(id, coloringTypes[i])
-        expect(dataStyleStore.meshPointsActiveColoring(id)).toBe(
-          coloringTypes[i],
-        )
-        expect(viewerStore.status).toBe(Status.CONNECTED)
-      }
-    })
-
-    test("Points vertex attribute", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const vertex_attribute = { name: "vertex_attribute" }
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshPointsVertexAttribute(id, vertex_attribute)
-      expect(spy).toHaveBeenCalledWith(
-        mesh_points_schemas.vertex_attribute,
-        { id, ...vertex_attribute },
-        {
-          response_function: expect.any(Function),
-        },
-      )
-      expect(dataStyleStore.meshPointsVertexAttribute(id)).toStrictEqual(
-        vertex_attribute,
-      )
-      expect(viewerStore.status).toBe(Status.CONNECTED)
-    })
-
-    test("Points size", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const size = 20
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshPointsSize(id, size)
-      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)
-    })
-  })
 })
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 b2b9bdc1..7b63dd2c 100644
--- a/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/polygons.nuxt.test.js
@@ -136,70 +136,4 @@ describe("Mesh polygons", () => {
       expect(viewerStore.status).toBe(Status.CONNECTED)
     })
   })
-
-  describe("Points", () => {
-    test("Points visibility", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const visibility = true
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshPointsVisibility(id, visibility)
-      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)
-    })
-
-    test("Points color red", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const color = { r: 255, g: 0, b: 0 }
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshPointsColor(id, color)
-      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)
-    })
-
-    test("Points active coloring", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const coloringTypes = ["color", "vertex"]
-      for (let i = 0; i < coloringTypes.length; i++) {
-        dataStyleStore.setMeshPointsActiveColoring(id, coloringTypes[i])
-        expect(dataStyleStore.meshPointsActiveColoring(id)).toBe(
-          coloringTypes[i],
-        )
-        expect(viewerStore.status).toBe(Status.CONNECTED)
-      }
-    })
-
-    test("Points size", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const size = 20
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshPointsSize(id, size)
-      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)
-    })
-  })
 })
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 b3487f41..93a75f42 100644
--- a/tests/integration/stores/data_style/mesh/polyhedra.nuxt.test.js
+++ b/tests/integration/stores/data_style/mesh/polyhedra.nuxt.test.js
@@ -193,70 +193,4 @@ describe("Mesh polyhedra", () => {
       }
     })
   })
-
-  describe("Points", () => {
-    test("Points visibility", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const visibility = true
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshPointsVisibility(id, visibility)
-      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)
-    })
-
-    test("Points color red", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const color = { r: 255, g: 0, b: 0 }
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshPointsColor(id, color)
-      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)
-    })
-
-    test("Points active coloring", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const coloringTypes = ["color", "vertex"]
-      for (let i = 0; i < coloringTypes.length; i++) {
-        dataStyleStore.setMeshPointsActiveColoring(id, coloringTypes[i])
-        expect(dataStyleStore.meshPointsActiveColoring(id)).toBe(
-          coloringTypes[i],
-        )
-        expect(viewerStore.status).toBe(Status.CONNECTED)
-      }
-    })
-
-    test("Points size", async () => {
-      const dataStyleStore = useDataStyleStore()
-      const viewerStore = useViewerStore()
-      const size = 20
-      const spy = vi.spyOn(viewerStore, "request")
-      await dataStyleStore.setMeshPointsSize(id, size)
-      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)
-    })
-  })
 })