From e918336d6dd32d1096041feaa0b808d6282f60ec Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Fri, 20 Mar 2026 12:17:55 +0100
Subject: [PATCH 1/4] feat(isActive): adds is_active mesh_components  objects

---
 app/components/Viewer/TreeComponent.vue | 5 +++++
 app/stores/data.js                      | 2 ++
 2 files changed, 7 insertions(+)

diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue
index 544b9a7b..7e2ed283 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -57,6 +57,7 @@
     <template #title="{ item }">
       <span
         class="treeview-item"
+        :class="{ 'inactive-item': item.is_active === false }"
         @contextmenu.prevent.stop="
           emit('show-menu', { event: $event, itemId: item })
         "
@@ -74,6 +75,10 @@
     max-width: 100%;
     display: inline-block;
   }
+  .inactive-item {
+    opacity: 0.5;
+    font-style: italic;
+  }
 
   .transparent-treeview {
     background-color: transparent;
diff --git a/app/stores/data.js b/app/stores/data.js
index 90f66c4c..29c47b4d 100644
--- a/app/stores/data.js
+++ b/app/stores/data.js
@@ -60,6 +60,7 @@ export const useDataStore = defineStore("data", () => {
           id: meshComponent.geode_id,
           title: meshComponent.name,
           category: meshComponent.type,
+          is_active: meshComponent.is_active,
         })),
       }))
   }
@@ -102,6 +103,7 @@ export const useDataStore = defineStore("data", () => {
           type: component.type,
           viewer_id: component.viewer_id,
           name: component.name,
+          is_active: component.is_active,
         })
       }
     }

From b4caf08987add638eeb8b20d6bf67b63f94fe506 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Mon, 23 Mar 2026 10:12:21 +0100
Subject: [PATCH 2/4] trigger


From 6d861ab445ed954945eabfa6e6649141473f10b2 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Mon, 23 Mar 2026 15:59:46 +0100
Subject: [PATCH 3/4] tooltip for model_components's name, id, and activity
 status

---
 app/components/Viewer/TreeComponent.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue
index 67fab710..806276a4 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -55,8 +55,20 @@ watch(
         class="treeview-item"
         :class="{ 'inactive-item': item.is_active === false }"
         @contextmenu.prevent.stop="emit('show-menu', { event: $event, itemId: item })"
-        >{{ item.title }}</span
       >
+        {{ item.title || item.id }}
+        <v-tooltip v-if="item.category" activator="parent" location="right">
+          <div class="d-flex flex-column pa-1">
+            <span class="text-caption"><strong>ID:</strong> {{ item.id }}</span>
+            <span v-if="item.title" class="text-caption"
+              ><strong>Name:</strong> {{ item.title }}</span
+            >
+            <span class="text-caption font-italic border-t-sm d-flex align-center">
+              <strong class="mr-1">Status:</strong> {{ item.is_active ? "Active" : "Inactive" }}
+            </span>
+          </div>
+        </v-tooltip>
+      </span>
     </template>
   </v-treeview>
 </template>
@@ -70,7 +82,7 @@ watch(
   display: inline-block;
 }
 .inactive-item {
-  opacity: 0.5;
+  opacity: 0.4;
   font-style: italic;
 }
 

From 5a4cb72ba85f87db7c41b4752b563c20b825ad13 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Mon, 23 Mar 2026 16:22:20 +0100
Subject: [PATCH 4/4] useless fallback

---
 app/components/Viewer/TreeComponent.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Viewer/TreeComponent.vue b/app/components/Viewer/TreeComponent.vue
index 806276a4..8ca45ec6 100644
--- a/app/components/Viewer/TreeComponent.vue
+++ b/app/components/Viewer/TreeComponent.vue
@@ -56,7 +56,7 @@ watch(
         :class="{ 'inactive-item': item.is_active === false }"
         @contextmenu.prevent.stop="emit('show-menu', { event: $event, itemId: item })"
       >
-        {{ item.title || item.id }}
+        {{ item.title }}
         <v-tooltip v-if="item.category" activator="parent" location="right">
           <div class="d-flex flex-column pa-1">
             <span class="text-caption"><strong>ID:</strong> {{ item.id }}</span>