From f1fe849c50ed6eae5b630cce3c27fd3bf4fb56dc Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Thu, 5 Feb 2026 16:02:03 +0100
Subject: [PATCH 1/9] fix(modelComponents): fix TreeComponent

---
 app/components/Viewer/TreeComponent.vue | 54 ++++++++++++++++++++-----
 1 file changed, 43 insertions(+), 11 deletions(-)

diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue
index 66a1704f..8d0ede31 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -13,14 +13,42 @@
 
   const emit = defineEmits(["show-menu"])
 
-  const items = dataStore.formatedMeshComponents(props.id)
-  const mesh_components_selection = ref(
-    dataStyleStore.visibleMeshComponents(props.id),
+  const items = ref([])
+  const mesh_components_selection = ref([])
+  const componentTypeMap = {}
+  let isUpdating = false
+
+  async function updateTree() {
+    isUpdating = true
+    const fetchedItems = await dataStore.formatedMeshComponents(props.id)
+    items.value = fetchedItems
+
+    for (const key in componentTypeMap) delete componentTypeMap[key]
+    fetchedItems.forEach((group) => {
+      group.children.forEach((child) => {
+        componentTypeMap[child.id] = group.id
+      })
+    })
+
+    mesh_components_selection.value = dataStyleStore.visibleMeshComponents(
+      props.id,
+    ).value
+    setTimeout(() => {
+      isUpdating = false
+    }, 0)
+  }
+
+  watch(
+    () => props.id,
+    async () => {
+      await updateTree()
+    },
   )
 
   watch(
     mesh_components_selection,
     (current, previous) => {
+      if (isUpdating) return
       if (!previous) previous = []
       else {
         const { added, removed } = compareSelections(current, previous)
@@ -80,23 +108,27 @@
         hybridViewerStore.remoteRender()
       }
     },
-    { immediate: true, deep: true },
+    { immediate: false, deep: true },
   )
 
-  function sortMeshComponents(items) {
+  function sortMeshComponents(ids) {
     var corner_ids = [],
       line_ids = [],
       surface_ids = [],
       block_ids = []
-    for (const item of items) {
-      const item_type = dataStore.meshComponentType(props.id, item)
-      if (item_type === "corner") corner_ids.push(item)
-      else if (item_type === "line") line_ids.push(item)
-      else if (item_type === "surface") surface_ids.push(item)
-      else if (item_type === "block") block_ids.push(item)
+    for (const id of ids) {
+      const item_type = componentTypeMap[id]
+      if (item_type === "Corner") corner_ids.push(id)
+      else if (item_type === "Line") line_ids.push(id)
+      else if (item_type === "Surface") surface_ids.push(id)
+      else if (item_type === "Block") block_ids.push(id)
     }
     return [corner_ids, line_ids, surface_ids, block_ids]
   }
+
+  onMounted(async () => {
+    await updateTree()
+  })
 </script>
 
 <template>

From 4eb4f17b89fe127af6bb2f50238f88d2b797ab0a Mon Sep 17 00:00:00 2001
From: MaxNumerique <144453705+MaxNumerique@users.noreply.github.com>
Date: Thu, 5 Feb 2026 15:05:04 +0000
Subject: [PATCH 2/9] Apply prepare changes

---
 tests/integration/microservices/back/requirements.txt   | 1 -
 tests/integration/microservices/viewer/requirements.txt | 1 -
 2 files changed, 2 deletions(-)

diff --git a/tests/integration/microservices/back/requirements.txt b/tests/integration/microservices/back/requirements.txt
index f46331da..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.1.0rc3
diff --git a/tests/integration/microservices/viewer/requirements.txt b/tests/integration/microservices/viewer/requirements.txt
index 68cb23f1..4d097394 100644
--- a/tests/integration/microservices/viewer/requirements.txt
+++ b/tests/integration/microservices/viewer/requirements.txt
@@ -5,4 +5,3 @@
 #    pip-compile --output-file=tests/integration/microservices/viewer/requirements.txt tests/integration/microservices/viewer/requirements.in
 #
 
-opengeodeweb-viewer==1.*,>=1.15.1rc1

From 3340a93e579138e190dbd36898505526ee6372e6 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Thu, 5 Feb 2026 16:27:14 +0100
Subject: [PATCH 3/9] v2 with instant update

---
 app/components/Viewer/TreeComponent.vue | 133 ++++++++++--------------
 1 file changed, 53 insertions(+), 80 deletions(-)

diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue
index 8d0ede31..df1c5ded 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -15,7 +15,6 @@
 
   const items = ref([])
   const mesh_components_selection = ref([])
-  const componentTypeMap = {}
   let isUpdating = false
 
   async function updateTree() {
@@ -23,16 +22,17 @@
     const fetchedItems = await dataStore.formatedMeshComponents(props.id)
     items.value = fetchedItems
 
-    for (const key in componentTypeMap) delete componentTypeMap[key]
+    const visibleIds = dataStyleStore.visibleMeshComponents(props.id).value
+    const selection = []
     fetchedItems.forEach((group) => {
       group.children.forEach((child) => {
-        componentTypeMap[child.id] = group.id
+        if (visibleIds.includes(child.id)) {
+          selection.push(child)
+        }
       })
     })
+    mesh_components_selection.value = selection
 
-    mesh_components_selection.value = dataStyleStore.visibleMeshComponents(
-      props.id,
-    ).value
     setTimeout(() => {
       isUpdating = false
     }, 0)
@@ -47,85 +47,57 @@
 
   watch(
     mesh_components_selection,
-    (current, previous) => {
+    async (current, previous) => {
       if (isUpdating) return
-      if (!previous) previous = []
-      else {
-        const { added, removed } = compareSelections(current, previous)
-
-        const [added_corners, added_lines, added_surfaces, added_blocks] =
-          sortMeshComponents(added)
-        const [
-          removed_corners,
-          removed_lines,
-          removed_surfaces,
-          removed_blocks,
-        ] = sortMeshComponents(removed)
-        if (added_corners.length > 0) {
-          dataStyleStore.setModelCornersVisibility(
-            props.id,
-            added_corners,
-            true,
-          )
-        }
-        if (added_lines.length > 0) {
-          dataStyleStore.setModelLinesVisibility(props.id, added_lines, true)
-        }
-        if (added_surfaces.length > 0) {
-          dataStyleStore.setModelSurfacesVisibility(
-            props.id,
-            added_surfaces,
-            true,
-          )
-        }
-        if (added_blocks.length > 0) {
-          dataStyleStore.setModelBlocksVisibility(props.id, added_blocks, true)
-        }
-        if (removed_corners.length > 0) {
-          dataStyleStore.setModelCornersVisibility(
-            props.id,
-            removed_corners,
-            false,
-          )
-        }
-        if (removed_lines.length > 0) {
-          dataStyleStore.setModelLinesVisibility(props.id, removed_lines, false)
-        }
-        if (removed_surfaces.length > 0) {
-          dataStyleStore.setModelSurfacesVisibility(
-            props.id,
-            removed_surfaces,
-            false,
-          )
-        }
-        if (removed_blocks.length > 0) {
-          dataStyleStore.setModelBlocksVisibility(
-            props.id,
-            removed_blocks,
-            false,
-          )
-        }
-        hybridViewerStore.remoteRender()
+      if (!previous) return
+      const { added, removed } = compareSelections(current, previous)
+
+      const updateVisibility = async (items, visibility) => {
+        const grouped = items.reduce((acc, item) => {
+          if (!acc[item.category]) acc[item.category] = []
+          acc[item.category].push(item.id)
+          return acc
+        }, {})
+
+        const promises = Object.entries(grouped).map(([category, ids]) => {
+          if (category === "Corner") {
+            return dataStyleStore.setModelCornersVisibility(
+              props.id,
+              ids,
+              visibility,
+            )
+          } else if (category === "Line") {
+            return dataStyleStore.setModelLinesVisibility(
+              props.id,
+              ids,
+              visibility,
+            )
+          } else if (category === "Surface") {
+            return dataStyleStore.setModelSurfacesVisibility(
+              props.id,
+              ids,
+              visibility,
+            )
+          } else if (category === "Block") {
+            return dataStyleStore.setModelBlocksVisibility(
+              props.id,
+              ids,
+              visibility,
+            )
+          }
+        })
+        return Promise.all(promises)
       }
+
+      await Promise.all([
+        updateVisibility(added, true),
+        updateVisibility(removed, false),
+      ])
+      hybridViewerStore.remoteRender()
     },
-    { immediate: false, deep: true },
+    { immediate: true, deep: true },
   )
 
-  function sortMeshComponents(ids) {
-    var corner_ids = [],
-      line_ids = [],
-      surface_ids = [],
-      block_ids = []
-    for (const id of ids) {
-      const item_type = componentTypeMap[id]
-      if (item_type === "Corner") corner_ids.push(id)
-      else if (item_type === "Line") line_ids.push(id)
-      else if (item_type === "Surface") surface_ids.push(id)
-      else if (item_type === "Block") block_ids.push(id)
-    }
-    return [corner_ids, line_ids, surface_ids, block_ids]
-  }
-
   onMounted(async () => {
     await updateTree()
   })
@@ -139,6 +111,7 @@
     item-value="id"
     select-strategy="classic"
     selectable
+    return-object
   >
     <template #title="{ item }">
       <span

From 503c25fcf1568d1c1b15e3ab37eae21479ecd607 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Thu, 5 Feb 2026 16:33:33 +0100
Subject: [PATCH 4/9] test

---
 app/components/Viewer/TreeComponent.vue | 154 +++++++++++++++---------
 1 file changed, 98 insertions(+), 56 deletions(-)

diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue
index df1c5ded..7314b6cd 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -19,20 +19,11 @@
 
   async function updateTree() {
     isUpdating = true
-    const fetchedItems = await dataStore.formatedMeshComponents(props.id)
-    items.value = fetchedItems
-
+    items.value = await dataStore.formatedMeshComponents(props.id)
     const visibleIds = dataStyleStore.visibleMeshComponents(props.id).value
-    const selection = []
-    fetchedItems.forEach((group) => {
-      group.children.forEach((child) => {
-        if (visibleIds.includes(child.id)) {
-          selection.push(child)
-        }
-      })
-    })
-    mesh_components_selection.value = selection
-
+    mesh_components_selection.value = items.value
+      .flatMap((group) => group.children)
+      .filter((child) => visibleIds.includes(child.id))
     setTimeout(() => {
       isUpdating = false
     }, 0)
@@ -43,64 +34,115 @@
     async () => {
       await updateTree()
     },
+    { immediate: true },
   )
 
   watch(
     mesh_components_selection,
     async (current, previous) => {
       if (isUpdating) return
-      if (!previous) return
-      const { added, removed } = compareSelections(current, previous)
-
-      const updateVisibility = async (items, visibility) => {
-        const grouped = items.reduce((acc, item) => {
-          if (!acc[item.category]) acc[item.category] = []
-          acc[item.category].push(item.id)
-          return acc
-        }, {})
-
-        const promises = Object.entries(grouped).map(([category, ids]) => {
-          if (category === "Corner") {
-            return dataStyleStore.setModelCornersVisibility(
+      if (!previous) previous = []
+      else {
+        const { added, removed } = compareSelections(current, previous)
+
+        const [added_corners, added_lines, added_surfaces, added_blocks] =
+          sortMeshComponents(added)
+        const [
+          removed_corners,
+          removed_lines,
+          removed_surfaces,
+          removed_blocks,
+        ] = sortMeshComponents(removed)
+
+        const promises = []
+        if (added_corners.length > 0) {
+          promises.push(
+            dataStyleStore.setModelCornersVisibility(
+              props.id,
+              added_corners,
+              true,
+            ),
+          )
+        }
+        if (added_lines.length > 0) {
+          promises.push(
+            dataStyleStore.setModelLinesVisibility(props.id, added_lines, true),
+          )
+        }
+        if (added_surfaces.length > 0) {
+          promises.push(
+            dataStyleStore.setModelSurfacesVisibility(
+              props.id,
+              added_surfaces,
+              true,
+            ),
+          )
+        }
+        if (added_blocks.length > 0) {
+          promises.push(
+            dataStyleStore.setModelBlocksVisibility(
               props.id,
-              ids,
-              visibility,
-            )
-          } else if (category === "Line") {
-            return dataStyleStore.setModelLinesVisibility(
+              added_blocks,
+              true,
+            ),
+          )
+        }
+        if (removed_corners.length > 0) {
+          promises.push(
+            dataStyleStore.setModelCornersVisibility(
               props.id,
-              ids,
-              visibility,
-            )
-          } else if (category === "Surface") {
-            return dataStyleStore.setModelSurfacesVisibility(
+              removed_corners,
+              false,
+            ),
+          )
+        }
+        if (removed_lines.length > 0) {
+          promises.push(
+            dataStyleStore.setModelLinesVisibility(
               props.id,
-              ids,
-              visibility,
-            )
-          } else if (category === "Block") {
-            return dataStyleStore.setModelBlocksVisibility(
+              removed_lines,
+              false,
+            ),
+          )
+        }
+        if (removed_surfaces.length > 0) {
+          promises.push(
+            dataStyleStore.setModelSurfacesVisibility(
               props.id,
-              ids,
-              visibility,
-            )
-          }
-        })
-        return Promise.all(promises)
+              removed_surfaces,
+              false,
+            ),
+          )
+        }
+        if (removed_blocks.length > 0) {
+          promises.push(
+            dataStyleStore.setModelBlocksVisibility(
+              props.id,
+              removed_blocks,
+              false,
+            ),
+          )
+        }
+        await Promise.all(promises)
+        hybridViewerStore.remoteRender()
       }
-
-      await Promise.all([
-        updateVisibility(added, true),
-        updateVisibility(removed, false),
-      ])
-      hybridViewerStore.remoteRender()
     },
     { immediate: true, deep: true },
   )
 
-  onMounted(async () => {
-    await updateTree()
-  })
+  function sortMeshComponents(items) {
+    var corner_ids = [],
+      line_ids = [],
+      surface_ids = [],
+      block_ids = []
+    for (const item of items) {
+      if (item.category === "Corner") corner_ids.push(item.id)
+      else if (item.category === "Line") line_ids.push(item.id)
+      else if (item.category === "Surface") surface_ids.push(item.id)
+      else if (item.category === "Block") block_ids.push(item.id)
+    }
+    return [corner_ids, line_ids, surface_ids, block_ids]
+  }
 </script>
 
 <template>

From 0cd8b8695fe41f99367784a1395e6ee1dd92f040 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Thu, 5 Feb 2026 17:15:53 +0100
Subject: [PATCH 5/9] setModelMeshComponentVisibility

---
 app/components/Viewer/TreeComponent.vue | 116 +++++-------------------
 1 file changed, 21 insertions(+), 95 deletions(-)

diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue
index 7314b6cd..dca2faaf 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -42,107 +42,33 @@
     async (current, previous) => {
       if (isUpdating) return
       if (!previous) previous = []
-      else {
-        const { added, removed } = compareSelections(current, previous)
+      const { added, removed } = compareSelections(current, previous)
 
-        const [added_corners, added_lines, added_surfaces, added_blocks] =
-          sortMeshComponents(added)
-        const [
-          removed_corners,
-          removed_lines,
-          removed_surfaces,
-          removed_blocks,
-        ] = sortMeshComponents(removed)
+      const promises = []
+      for (const item of added) {
+        promises.push(
+          dataStyleStore.setModelMeshComponentVisibility(
+            props.id,
+            [item.id],
+            true,
+          ),
+        )
+      }
 
-        const promises = []
-        if (added_corners.length > 0) {
-          promises.push(
-            dataStyleStore.setModelCornersVisibility(
-              props.id,
-              added_corners,
-              true,
-            ),
-          )
-        }
-        if (added_lines.length > 0) {
-          promises.push(
-            dataStyleStore.setModelLinesVisibility(props.id, added_lines, true),
-          )
-        }
-        if (added_surfaces.length > 0) {
-          promises.push(
-            dataStyleStore.setModelSurfacesVisibility(
-              props.id,
-              added_surfaces,
-              true,
-            ),
-          )
-        }
-        if (added_blocks.length > 0) {
-          promises.push(
-            dataStyleStore.setModelBlocksVisibility(
-              props.id,
-              added_blocks,
-              true,
-            ),
-          )
-        }
-        if (removed_corners.length > 0) {
-          promises.push(
-            dataStyleStore.setModelCornersVisibility(
-              props.id,
-              removed_corners,
-              false,
-            ),
-          )
-        }
-        if (removed_lines.length > 0) {
-          promises.push(
-            dataStyleStore.setModelLinesVisibility(
-              props.id,
-              removed_lines,
-              false,
-            ),
-          )
-        }
-        if (removed_surfaces.length > 0) {
-          promises.push(
-            dataStyleStore.setModelSurfacesVisibility(
-              props.id,
-              removed_surfaces,
-              false,
-            ),
-          )
-        }
-        if (removed_blocks.length > 0) {
-          promises.push(
-            dataStyleStore.setModelBlocksVisibility(
-              props.id,
-              removed_blocks,
-              false,
-            ),
-          )
-        }
-        await Promise.all(promises)
-        hybridViewerStore.remoteRender()
+      for (const item of removed) {
+        promises.push(
+          dataStyleStore.setModelMeshComponentVisibility(
+            props.id,
+            [item.id],
+            false,
+          ),
+        )
       }
+      await Promise.all(promises)
+      hybridViewerStore.remoteRender()
     },
     { immediate: true, deep: true },
   )
-
-  function sortMeshComponents(items) {
-    var corner_ids = [],
-      line_ids = [],
-      surface_ids = [],
-      block_ids = []
-    for (const item of items) {
-      if (item.category === "Corner") corner_ids.push(item.id)
-      else if (item.category === "Line") line_ids.push(item.id)
-      else if (item.category === "Surface") surface_ids.push(item.id)
-      else if (item.category === "Block") block_ids.push(item.id)
-    }
-    return [corner_ids, line_ids, surface_ids, block_ids]
-  }
 </script>
 
 <template>

From a2ed2fe754e4d1f122cc38d86559de44df8dea6b Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Fri, 6 Feb 2026 09:57:38 +0100
Subject: [PATCH 6/9] TreeComponent with setModelMeshComponentsVisibility

---
 app/components/Viewer/TreeComponent.vue | 122 ++++++++++--------------
 internal/stores/model/index.js          |   4 +-
 2 files changed, 51 insertions(+), 75 deletions(-)

diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue
index dca2faaf..bc26c379 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -1,74 +1,51 @@
 <script setup>
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useDataStore } from "@ogw_front/stores/data"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style"
+import { useDataStore } from "@ogw_front/stores/data"
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
 
-  import { compareSelections } from "@ogw_front/utils/treeview"
+import { compareSelections } from "@ogw_front/utils/treeview"
 
-  const dataStyleStore = useDataStyleStore()
-  const dataStore = useDataStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore()
+const dataStore = useDataStore()
+const hybridViewerStore = useHybridViewerStore()
 
-  const props = defineProps({ id: { type: String, required: true } })
+const props = defineProps({ id: { type: String, required: true } })
 
-  const emit = defineEmits(["show-menu"])
+const emit = defineEmits(["show-menu"])
 
-  const items = ref([])
-  const mesh_components_selection = ref([])
-  let isUpdating = false
+const items = ref([])
+const mesh_components_selection = dataStyleStore.visibleMeshComponents(props.id)
 
-  async function updateTree() {
-    isUpdating = true
-    items.value = await dataStore.formatedMeshComponents(props.id)
-    const visibleIds = dataStyleStore.visibleMeshComponents(props.id).value
-    mesh_components_selection.value = items.value
-      .flatMap((group) => group.children)
-      .filter((child) => visibleIds.includes(child.id))
-    setTimeout(() => {
-      isUpdating = false
-    }, 0)
-  }
+watchEffect(async () => {
+  items.value = await dataStore.formatedMeshComponents(props.id)
+})
 
-  watch(
-    () => props.id,
-    async () => {
-      await updateTree()
-    },
-    { immediate: true },
-  )
+watch(
+  mesh_components_selection,
+  async (current, previous) => {
+    if (!previous) return
 
-  watch(
-    mesh_components_selection,
-    async (current, previous) => {
-      if (isUpdating) return
-      if (!previous) previous = []
-      const { added, removed } = compareSelections(current, previous)
+    const { added, removed } = compareSelections(current, previous)
 
-      const promises = []
-      for (const item of added) {
-        promises.push(
-          dataStyleStore.setModelMeshComponentVisibility(
-            props.id,
-            [item.id],
-            true,
-          ),
-        )
-      }
+    for (const item of added) {
+      await dataStyleStore.setModelMeshComponentsVisibility(
+        props.id,
+        [item],
+        true,
+      )
+    }
 
-      for (const item of removed) {
-        promises.push(
-          dataStyleStore.setModelMeshComponentVisibility(
-            props.id,
-            [item.id],
-            false,
-          ),
-        )
-      }
-      await Promise.all(promises)
-      hybridViewerStore.remoteRender()
-    },
-    { immediate: true, deep: true },
-  )
+    for (const item of removed) {
+      await dataStyleStore.setModelMeshComponentsVisibility(
+        props.id,
+        [item],
+        false,
+      )
+    }
+    hybridViewerStore.remoteRender()
+  },
+  { deep: true },
+)
 </script>
 
 <template>
@@ -79,7 +56,6 @@
     item-value="id"
     select-strategy="classic"
     selectable
-    return-object
   >
     <template #title="{ item }">
       <span
@@ -94,16 +70,16 @@
 </template>
 
 <style scoped>
-  .treeview-item {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
-    display: inline-block;
-  }
+.treeview-item {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  display: inline-block;
+}
 
-  .transparent-treeview {
-    background-color: transparent;
-    margin: 4px 0;
-  }
-</style>
+.transparent-treeview {
+  background-color: transparent;
+  margin: 4px 0;
+}
+</style>
\ No newline at end of file
diff --git a/internal/stores/model/index.js b/internal/stores/model/index.js
index 7d83cfa8..35340cdb 100644
--- a/internal/stores/model/index.js
+++ b/internal/stores/model/index.js
@@ -98,7 +98,7 @@ export default function useModelStyle() {
     )
   }
 
-  async function setModelMeshComponentVisibility(
+  async function setModelMeshComponentsVisibility(
     id,
     component_geode_ids,
     visibility,
@@ -188,7 +188,7 @@ export default function useModelStyle() {
     modelMeshComponentVisibility,
     setModelVisibility,
     setModelColor,
-    setModelMeshComponentVisibility,
+    setModelMeshComponentsVisibility,
     applyModelStyle,
     setModelMeshComponentsDefaultStyle,
     ...useModelBlocksStyle(),

From 18712def896c734efcda535f6320043123e6ffb9 Mon Sep 17 00:00:00 2001
From: MaxNumerique <144453705+MaxNumerique@users.noreply.github.com>
Date: Fri, 6 Feb 2026 08:58:17 +0000
Subject: [PATCH 7/9] Apply prepare changes

---
 app/components/Viewer/TreeComponent.vue | 100 ++++++++++++------------
 1 file changed, 51 insertions(+), 49 deletions(-)

diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue
index bc26c379..9f54e722 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -1,51 +1,53 @@
 <script setup>
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
-import { useDataStore } from "@ogw_front/stores/data"
-import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+  import { useDataStyleStore } from "@ogw_front/stores/data_style"
+  import { useDataStore } from "@ogw_front/stores/data"
+  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
 
-import { compareSelections } from "@ogw_front/utils/treeview"
+  import { compareSelections } from "@ogw_front/utils/treeview"
 
-const dataStyleStore = useDataStyleStore()
-const dataStore = useDataStore()
-const hybridViewerStore = useHybridViewerStore()
+  const dataStyleStore = useDataStyleStore()
+  const dataStore = useDataStore()
+  const hybridViewerStore = useHybridViewerStore()
 
-const props = defineProps({ id: { type: String, required: true } })
+  const props = defineProps({ id: { type: String, required: true } })
 
-const emit = defineEmits(["show-menu"])
+  const emit = defineEmits(["show-menu"])
 
-const items = ref([])
-const mesh_components_selection = dataStyleStore.visibleMeshComponents(props.id)
+  const items = ref([])
+  const mesh_components_selection = dataStyleStore.visibleMeshComponents(
+    props.id,
+  )
 
-watchEffect(async () => {
-  items.value = await dataStore.formatedMeshComponents(props.id)
-})
+  watchEffect(async () => {
+    items.value = await dataStore.formatedMeshComponents(props.id)
+  })
 
-watch(
-  mesh_components_selection,
-  async (current, previous) => {
-    if (!previous) return
+  watch(
+    mesh_components_selection,
+    async (current, previous) => {
+      if (!previous) return
 
-    const { added, removed } = compareSelections(current, previous)
+      const { added, removed } = compareSelections(current, previous)
 
-    for (const item of added) {
-      await dataStyleStore.setModelMeshComponentsVisibility(
-        props.id,
-        [item],
-        true,
-      )
-    }
+      for (const item of added) {
+        await dataStyleStore.setModelMeshComponentsVisibility(
+          props.id,
+          [item],
+          true,
+        )
+      }
 
-    for (const item of removed) {
-      await dataStyleStore.setModelMeshComponentsVisibility(
-        props.id,
-        [item],
-        false,
-      )
-    }
-    hybridViewerStore.remoteRender()
-  },
-  { deep: true },
-)
+      for (const item of removed) {
+        await dataStyleStore.setModelMeshComponentsVisibility(
+          props.id,
+          [item],
+          false,
+        )
+      }
+      hybridViewerStore.remoteRender()
+    },
+    { deep: true },
+  )
 </script>
 
 <template>
@@ -70,16 +72,16 @@ watch(
 </template>
 
 <style scoped>
-.treeview-item {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  display: inline-block;
-}
+  .treeview-item {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+    display: inline-block;
+  }
 
-.transparent-treeview {
-  background-color: transparent;
-  margin: 4px 0;
-}
-</style>
\ No newline at end of file
+  .transparent-treeview {
+    background-color: transparent;
+    margin: 4px 0;
+  }
+</style>

From 2a1355a81d5798cc74a8551fa84b12f5896014c7 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Fri, 6 Feb 2026 10:59:48 +0100
Subject: [PATCH 8/9] for loop not needed

---
 app/components/Viewer/TreeComponent.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue
index bc26c379..02126b35 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -27,18 +27,17 @@ watch(
 
     const { added, removed } = compareSelections(current, previous)
 
-    for (const item of added) {
+    if (added.length > 0) {
       await dataStyleStore.setModelMeshComponentsVisibility(
         props.id,
-        [item],
+        added,
         true,
       )
     }
-
-    for (const item of removed) {
+    if (removed.length > 0) {
       await dataStyleStore.setModelMeshComponentsVisibility(
         props.id,
-        [item],
+        removed,
         false,
       )
     }

From 5809edb10cbcc68a02822269f8051b8eed2b8352 Mon Sep 17 00:00:00 2001
From: MaxNumerique <144453705+MaxNumerique@users.noreply.github.com>
Date: Fri, 6 Feb 2026 10:00:53 +0000
Subject: [PATCH 9/9] Apply prepare changes

---
 app/components/Viewer/TreeComponent.vue | 36 ++++++++++++-------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue
index 9f721458..c0b25658 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -29,24 +29,24 @@
 
       const { added, removed } = compareSelections(current, previous)
 
-    if (added.length > 0) {
-      await dataStyleStore.setModelMeshComponentsVisibility(
-        props.id,
-        added,
-        true,
-      )
-    }
-    if (removed.length > 0) {
-      await dataStyleStore.setModelMeshComponentsVisibility(
-        props.id,
-        removed,
-        false,
-      )
-    }
-    hybridViewerStore.remoteRender()
-  },
-  { deep: true },
-)
+      if (added.length > 0) {
+        await dataStyleStore.setModelMeshComponentsVisibility(
+          props.id,
+          added,
+          true,
+        )
+      }
+      if (removed.length > 0) {
+        await dataStyleStore.setModelMeshComponentsVisibility(
+          props.id,
+          removed,
+          false,
+        )
+      }
+      hybridViewerStore.remoteRender()
+    },
+    { deep: true },
+  )
 </script>
 
 <template>