From a443b947f8a7b49ec18db3c88ee758916641815a Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Tue, 4 Aug 2026 12:02:55 +0200
Subject: [PATCH 1/5] fix(modelComponentsAttributes): Attribute support for
 multiple ids of components

---
 .../Viewer/Generic/Model/BlocksOptions.vue    |  2 +-
 .../Viewer/Generic/Model/CornersOptions.vue   |  2 +-
 .../Viewer/Generic/Model/LinesOptions.vue     |  2 +-
 .../Viewer/Generic/Model/SurfacesOptions.vue  |  2 +-
 .../Viewer/Options/AttributeSelector.vue      | 21 +++++++++++++++----
 .../Viewer/Options/ColoringTypeSelector.vue   |  2 +-
 6 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/app/components/Viewer/Generic/Model/BlocksOptions.vue b/app/components/Viewer/Generic/Model/BlocksOptions.vue
index 465c7df0..fac97f0d 100644
--- a/app/components/Viewer/Generic/Model/BlocksOptions.vue
+++ b/app/components/Viewer/Generic/Model/BlocksOptions.vue
@@ -238,7 +238,7 @@ const polyhedronSchema = back_schemas.opengeodeweb_back.model_component_polyhedr
     <VisibilitySwitch data-testid="modelBlocksVisibilitySwitch" v-model="blocksVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentId="targetBlockIds[0]"
+      :componentId="targetBlockIds"
       v-model:coloring_style_key="blocksActiveColoring"
       v-model:color="blocksColor"
       v-model:vertex_attribute_name="blocksVertexAttributeName"
diff --git a/app/components/Viewer/Generic/Model/CornersOptions.vue b/app/components/Viewer/Generic/Model/CornersOptions.vue
index ff3edf43..b5b1ce2a 100644
--- a/app/components/Viewer/Generic/Model/CornersOptions.vue
+++ b/app/components/Viewer/Generic/Model/CornersOptions.vue
@@ -159,7 +159,7 @@ const vertexSchema = back_schemas.opengeodeweb_back.model_component_vertex_attri
     <VisibilitySwitch data-testid="modelCornersVisibilitySwitch" v-model="cornersVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentId="targetCornerIds[0]"
+      :componentId="targetCornerIds"
       v-model:coloring_style_key="cornersActiveColoring"
       v-model:color="cornersColor"
       v-model:vertex_attribute_name="cornersVertexAttributeName"
diff --git a/app/components/Viewer/Generic/Model/LinesOptions.vue b/app/components/Viewer/Generic/Model/LinesOptions.vue
index d27e9d64..4a185a75 100644
--- a/app/components/Viewer/Generic/Model/LinesOptions.vue
+++ b/app/components/Viewer/Generic/Model/LinesOptions.vue
@@ -234,7 +234,7 @@ const edgeSchema = back_schemas.opengeodeweb_back.model_component_edge_attribute
     <VisibilitySwitch data-testid="modelLinesVisibilitySwitch" v-model="linesVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentId="targetLineIds[0]"
+      :componentId="targetLineIds"
       v-model:coloring_style_key="linesActiveColoring"
       v-model:color="linesColor"
       v-model:vertex_attribute_name="linesVertexAttributeName"
diff --git a/app/components/Viewer/Generic/Model/SurfacesOptions.vue b/app/components/Viewer/Generic/Model/SurfacesOptions.vue
index 92a4c6e9..2d2d9a10 100644
--- a/app/components/Viewer/Generic/Model/SurfacesOptions.vue
+++ b/app/components/Viewer/Generic/Model/SurfacesOptions.vue
@@ -242,7 +242,7 @@ const polygonSchema = back_schemas.opengeodeweb_back.model_component_polygon_att
     <VisibilitySwitch data-testid="modelSurfacesVisibilitySwitch" v-model="surfacesVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentId="targetSurfaceIds[0]"
+      :componentId="targetSurfaceIds"
       v-model:coloring_style_key="surfacesActiveColoring"
       v-model:color="surfacesColor"
       v-model:vertex_attribute_name="surfacesVertexAttributeName"
