From 66f7b27937abe34cc7148dbe973f2b6623e49ada Mon Sep 17 00:00:00 2001
From: JulienChampagnol <julien.champagnol@geode-solutions.com>
Date: Thu, 21 May 2026 13:06:46 +0200
Subject: [PATCH 01/12] fix(TestsE2e): ViewerOptionsSizeSlider

---
 app/components/Viewer/PointSet/SpecificPointsOptions.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/app/components/Viewer/PointSet/SpecificPointsOptions.vue b/app/components/Viewer/PointSet/SpecificPointsOptions.vue
index 3188f3cae..3fd5d6501 100644
--- a/app/components/Viewer/PointSet/SpecificPointsOptions.vue
+++ b/app/components/Viewer/PointSet/SpecificPointsOptions.vue
@@ -2,6 +2,7 @@
 import PointSetPoints from "@ogw_front/assets/viewer_svgs/point_set_points.svg";
 import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenu/ContextMenuItem";
 import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector";
+import ViewerOptionsSizeSlider from "@ogw_front/components/Viewer/Options/Sliders/Size";
 import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
 import { useDataStyleStore } from "@ogw_front/stores/data_style";
@@ -81,12 +82,7 @@ const vertex_attribute_color_map = computed({
       <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="'Size'" />
-          </v-col>
-          <v-col justify="center">
-            <v-slider v-model="size" hide-details min="0" max="20" step="2" />
-          </v-col>
+          <ViewerOptionsSizeSlider data-testid="meshPointsSizeSlider" v-model="size" />
         </v-row>
         <v-row>
           <v-col>

From 044cb18ba1e9e16f5ef31bc62b1f00163df2aab7 Mon Sep 17 00:00:00 2001
From: JulienChampagnol <julien.champagnol@geode-solutions.com>
Date: Fri, 22 May 2026 14:52:41 +0200
Subject: [PATCH 02/12] save wip [skip ci]

---
 .../Viewer/Generic/Mesh/CellsOptions.vue      |  1 +
 .../Viewer/Generic/Mesh/EdgesOptions.vue      | 18 +++++++++++----
 .../Viewer/Generic/Mesh/PointsOptions.vue     | 23 ++++++++++++-------
 .../Viewer/Generic/Mesh/PolygonsOptions.vue   |  1 +
 .../Viewer/Generic/Mesh/PolyhedraOptions.vue  |  1 +
 .../Viewer/Generic/Model/PointsOptions.vue    |  6 ++---
 .../Viewer/Options/ColoringTypeSelector.vue   |  1 -
 .../Viewer/Options/Sliders/Slider.vue         | 14 ++++++-----
 .../Viewer/PointSet/SpecificPointsOptions.vue |  6 ++---
 9 files changed, 44 insertions(+), 27 deletions(-)

diff --git a/app/components/Viewer/Generic/Mesh/CellsOptions.vue b/app/components/Viewer/Generic/Mesh/CellsOptions.vue
index b71b6b038..f740158f9 100644
--- a/app/components/Viewer/Generic/Mesh/CellsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/CellsOptions.vue
@@ -99,6 +99,7 @@ const cell_attribute_color_map = computed({
     <template #options>
       <ViewerOptionsVisibilitySwitch data-testid="meshCellsVisibilitySwitch" v-model="visibility" />
       <template v-if="visibility">
+        <v-divider />
         <ViewerOptionsColoringTypeSelector
           :id="id"
           v-model:coloring_style_key="coloring_style_key"
diff --git a/app/components/Viewer/Generic/Mesh/EdgesOptions.vue b/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
index b58bab084..dfdc28d41 100644
--- a/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/EdgesOptions.vue
@@ -56,12 +56,22 @@ const color = computed({
     :btn_image="btn_image"
   >
     <template #options>
-      <ViewerOptionsVisibilitySwitch data-testid="meshEdgesVisibilitySwitch" v-model="visibility" />
+      <v-row>
+        <v-col>
+          <ViewerOptionsVisibilitySwitch
+            data-testid="meshEdgesVisibilitySwitch"
+            v-model="visibility"
+          />
+        </v-col>
+      </v-row>
       <template v-if="visibility">
-        <v-row class="pa-0" align="center">
-          <v-divider />
-          <ViewerOptionsWidthSlider data-testid="meshEdgesWidthSlider" v-model="size" />
+        <v-divider />
+        <v-row>
+          <v-col>
+            <ViewerOptionsWidthSlider data-testid="meshEdgesWidthSlider" v-model="size" />
+          </v-col>
         </v-row>
+        <v-divider />
         <v-row>
           <v-col>
             <ViewerOptionsColoringTypeSelector
diff --git a/app/components/Viewer/Generic/Mesh/PointsOptions.vue b/app/components/Viewer/Generic/Mesh/PointsOptions.vue
index e588588b8..fb3f42aca 100644
--- a/app/components/Viewer/Generic/Mesh/PointsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PointsOptions.vue
@@ -77,16 +77,23 @@ const vertex_attribute_color_map = computed({
     :btn_image="btn_image"
   >
     <template #options>
-      <ViewerOptionsVisibilitySwitch
-        data-testid="meshPointsVisibilitySwitch"
-        v-model="visibility"
-      />
+      <v-row class="pa-1">
+        <v-col>
+          <ViewerOptionsVisibilitySwitch
+            data-testid="meshPointsVisibilitySwitch"
+            v-model="visibility"
+          />
+        </v-col>
+      </v-row>
       <template v-if="visibility">
-        <v-row class="pa-0" align="center">
-          <v-divider />
-          <ViewerOptionsSizeSlider data-testid="meshPointsSizeSlider" v-model="size" />
+        <v-divider />
+        <v-row class="pa-1">
+          <v-col>
+            <ViewerOptionsSizeSlider data-testid="meshPointsSizeSlider" v-model="size" />
+          </v-col>
         </v-row>
-        <v-row>
+        <v-divider />
+        <v-row class="pa-1">
           <v-col>
             <ViewerOptionsColoringTypeSelector
               :id="id"
diff --git a/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue b/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue
index aa54c0f80..e26ce3039 100644
--- a/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue
@@ -60,6 +60,7 @@ const textures = computed({
         v-model="visibility"
       />
       <template v-if="visibility">
+        <v-divider />
         <ViewerOptionsColoringTypeSelector
           :id="id"
           v-model:coloring_style_key="coloring_style_key"
diff --git a/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue b/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue
index 02fd35dad..ab86d3b86 100644
--- a/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue
+++ b/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue
@@ -99,6 +99,7 @@ const polyhedron_attribute_color_map = computed({
         v-model="visibility"
       />
       <template v-if="visibility">
+        <v-divider />
         <ViewerOptionsColoringTypeSelector
           :id="id"
           v-model:coloring_style_key="coloring_style_key"
diff --git a/app/components/Viewer/Generic/Model/PointsOptions.vue b/app/components/Viewer/Generic/Model/PointsOptions.vue
index 5779497b5..479d52d28 100644
--- a/app/components/Viewer/Generic/Model/PointsOptions.vue
+++ b/app/components/Viewer/Generic/Model/PointsOptions.vue
@@ -45,10 +45,8 @@ const size = computed({
         v-model="visibility"
       />
       <template v-if="visibility">
-        <v-row class="pa-0" align="center">
-          <v-divider />
-          <ViewerOptionsSizeSlider data-testid="modelPointsSizeSlider" v-model="size" />
-        </v-row>
+        <v-divider />
+        <ViewerOptionsSizeSlider data-testid="modelPointsSizeSlider" v-model="size" />
       </template>
     </template>
   </ViewerContextMenuItem>
diff --git a/app/components/Viewer/Options/ColoringTypeSelector.vue b/app/components/Viewer/Options/ColoringTypeSelector.vue
index 592696f50..dc957a450 100644
--- a/app/components/Viewer/Options/ColoringTypeSelector.vue
+++ b/app/components/Viewer/Options/ColoringTypeSelector.vue
@@ -125,7 +125,6 @@ watch(coloring_style_label, (value) => {
 </script>
 <template>
   <v-row justify="center" align="center">
-    <v-divider />
     <v-col>
       <v-row justify="center" align="center">
         <v-col cols="auto">
diff --git a/app/components/Viewer/Options/Sliders/Slider.vue b/app/components/Viewer/Options/Sliders/Slider.vue
index 6dc571b54..1a1a22fee 100644
--- a/app/components/Viewer/Options/Sliders/Slider.vue
+++ b/app/components/Viewer/Options/Sliders/Slider.vue
@@ -8,10 +8,12 @@ const { tooltip } = defineProps({
 </script>
 
 <template>
-  <v-col cols="auto" justify="center">
-    <v-icon size="30" icon="mdi-ruler" v-tooltip:left="tooltip" />
-  </v-col>
-  <v-col justify="center">
-    <BasicSlider v-model="model" />
-  </v-col>
+  <v-row align="center">
+    <v-col cols="auto" justify="center">
+      <v-icon size="30" icon="mdi-ruler" v-tooltip:left="tooltip" />
+    </v-col>
+    <v-col justify="center">
+      <BasicSlider v-model="model" />
+    </v-col>
+  </v-row>
 </template>
diff --git a/app/components/Viewer/PointSet/SpecificPointsOptions.vue b/app/components/Viewer/PointSet/SpecificPointsOptions.vue
index 3fd5d6501..a7ff99c23 100644
--- a/app/components/Viewer/PointSet/SpecificPointsOptions.vue
+++ b/app/components/Viewer/PointSet/SpecificPointsOptions.vue
@@ -80,10 +80,8 @@ const vertex_attribute_color_map = computed({
         v-model="visibility"
       />
       <template v-if="visibility">
-        <v-row class="pa-0" align="center">
-          <v-divider />
-          <ViewerOptionsSizeSlider data-testid="meshPointsSizeSlider" v-model="size" />
-        </v-row>
+        <v-divider />
+        <ViewerOptionsSizeSlider data-testid="meshPointsSizeSlider" v-model="size" />
         <v-row>
           <v-col>
             <ViewerOptionsColoringTypeSelector

From 3a0b248f9b739295f2f1e62494bad72352a13a92 Mon Sep 17 00:00:00 2001
From: JulienChampagnol <julien.champagnol@geode-solutions.com>
Date: Mon, 25 May 2026 09:27:26 +0200
Subject: [PATCH 03/12] fix path [skip ci]

---
 server/api/extensions/run.post.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/server/api/extensions/run.post.js b/server/api/extensions/run.post.js
index 4ce92572e..9b4731607 100644
--- a/server/api/extensions/run.post.js
+++ b/server/api/extensions/run.post.js
@@ -56,9 +56,8 @@ export default defineEventHandler(async (event) => {
             statusMessage: "Invalid extension file: missing backend executable",
           });
         }
-
         const frontendFilePath = extensionFrontendPath(
-          projectFolderPath,
+          unzippedExtensionPath,
           frontendFile,
           path.resolve(),
           id,

From ee7582f80b91930d1c0ca8921fa642567dbde2cc Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Tue, 9 Jun 2026 17:29:07 +0200
Subject: [PATCH 04/12] datatestid

---
 app/components/HybridRenderingView.vue | 23 ++++++++++++++-----
 app/utils/local/scripts.js             | 31 ++++++++++++++++----------
 2 files changed, 36 insertions(+), 18 deletions(-)

diff --git a/app/components/HybridRenderingView.vue b/app/components/HybridRenderingView.vue
index 378bbc9e6..88e22b71b 100644
--- a/app/components/HybridRenderingView.vue
+++ b/app/components/HybridRenderingView.vue
@@ -19,7 +19,8 @@ const viewerStore = useViewerStore();
 const menuStore = useMenuStore();
 const dataStore = useDataStore();
 
-const { width: elementWidth, height: elementHeight } = useElementSize(container);
+const { width: elementWidth, height: elementHeight } =
+  useElementSize(container);
 const { width: windowWidth, height: windowHeight } = useWindowSize();
 
 const debouncedResize = debounce(() => {
@@ -74,7 +75,11 @@ async function handleClick(event) {
 
 <template>
   <ClientOnly>
-    <div data-testid="hybridViewer" class="fill-height" style="position: relative; height: 100%">
+    <div
+      data-testid="hybridViewer"
+      class="fill-height"
+      style="position: relative; height: 100%"
+    >
       <ColormapQuickPicker
         v-model:show="quickColormap.show"
         :x="quickColormap.x"
@@ -83,7 +88,10 @@ async function handleClick(event) {
       />
       <ViewToolbar />
       <slot name="ui"></slot>
-      <HybridViewerTooltip :container-width="elementWidth" :container-height="elementHeight" />
+      <HybridViewerTooltip
+        :container-width="elementWidth"
+        :container-height="elementHeight"
+      />
       <v-col
         class="pa-0"
         ref="viewer"
@@ -95,10 +103,13 @@ async function handleClick(event) {
   </ClientOnly>
 </template>
 
-<style scoped>
-:deep(img) {
-  pointer-events: none;
+<style>
+[data-testid="hybridViewer"] img {
+  pointer-events: none !important;
 }
+</style>
+
+<style scoped>
 .picking-cursor {
   cursor: crosshair !important;
 }
diff --git a/app/utils/local/scripts.js b/app/utils/local/scripts.js
index 954e5cf06..bd0c9cd83 100644
--- a/app/utils/local/scripts.js
+++ b/app/utils/local/scripts.js
@@ -24,18 +24,25 @@ async function waitForReady(child, expectedResponse) {
 }
 
 async function waitNuxt(nuxtProcess) {
-  for await (const [data] of on(nuxtProcess.stdout, "data")) {
-    const output = data.toString();
-    console.log("Nuxt:", output);
-    const portMatch = output.match(/Listening on http:\/\/\[::\]:(?<port>\d+)/u);
-    if (portMatch) {
-      const [, nuxtPort] = portMatch;
-
-      console.log("Nuxt listening on port", nuxtPort);
-      return nuxtPort;
-    }
-  }
-  throw new Error("Nuxt process closed without accepting connections");
+  return new Promise((resolve, reject) => {
+    nuxtProcess.stdout.on("data", (data) => {
+      const output = data.toString();
+      // Only log briefly or selectively to avoid spam, but we want to see errors.
+      console.log("Nuxt STDOUT:", output.trim());
+      const portMatch = output.match(/Listening on http:\/\/\[::\]:(?<port>\d+)/u);
+      if (portMatch) {
+        console.log("Nuxt listening on port", portMatch.groups.port);
+        resolve(portMatch.groups.port);
+      }
+    });
+    nuxtProcess.stderr.on("data", (data) => {
+      console.log("Nuxt STDERR:", data.toString().trim());
+    });
+    nuxtProcess.on("close", (code) => {
+      console.log(`Nuxt process closed with code ${code}`);
+      reject(new Error("Nuxt process closed"));
+    });
+  });
 }
 
 async function runBrowser(scriptName) {

From 48519aded7da3ec41413e21deebf63d94058021b Mon Sep 17 00:00:00 2001
From: Tao Schiro <spliitdev@gmail.com>
Date: Thu, 11 Jun 2026 17:30:49 +0200
Subject: [PATCH 05/12] data-testid

---
 app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue | 2 +-
 app/components/Viewer/Generic/Model/BlocksOptions.vue     | 2 +-
 app/components/Viewer/Generic/Model/CornersOptions.vue    | 2 +-
 app/components/Viewer/Generic/Model/LinesOptions.vue      | 2 +-
 app/components/Viewer/Generic/Model/ModelStyleCard.vue    | 2 +-
 app/components/Viewer/Generic/Model/SurfacesOptions.vue   | 2 +-
 app/utils/default_styles/meshes.js                        | 4 ++--
 7 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue b/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
index a8678f881..9787158f3 100644
--- a/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
+++ b/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
@@ -121,7 +121,7 @@ const edge_attribute_color_map = computed({
       <ViewerOptionsVisibilitySwitch data-testid="meshEdgesVisibilitySwitch" v-model="visibility" />
       <template v-if="visibility">
         <v-divider class="my-2" />
-        <ViewerOptionsWidthSlider v-model="width" />
+        <ViewerOptionsWidthSlider data-testid="meshEdgesWidthSlider" v-model="width" />
         <ViewerOptionsColoringTypeSelector
           :id="id"
           v-model:coloring_style_key="coloring_style_key"
diff --git a/app/components/Viewer/Generic/Model/BlocksOptions.vue b/app/components/Viewer/Generic/Model/BlocksOptions.vue
index 551b2d8bc..564aa305d 100644
--- a/app/components/Viewer/Generic/Model/BlocksOptions.vue
+++ b/app/components/Viewer/Generic/Model/BlocksOptions.vue
@@ -207,7 +207,7 @@ const polyhedronSchema = back_schemas.opengeodeweb_back.model_component_polyhedr
 
 <template>
   <OptionsSection title="Blocks Options" class="mt-4">
-    <VisibilitySwitch v-model="blocksVisibility" />
+    <VisibilitySwitch data-testid="modelBlocksVisibilitySwitch" v-model="blocksVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
       :componentId="targetBlockIds[0]"
diff --git a/app/components/Viewer/Generic/Model/CornersOptions.vue b/app/components/Viewer/Generic/Model/CornersOptions.vue
index 872bf2b92..5a35d9446 100644
--- a/app/components/Viewer/Generic/Model/CornersOptions.vue
+++ b/app/components/Viewer/Generic/Model/CornersOptions.vue
@@ -144,7 +144,7 @@ const vertexSchema = back_schemas.opengeodeweb_back.model_component_vertex_attri
 
 <template>
   <OptionsSection title="Corners Options" class="mt-4">
-    <VisibilitySwitch v-model="cornersVisibility" />
+    <VisibilitySwitch data-testid="modelCornersVisibilitySwitch" v-model="cornersVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
       :componentId="targetCornerIds[0]"
diff --git a/app/components/Viewer/Generic/Model/LinesOptions.vue b/app/components/Viewer/Generic/Model/LinesOptions.vue
index ea4719031..d6b8fef91 100644
--- a/app/components/Viewer/Generic/Model/LinesOptions.vue
+++ b/app/components/Viewer/Generic/Model/LinesOptions.vue
@@ -203,7 +203,7 @@ const edgeSchema = back_schemas.opengeodeweb_back.model_component_edge_attribute
 
 <template>
   <OptionsSection title="Lines Options" class="mt-4">
-    <VisibilitySwitch v-model="linesVisibility" />
+    <VisibilitySwitch data-testid="modelLinesVisibilitySwitch" v-model="linesVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
       :componentId="targetLineIds[0]"
diff --git a/app/components/Viewer/Generic/Model/ModelStyleCard.vue b/app/components/Viewer/Generic/Model/ModelStyleCard.vue
index e415744c2..4db0e32ea 100644
--- a/app/components/Viewer/Generic/Model/ModelStyleCard.vue
+++ b/app/components/Viewer/Generic/Model/ModelStyleCard.vue
@@ -129,7 +129,7 @@ watch(modelComponentsColorMode, async (colorMode) => {
 <template>
   <v-sheet class="model-style-card" color="transparent">
     <OptionsSection title="Model Options">
-      <VisibilitySwitch v-model="modelVisibility" />
+      <VisibilitySwitch data-testid="modelStyleVisibilitySwitch" v-model="modelVisibility" />
     </OptionsSection>
 
     <OptionsSection v-if="!componentType && !componentId" title="Components Options" class="mt-4">
diff --git a/app/components/Viewer/Generic/Model/SurfacesOptions.vue b/app/components/Viewer/Generic/Model/SurfacesOptions.vue
index f5e6d5d88..46ede4bfe 100644
--- a/app/components/Viewer/Generic/Model/SurfacesOptions.vue
+++ b/app/components/Viewer/Generic/Model/SurfacesOptions.vue
@@ -211,7 +211,7 @@ const polygonSchema = back_schemas.opengeodeweb_back.model_component_polygon_att
 
 <template>
   <OptionsSection title="Surfaces Options" class="mt-4">
-    <VisibilitySwitch v-model="surfacesVisibility" />
+    <VisibilitySwitch data-testid="modelSurfacesVisibilitySwitch" v-model="surfacesVisibility" />
     <ViewerOptionsColoringTypeSelector
       :id="modelId"
       :componentId="targetSurfaceIds[0]"
diff --git a/app/utils/default_styles/meshes.js b/app/utils/default_styles/meshes.js
index c6b697fba..9edd06116 100644
--- a/app/utils/default_styles/meshes.js
+++ b/app/utils/default_styles/meshes.js
@@ -65,7 +65,7 @@ function meshCellsDefaultStyle(visibility = CELLS_DEFAULT_VISIBILITY, color = CE
         storedConfigs: {},
       },
       color,
-      textures: undefined,
+      textures: [],
       vertex: {
         name: undefined,
         storedConfigs: {},
@@ -83,7 +83,7 @@ function meshPolygonsDefaultStyle(
     coloring: {
       active: "color",
       color,
-      textures: undefined,
+      textures: [],
       polygon: {
         name: undefined,
         storedConfigs: {},

From 5ed0fb19694a5cf8a8e08c9d0cab1e9f340ad769 Mon Sep 17 00:00:00 2001
From: SpliiT <106495600+SpliiT@users.noreply.github.com>
Date: Fri, 12 Jun 2026 07:41:22 +0000
Subject: [PATCH 06/12] Apply prepare changes

---
 app/components/HybridRenderingView.vue | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/app/components/HybridRenderingView.vue b/app/components/HybridRenderingView.vue
index 88e22b71b..5100f4d7b 100644
--- a/app/components/HybridRenderingView.vue
+++ b/app/components/HybridRenderingView.vue
@@ -19,8 +19,7 @@ const viewerStore = useViewerStore();
 const menuStore = useMenuStore();
 const dataStore = useDataStore();
 
-const { width: elementWidth, height: elementHeight } =
-  useElementSize(container);
+const { width: elementWidth, height: elementHeight } = useElementSize(container);
 const { width: windowWidth, height: windowHeight } = useWindowSize();
 
 const debouncedResize = debounce(() => {
@@ -75,11 +74,7 @@ async function handleClick(event) {
 
 <template>
   <ClientOnly>
-    <div
-      data-testid="hybridViewer"
-      class="fill-height"
-      style="position: relative; height: 100%"
-    >
+    <div data-testid="hybridViewer" class="fill-height" style="position: relative; height: 100%">
       <ColormapQuickPicker
         v-model:show="quickColormap.show"
         :x="quickColormap.x"
@@ -88,10 +83,7 @@ async function handleClick(event) {
       />
       <ViewToolbar />
       <slot name="ui"></slot>
-      <HybridViewerTooltip
-        :container-width="elementWidth"
-        :container-height="elementHeight"
-      />
+      <HybridViewerTooltip :container-width="elementWidth" :container-height="elementHeight" />
       <v-col
         class="pa-0"
         ref="viewer"

From 9f1368f184bbdd51c89fb17e01c8cadaa0f2af8c Mon Sep 17 00:00:00 2001
From: Tao Schiro <spliitdev@gmail.com>
Date: Fri, 12 Jun 2026 09:57:17 +0200
Subject: [PATCH 07/12] fix oxlint

---
 app/utils/local/scripts.js | 38 ++++++++++++++++++++------------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/app/utils/local/scripts.js b/app/utils/local/scripts.js
index bd0c9cd83..782458fab 100644
--- a/app/utils/local/scripts.js
+++ b/app/utils/local/scripts.js
@@ -24,25 +24,27 @@ async function waitForReady(child, expectedResponse) {
 }
 
 async function waitNuxt(nuxtProcess) {
-  return new Promise((resolve, reject) => {
-    nuxtProcess.stdout.on("data", (data) => {
-      const output = data.toString();
-      // Only log briefly or selectively to avoid spam, but we want to see errors.
-      console.log("Nuxt STDOUT:", output.trim());
-      const portMatch = output.match(/Listening on http:\/\/\[::\]:(?<port>\d+)/u);
-      if (portMatch) {
-        console.log("Nuxt listening on port", portMatch.groups.port);
-        resolve(portMatch.groups.port);
-      }
-    });
-    nuxtProcess.stderr.on("data", (data) => {
-      console.log("Nuxt STDERR:", data.toString().trim());
-    });
-    nuxtProcess.on("close", (code) => {
-      console.log(`Nuxt process closed with code ${code}`);
-      reject(new Error("Nuxt process closed"));
-    });
+  nuxtProcess.stderr.on("data", (data) => {
+    console.log("Nuxt STDERR:", data.toString().trim());
   });
+  nuxtProcess.on("close", (code) => {
+    console.log(`Nuxt process closed with code ${code}`);
+  });
+
+  for await (const [data] of on(nuxtProcess.stdout, "data")) {
+    const output = data.toString();
+    // Only log briefly or selectively to avoid spam, but we want to see errors.
+    console.log("Nuxt STDOUT:", output.trim());
+    const portMatch = output.match(/Listening on http:\/\/\[::\]:(?<port>\d+)/u);
+    if (portMatch) {
+      console.log("Nuxt listening on port", portMatch.groups.port);
+      nuxtProcess.stdout.on("data", (newData) => {
+        console.log("Nuxt STDOUT:", newData.toString().trim());
+      });
+      return portMatch.groups.port;
+    }
+  }
+  throw new Error("Nuxt process closed");
 }
 
 async function runBrowser(scriptName) {

From 5f22e0c724e15628b29d1419f9e47a77f90d1f69 Mon Sep 17 00:00:00 2001
From: Tao Schiro <106495600+SpliiT@users.noreply.github.com>
Date: Fri, 12 Jun 2026 11:34:41 +0200
Subject: [PATCH 08/12] Update app/utils/local/scripts.js

Co-authored-by: Julien Champagnol <91873154+JulienChampagnol@users.noreply.github.com>
---
 app/utils/local/scripts.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/utils/local/scripts.js b/app/utils/local/scripts.js
index 782458fab..7e72333e0 100644
--- a/app/utils/local/scripts.js
+++ b/app/utils/local/scripts.js
@@ -33,7 +33,6 @@ async function waitNuxt(nuxtProcess) {
 
   for await (const [data] of on(nuxtProcess.stdout, "data")) {
     const output = data.toString();
-    // Only log briefly or selectively to avoid spam, but we want to see errors.
     console.log("Nuxt STDOUT:", output.trim());
     const portMatch = output.match(/Listening on http:\/\/\[::\]:(?<port>\d+)/u);
     if (portMatch) {

From 0dc5305043622b075c55bfcaf3db7483995b1c76 Mon Sep 17 00:00:00 2001
From: Tao Schiro <106495600+SpliiT@users.noreply.github.com>
Date: Fri, 12 Jun 2026 11:34:49 +0200
Subject: [PATCH 09/12] Update
 app/components/Viewer/Generic/Model/ModelStyleCard.vue

Co-authored-by: Julien Champagnol <91873154+JulienChampagnol@users.noreply.github.com>
---
 app/components/Viewer/Generic/Model/ModelStyleCard.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Viewer/Generic/Model/ModelStyleCard.vue b/app/components/Viewer/Generic/Model/ModelStyleCard.vue
index 4db0e32ea..e4bbcc0a0 100644
--- a/app/components/Viewer/Generic/Model/ModelStyleCard.vue
+++ b/app/components/Viewer/Generic/Model/ModelStyleCard.vue
@@ -129,7 +129,7 @@ watch(modelComponentsColorMode, async (colorMode) => {
 <template>
   <v-sheet class="model-style-card" color="transparent">
     <OptionsSection title="Model Options">
-      <VisibilitySwitch data-testid="modelStyleVisibilitySwitch" v-model="modelVisibility" />
+      <VisibilitySwitch data-testid="modelVisibilitySwitch" v-model="modelVisibility" />
     </OptionsSection>
 
     <OptionsSection v-if="!componentType && !componentId" title="Components Options" class="mt-4">

From de5dd399662ae60143eb20fe06052146a8319808 Mon Sep 17 00:00:00 2001
From: Tao Schiro <spliitdev@gmail.com>
Date: Fri, 12 Jun 2026 20:58:39 +0200
Subject: [PATCH 10/12] changes cleanup and datatestid

---
 app/components/Viewer/ContextMenu/CenterButton.vue |  1 +
 app/components/Viewer/Options/ColorPicker.vue      |  1 +
 app/utils/local/cleanup.js                         | 10 +++++++---
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/components/Viewer/ContextMenu/CenterButton.vue b/app/components/Viewer/ContextMenu/CenterButton.vue
index 546a11a86..f911a5cd8 100644
--- a/app/components/Viewer/ContextMenu/CenterButton.vue
+++ b/app/components/Viewer/ContextMenu/CenterButton.vue
@@ -73,6 +73,7 @@ function onCenterClick(event) {
   <v-btn
     icon
     variant="outlined"
+    data-testid="circularMenuCenterButton"
     class="central-selector-btn elevation-6"
     style="width: 52px; height: 52px"
     z-index="1"
diff --git a/app/components/Viewer/Options/ColorPicker.vue b/app/components/Viewer/Options/ColorPicker.vue
index a9ff26026..fe6325bf0 100644
--- a/app/components/Viewer/Options/ColorPicker.vue
+++ b/app/components/Viewer/Options/ColorPicker.vue
@@ -39,6 +39,7 @@ watch(pressed, (value) => {
 <template>
   <v-color-picker
     ref="colorPickerRef"
+    data-testid="colorPicker"
     v-model="vuetifyColor"
     flat
     canvas-height="75"
diff --git a/app/utils/local/cleanup.js b/app/utils/local/cleanup.js
index 654b39281..ee214d26f 100644
--- a/app/utils/local/cleanup.js
+++ b/app/utils/local/cleanup.js
@@ -38,9 +38,13 @@ function killHttpMicroservice(microservice) {
   console.log("killHttpMicroservice", { ...microservice });
   const failMessage = `Failed to kill ${microservice.name}`;
   async function do_kill() {
-    await $fetch(microservice.url, {
-      method: microservice.method,
-    });
+    try {
+      await $fetch(microservice.url, {
+        method: microservice.method,
+      });
+    } catch (error) {
+      console.log(`Expected error during kill of ${microservice.name}:`, error.message);
+    }
   }
   return pTimeout(do_kill(), {
     milliseconds: 5000,

From 1792700929207ec71f3b144c1150b8243385109c Mon Sep 17 00:00:00 2001
From: Tao Schiro <spliitdev@gmail.com>
Date: Fri, 12 Jun 2026 21:02:45 +0200
Subject: [PATCH 11/12] mesh

---
 app/stores/data_helpers/mesh.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/app/stores/data_helpers/mesh.js b/app/stores/data_helpers/mesh.js
index 0ca85f4d3..f703c3480 100644
--- a/app/stores/data_helpers/mesh.js
+++ b/app/stores/data_helpers/mesh.js
@@ -72,13 +72,20 @@ export function useDataMesh() {
   }
 
   async function fetchAllMeshComponents(modelId) {
+    const componentTitles = {
+      Corner: "Corners",
+      Line: "Lines",
+      Surface: "Surfaces",
+      Block: "Blocks",
+    };
     const components = await getAllMeshComponents(modelId);
     const byType = {};
     for (const component of components) {
-      if (!byType[component.category]) {
-        byType[component.category] = [];
+      const pluralCategory = componentTitles[component.category] || component.category;
+      if (!byType[pluralCategory]) {
+        byType[pluralCategory] = [];
       }
-      byType[component.category].push(component);
+      byType[pluralCategory].push(component);
     }
     return byType;
   }

From 1284543db195341b639912e354ef4e6185112188 Mon Sep 17 00:00:00 2001
From: Tao Schiro <spliitdev@gmail.com>
Date: Fri, 12 Jun 2026 21:04:06 +0200
Subject: [PATCH 12/12] merge conflicts

---
 app/stores/data_helpers/mesh.js | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/app/stores/data_helpers/mesh.js b/app/stores/data_helpers/mesh.js
index f703c3480..0ca85f4d3 100644
--- a/app/stores/data_helpers/mesh.js
+++ b/app/stores/data_helpers/mesh.js
@@ -72,20 +72,13 @@ export function useDataMesh() {
   }
 
   async function fetchAllMeshComponents(modelId) {
-    const componentTitles = {
-      Corner: "Corners",
-      Line: "Lines",
-      Surface: "Surfaces",
-      Block: "Blocks",
-    };
     const components = await getAllMeshComponents(modelId);
     const byType = {};
     for (const component of components) {
-      const pluralCategory = componentTitles[component.category] || component.category;
-      if (!byType[pluralCategory]) {
-        byType[pluralCategory] = [];
+      if (!byType[component.category]) {
+        byType[component.category] = [];
       }
-      byType[pluralCategory].push(component);
+      byType[component.category].push(component);
     }
     return byType;
   }