diff --git a/app/components/Viewer/Options/AttributeSelector.vue b/app/components/Viewer/Options/AttributeSelector.vue
index 8c695ceb..1fd3da2e 100644
--- a/app/components/Viewer/Options/AttributeSelector.vue
+++ b/app/components/Viewer/Options/AttributeSelector.vue
@@ -11,7 +11,7 @@ const attributeColorMap = defineModel("attributeColorMap", { type: String });
 
 const { id, componentId, schema } = defineProps({
   id: { type: String, required: true },
-  componentId: { type: String, default: undefined },
+  componentId: { type: [String, Array], default: undefined },
   schema: { type: Object, required: true },
 });
 
@@ -64,14 +64,27 @@ function resetRange() {
   }
 }
 
+function hasSelectedComponent(component) {
+  if (component === undefined) {
+    return false;
+  }
+  if (Array.isArray(component)) {
+    return component.length > 0;
+  }
+  return true;
+}
+
 function getAttributes() {
-  if (schema.properties.component_id && componentId === undefined) {
+  const requiresComponent = schema.properties.component_ids !== undefined;
+  if (requiresComponent && !hasSelectedComponent(componentId)) {
     return;
   }
+
   const params = { id };
-  if (componentId !== undefined) {
-    params.component_id = componentId;
+  if (requiresComponent) {
+    params.component_ids = Array.isArray(componentId) ? componentId : [componentId];
   }
+
   backStore.request(
     { schema, params },
     {
diff --git a/app/components/Viewer/Options/ColoringTypeSelector.vue b/app/components/Viewer/Options/ColoringTypeSelector.vue
index 212aeebf..46ee99ff 100644
--- a/app/components/Viewer/Options/ColoringTypeSelector.vue
+++ b/app/components/Viewer/Options/ColoringTypeSelector.vue
@@ -38,7 +38,7 @@ const polyhedron_attribute_color_map = defineModel("polyhedron_attribute_color_m
 
 const { id, componentId, capabilities, schemas, allowRandom } = defineProps({
   id: { type: String, required: true },
-  componentId: { type: String, default: undefined },
+  componentId: { type: [String, Array], default: undefined },
   capabilities: {
     type: Object,
     default: () => ({}),

From 5c1a7c3139f8fbd83c370c216d1e242375a6d536 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Tue, 4 Aug 2026 12:14:15 +0200
Subject: [PATCH 2/5] trigger


From 0a6f10e04244197c02d5dbb1490d2c31f2df7356 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Tue, 4 Aug 2026 13:53:41 +0200
Subject: [PATCH 3/5] data-testId

---
 app/components/Viewer/ObjectTree/Base/CommonTreeView.vue | 1 +
 app/components/Viewer/ObjectTree/Base/TreeRow.vue        | 1 +
 app/components/Viewer/ObjectTree/Views/GlobalObjects.vue | 3 +++
 3 files changed, 5 insertions(+)

diff --git a/app/components/Viewer/ObjectTree/Base/CommonTreeView.vue b/app/components/Viewer/ObjectTree/Base/CommonTreeView.vue
index 2c3608cb..31e4d24d 100644
--- a/app/components/Viewer/ObjectTree/Base/CommonTreeView.vue
+++ b/app/components/Viewer/ObjectTree/Base/CommonTreeView.vue
@@ -142,6 +142,7 @@ const { focusedIndex, handleKeyDown } = useTreeKeyboardNav(
     >
       <template #default="{ item, index }">
         <v-list-item
+          data-testid="treeRowWrapper"
           :class="[
             'tree-row-wrapper',
             {
diff --git a/app/components/Viewer/ObjectTree/Base/TreeRow.vue b/app/components/Viewer/ObjectTree/Base/TreeRow.vue
index f4a2dc70..258d2ea9 100644
--- a/app/components/Viewer/ObjectTree/Base/TreeRow.vue
+++ b/app/components/Viewer/ObjectTree/Base/TreeRow.vue
@@ -48,6 +48,7 @@ function handleRowClick(event) {
     <div class="d-flex align-center flex-shrink-0">
       <v-icon
         v-if="!item.isLeaf"
+        data-testid="toggleTreeRowOpenButton"
         :icon="item.isOpen ? 'mdi-menu-down' : 'mdi-menu-right'"
         class="me-1"
         color="black"
diff --git a/app/components/Viewer/ObjectTree/Views/GlobalObjects.vue b/app/components/Viewer/ObjectTree/Views/GlobalObjects.vue
index 3ec04bdd..ef702119 100644
--- a/app/components/Viewer/ObjectTree/Views/GlobalObjects.vue
+++ b/app/components/Viewer/ObjectTree/Views/GlobalObjects.vue
@@ -182,6 +182,7 @@ function expandAll() {
         <template v-if="item.geode_object_type !== 'HorizonStack3D'">
           <v-btn
             v-if="item.viewer_type"
+            data-testid="focusObjectButton"
             icon="mdi-target"
             size="medium"
             variant="text"
@@ -190,6 +191,7 @@ function expandAll() {
           />
           <v-btn
             v-if="isModel(item)"
+            data-testid="expandModelComponentsButton"
             icon="mdi-magnify-expand"
             size="medium"
             class="ml-2"
@@ -206,6 +208,7 @@ function expandAll() {
           />
           <v-btn
             v-if="isModel(item) && hasCollectionsMap[item.id]"
+            data-testid="expandModelCollectionsButton"
             icon="mdi-format-list-group"
             size="medium"
             class="ml-2"

From 87b3b67a0991e1fc65e83896cc8f272faea585f4 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Wed, 5 Aug 2026 11:49:45 +0200
Subject: [PATCH 4/5] more data-testid

---
 app/components/Viewer/ObjectTree/Base/TreeRow.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/components/Viewer/ObjectTree/Base/TreeRow.vue b/app/components/Viewer/ObjectTree/Base/TreeRow.vue
index 258d2ea9..042a04bc 100644
--- a/app/components/Viewer/ObjectTree/Base/TreeRow.vue
+++ b/app/components/Viewer/ObjectTree/Base/TreeRow.vue
@@ -48,7 +48,7 @@ function handleRowClick(event) {
     <div class="d-flex align-center flex-shrink-0">
       <v-icon
         v-if="!item.isLeaf"
-        data-testid="toggleTreeRowOpenButton"
+        :data-testid="item.isOpen ? 'collapseTreeRowButton' : 'expandTreeRowButton'"
         :icon="item.isOpen ? 'mdi-menu-down' : 'mdi-menu-right'"
         class="me-1"
         color="black"
@@ -70,6 +70,13 @@ function handleRowClick(event) {
         />
         <v-btn
           v-else-if="showEyeButton"
+          :data-testid="
+            getIndeterminate(item.raw)
+              ? 'indeterminateObjectEyeButton'
+              : isSelected(item.raw)
+                ? 'visibleObjectEyeButton'
+                : 'hiddenObjectEyeButton'
+          "
           :icon="
             getIndeterminate(item.raw)
               ? 'mdi-eye-minus-outline'

From 4c87c9978078c115458ea7868ccfac5f015a1564 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Wed, 5 Aug 2026 14:22:30 +0200
Subject: [PATCH 5/5] even better props

---
 .../Viewer/Generic/Model/BlocksOptions.vue    |  4 ++--
 .../Viewer/Generic/Model/CornersOptions.vue   |  4 ++--
 .../Viewer/Generic/Model/LinesOptions.vue     |  4 ++--
 .../Viewer/Generic/Model/SurfacesOptions.vue  |  4 ++--
 .../Viewer/Options/AttributeSelector.vue      | 20 +++++++------------
 .../Viewer/Options/ColoringTypeSelector.vue   | 14 ++++++-------
 6 files changed, 22 insertions(+), 28 deletions(-)

diff --git a/app/components/Viewer/Generic/Model/BlocksOptions.vue b/app/components/Viewer/Generic/Model/BlocksOptions.vue
index fac97f0d..a83c20a6 100644
--- a/app/components/Viewer/Generic/Model/BlocksOptions.vue
+++ b/app/components/Viewer/Generic/Model/BlocksOptions.vue
@@ -238,7 +238,7 @@ const polyhedronSchema = back_schemas.opengeodeweb_back.model_component_polyhedr
     <VisibilitySwitch data-testid="modelBlocksVisibilitySwitch" v-model="blocksVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentId="targetBlockIds"
+      :componentIds="targetBlockIds"
       v-model:coloring_style_key="blocksActiveColoring"
       v-model:color="blocksColor"
       v-model:vertex_attribute_name="blocksVertexAttributeName"
@@ -259,7 +259,7 @@ const polyhedronSchema = back_schemas.opengeodeweb_back.model_component_polyhedr
     <VisibilitySwitch v-model="blockVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentId="blockId"
+      :componentIds="[blockId]"
       v-model:coloring_style_key="blockActiveColoring"
       v-model:color="blockColor"
       v-model:vertex_attribute_name="vertexAttributeName"
diff --git a/app/components/Viewer/Generic/Model/CornersOptions.vue b/app/components/Viewer/Generic/Model/CornersOptions.vue
index b5b1ce2a..287aaf44 100644
--- a/app/components/Viewer/Generic/Model/CornersOptions.vue
+++ b/app/components/Viewer/Generic/Model/CornersOptions.vue
@@ -159,7 +159,7 @@ const vertexSchema = back_schemas.opengeodeweb_back.model_component_vertex_attri
     <VisibilitySwitch data-testid="modelCornersVisibilitySwitch" v-model="cornersVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentId="targetCornerIds"
+      :componentIds="targetCornerIds"
       v-model:coloring_style_key="cornersActiveColoring"
       v-model:color="cornersColor"
       v-model:vertex_attribute_name="cornersVertexAttributeName"
@@ -176,7 +176,7 @@ const vertexSchema = back_schemas.opengeodeweb_back.model_component_vertex_attri
     <VisibilitySwitch v-model="cornerVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentId="cornerId"
+      :componentIds="[cornerId]"
       v-model:coloring_style_key="cornerActiveColoring"
       v-model:color="cornerColor"
       v-model:vertex_attribute_name="vertexAttributeName"
diff --git a/app/components/Viewer/Generic/Model/LinesOptions.vue b/app/components/Viewer/Generic/Model/LinesOptions.vue
index 4a185a75..23f763bc 100644
--- a/app/components/Viewer/Generic/Model/LinesOptions.vue
+++ b/app/components/Viewer/Generic/Model/LinesOptions.vue
@@ -234,7 +234,7 @@ const edgeSchema = back_schemas.opengeodeweb_back.model_component_edge_attribute
     <VisibilitySwitch data-testid="modelLinesVisibilitySwitch" v-model="linesVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentId="targetLineIds"
+      :componentIds="targetLineIds"
       v-model:coloring_style_key="linesActiveColoring"
       v-model:color="linesColor"
       v-model:vertex_attribute_name="linesVertexAttributeName"
@@ -255,7 +255,7 @@ const edgeSchema = back_schemas.opengeodeweb_back.model_component_edge_attribute
     <VisibilitySwitch v-model="lineVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentId="lineId"
+      :componentIds="[lineId]"
       v-model:coloring_style_key="lineActiveColoring"
       v-model:color="lineColor"
       v-model:vertex_attribute_name="vertexAttributeName"
diff --git a/app/components/Viewer/Generic/Model/SurfacesOptions.vue b/app/components/Viewer/Generic/Model/SurfacesOptions.vue
index 2d2d9a10..b0dbc791 100644
--- a/app/components/Viewer/Generic/Model/SurfacesOptions.vue
+++ b/app/components/Viewer/Generic/Model/SurfacesOptions.vue
@@ -242,7 +242,7 @@ const polygonSchema = back_schemas.opengeodeweb_back.model_component_polygon_att
     <VisibilitySwitch data-testid="modelSurfacesVisibilitySwitch" v-model="surfacesVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentId="targetSurfaceIds"
+      :componentIds="targetSurfaceIds"
       v-model:coloring_style_key="surfacesActiveColoring"
       v-model:color="surfacesColor"
       v-model:vertex_attribute_name="surfacesVertexAttributeName"
@@ -263,7 +263,7 @@ const polygonSchema = back_schemas.opengeodeweb_back.model_component_polygon_att
     <VisibilitySwitch v-model="surfaceVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
-      :componentId="surfaceId"
+      :componentIds="[surfaceId]"
       v-model:coloring_style_key="surfaceActiveColoring"
       v-model:color="surfaceColor"
       v-model:vertex_attribute_name="vertexAttributeName"
diff --git a/app/components/Viewer/Options/AttributeSelector.vue b/app/components/Viewer/Options/AttributeSelector.vue
index 1fd3da2e..68490ee0 100644
--- a/app/components/Viewer/Options/AttributeSelector.vue
+++ b/app/components/Viewer/Options/AttributeSelector.vue
@@ -9,9 +9,9 @@ const attributeItem = defineModel("attributeItem", { type: Number });
 const attributeRange = defineModel("attributeRange", { type: Array });
 const attributeColorMap = defineModel("attributeColorMap", { type: String });
 
-const { id, componentId, schema } = defineProps({
+const { id, componentIds, schema } = defineProps({
   id: { type: String, required: true },
-  componentId: { type: [String, Array], default: undefined },
+  componentIds: { type: Array, default: undefined },
   schema: { type: Object, required: true },
 });
 
@@ -64,25 +64,19 @@ function resetRange() {
   }
 }
 
-function hasSelectedComponent(component) {
-  if (component === undefined) {
-    return false;
-  }
-  if (Array.isArray(component)) {
-    return component.length > 0;
-  }
-  return true;
+function hasSelectedComponent(components) {
+  return Array.isArray(components) && components.length > 0;
 }
 
 function getAttributes() {
   const requiresComponent = schema.properties.component_ids !== undefined;
-  if (requiresComponent && !hasSelectedComponent(componentId)) {
+  if (requiresComponent && !hasSelectedComponent(componentIds)) {
     return;
   }
 
   const params = { id };
   if (requiresComponent) {
-    params.component_ids = Array.isArray(componentId) ? componentId : [componentId];
+    params.component_ids = componentIds;
   }
 
   backStore.request(
@@ -100,7 +94,7 @@ onMounted(() => {
 });
 
 watch(
-  () => [id, componentId, schema],
+  () => [id, componentIds, schema],
   () => {
     getAttributes();
   },
diff --git a/app/components/Viewer/Options/ColoringTypeSelector.vue b/app/components/Viewer/Options/ColoringTypeSelector.vue
index 46ee99ff..0d15ef57 100644
--- a/app/components/Viewer/Options/ColoringTypeSelector.vue
+++ b/app/components/Viewer/Options/ColoringTypeSelector.vue
@@ -36,9 +36,9 @@ const polyhedron_attribute_color_map = defineModel("polyhedron_attribute_color_m
   type: String,
 });
 
-const { id, componentId, capabilities, schemas, allowRandom } = defineProps({
+const { id, componentIds, capabilities, schemas, allowRandom } = defineProps({
   id: { type: String, required: true },
-  componentId: { type: [String, Array], default: undefined },
+  componentIds: { type: Array, default: undefined },
   capabilities: {
     type: Object,
     default: () => ({}),
@@ -215,7 +215,7 @@ watch(
           v-model:attributeRange="vertex_attribute_range"
           v-model:attributeColorMap="vertex_attribute_color_map"
           :id="id"
-          :componentId="componentId"
+          :componentIds="componentIds"
           :schema="vertexSchema"
         />
       </template>
@@ -226,7 +226,7 @@ watch(
           v-model:attributeRange="edge_attribute_range"
           v-model:attributeColorMap="edge_attribute_color_map"
           :id="id"
-          :componentId="componentId"
+          :componentIds="componentIds"
           :schema="edgeSchema"
         />
       </template>
@@ -237,7 +237,7 @@ watch(
           v-model:attributeRange="cell_attribute_range"
           v-model:attributeColorMap="cell_attribute_color_map"
           :id="id"
-          :componentId="componentId"
+          :componentIds="componentIds"
           :schema="cellSchema"
         />
       </template>
@@ -248,7 +248,7 @@ watch(
           v-model:attributeRange="polygon_attribute_range"
           v-model:attributeColorMap="polygon_attribute_color_map"
           :id="id"
-          :componentId="componentId"
+          :componentIds="componentIds"
           :schema="polygonSchema"
         />
       </template>
@@ -259,7 +259,7 @@ watch(
           v-model:attributeRange="polyhedron_attribute_range"
           v-model:attributeColorMap="polyhedron_attribute_color_map"
           :id="id"
-          :componentId="componentId"
+          :componentIds="componentIds"
           :schema="polyhedronSchema"
         />
       </template>