From c63a3f17e32ea579f685880ab18688c336e9885a Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Mon, 29 Dec 2025 16:16:42 +0100
Subject: [PATCH 01/17] feat(DataManager): New datamanager feature

---
 components/InfraConnected.vue  |  12 ++
 composables/db.js              |  26 ++++
 composables/project_manager.js |   6 +-
 plugins/auto_store_register.js |  18 ++-
 stores/app.js                  |   4 +-
 stores/data_base.js            | 275 ++++++++++++++++++++++++++-------
 stores/data_style.js           |  11 +-
 stores/import_queue.js         |  50 ++++++
 stores/treeview.js             |   8 +-
 utils/local.js                 |  16 +-
 10 files changed, 353 insertions(+), 73 deletions(-)
 create mode 100644 components/InfraConnected.vue
 create mode 100644 composables/db.js
 create mode 100644 stores/import_queue.js

diff --git a/components/InfraConnected.vue b/components/InfraConnected.vue
new file mode 100644
index 00000000..39029852
--- /dev/null
+++ b/components/InfraConnected.vue
@@ -0,0 +1,12 @@
+<template>
+  <template v-if="!infra_store.microservices_connected">
+    <Launcher />
+  </template>
+  <template v-else>
+    <slot />
+  </template>
+</template>
+
+<script setup>
+  const infra_store = useInfraStore()
+</script>
diff --git a/composables/db.js b/composables/db.js
new file mode 100644
index 00000000..0f6d6630
--- /dev/null
+++ b/composables/db.js
@@ -0,0 +1,26 @@
+import Dexie from "dexie"
+
+export class ImportedDataDB extends Dexie {
+    constructor() {
+        super("ImportedDataDB")
+
+        this.version(1).stores({
+            importedData:
+                "id, name, viewer_type, geode_object_type, visible, created_at",
+        })
+
+        this.version(2).stores({
+            importedData:
+                "id, name, viewer_type, geode_object_type, visible, created_at, folder_id, *tags",
+            folders: "++id, name, parent_id, created_at",
+        })
+
+        this.version(3).stores({
+            importedData:
+                "id, name, viewer_type, geode_object_type, visible, created_at, folder_id, *tags, pinned",
+            folders: "++id, name, parent_id, created_at",
+        })
+    }
+}
+
+export const db = new ImportedDataDB()
diff --git a/composables/project_manager.js b/composables/project_manager.js
index 4fa258d9..ebaf9968 100644
--- a/composables/project_manager.js
+++ b/composables/project_manager.js
@@ -3,12 +3,12 @@ import fileDownload from "js-file-download"
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
 
 export function useProjectManager() {
-  const exportProject = async function () {
-    console.log("[export triggered]")
+  const exportProject = async function (params = {}) {
+    console.log("[export triggered]", params)
     const appStore = useAppStore()
     const geode = useGeodeStore()
     const infraStore = useInfraStore()
-    const snapshot = appStore.exportStores()
+    const snapshot = appStore.exportStores(params)
     const schema = back_schemas.opengeodeweb_back.export_project
     const defaultName = "project.vease"
 
diff --git a/plugins/auto_store_register.js b/plugins/auto_store_register.js
index 71826218..04777793 100644
--- a/plugins/auto_store_register.js
+++ b/plugins/auto_store_register.js
@@ -1,3 +1,6 @@
+import { getActivePinia } from "pinia"
+import { useAppStore } from "../stores/app.js"
+
 const autoStoreRegister = ({ store }) => {
   if (store.$id === "app") {
     return
@@ -9,8 +12,15 @@ const autoStoreRegister = ({ store }) => {
 }
 
 export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.$pinia.use(autoStoreRegister)
-  console.log(
-    "[AUTOREGISTER PLUGIN] Loaded automatically from OpenGeodeWeb-Front",
-  )
+  const pinia = nuxtApp.$pinia || getActivePinia()
+  if (pinia) {
+    pinia.use(autoStoreRegister)
+    console.log(
+      "[AUTOREGISTER PLUGIN] Loaded automatically from OpenGeodeWeb-Front",
+    )
+  } else {
+    console.warn(
+      "[AUTOREGISTER PLUGIN] Pinia instance not found, skipping registration",
+    )
+  }
 })
diff --git a/stores/app.js b/stores/app.js
index 4fb94817..94feb875 100644
--- a/stores/app.js
+++ b/stores/app.js
@@ -15,7 +15,7 @@ export const useAppStore = defineStore("app", () => {
     stores.push(store)
   }
 
-  function exportStores() {
+  function exportStores(params = {}) {
     const snapshot = {}
     let exportCount = 0
 
@@ -23,7 +23,7 @@ export const useAppStore = defineStore("app", () => {
       if (!store.exportStores) continue
       const storeId = store.$id
       try {
-        snapshot[storeId] = store.exportStores()
+        snapshot[storeId] = store.exportStores(params)
         exportCount++
       } catch (error) {
         console.error(`[AppStore] Error exporting store "${storeId}":`, error)
diff --git a/stores/data_base.js b/stores/data_base.js
index 7db27343..4b2244d4 100644
--- a/stores/data_base.js
+++ b/stores/data_base.js
@@ -1,20 +1,34 @@
 // Third party imports
 import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import { db } from "@ogw_f/composables/db.js"
 
 // Local constants
 const back_model_schemas = back_schemas.opengeodeweb_back.models
 const viewer_generic_schemas = viewer_schemas.opengeodeweb_viewer.generic
 
 export const useDataBaseStore = defineStore("dataBase", () => {
-  const db = reactive({})
+  const db_cache = reactive({})
 
-  function itemMetaDatas(id) {
-    return db[id]
+  async function itemMetaDatas(id) {
+    if (db_cache[id]) {
+      return db_cache[id]
+    }
+    const item = await db.importedData.get(id)
+    if (item) {
+      db_cache[id] = item
+    }
+    return item
+  }
+
+  function itemMetaDatasSync(id) {
+    return db_cache[id]
   }
 
   function formatedMeshComponents(id) {
-    const { mesh_components } = itemMetaDatas(id)
+    const item = itemMetaDatasSync(id)
+    if (!item || !item.mesh_components) return []
+    const { mesh_components } = item
     const formated_mesh_components = ref([])
 
     for (const [category, uuids] of Object.entries(mesh_components)) {
@@ -32,7 +46,9 @@ export const useDataBaseStore = defineStore("dataBase", () => {
   }
 
   function meshComponentType(id, uuid) {
-    const { mesh_components } = itemMetaDatas(id)
+    const item = itemMetaDatasSync(id)
+    if (!item || !item.mesh_components) return null
+    const { mesh_components } = item
 
     if (mesh_components["Corner"]?.includes(uuid)) return "corner"
     else if (mesh_components["Line"]?.includes(uuid)) return "line"
@@ -48,18 +64,126 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     })
   }
 
-  async function addItem(
-    id,
-    value = {
-      object_type,
-      geode_object,
-      native_filename,
-      viewable_filename,
-      displayed_name,
-      vtk_js: { binary_light_viewable },
-    },
-  ) {
-    db[id] = value
+  async function deregisterObject(id) {
+    return viewer_call({
+      schema: viewer_generic_schemas.deregister,
+      params: { id },
+    })
+  }
+
+  async function addItem(id, value) {
+    const itemData = {
+      id,
+      visible: true,
+      created_at: new Date().toISOString(),
+      ...value,
+    }
+
+    await db.importedData.put(itemData)
+    db_cache[id] = itemData
+  }
+
+  async function getAllItems() {
+    const items = await db.importedData.toArray()
+    items.forEach((item) => {
+      db_cache[item.id] = item
+    })
+    return items
+  }
+
+  async function deleteItem(id) {
+    await db.importedData.delete(id)
+    delete db_cache[id]
+  }
+
+  async function updateItem(id, changes) {
+    await db.importedData.update(id, changes)
+    if (db_cache[id]) {
+      Object.assign(db_cache[id], changes)
+    }
+  }
+
+  // Folder management
+  async function createFolder(name, parent_id = null) {
+    const folder = {
+      name,
+      parent_id,
+      created_at: new Date().toISOString(),
+    }
+    const id = await db.folders.add(folder)
+    return { ...folder, id }
+  }
+
+  async function deleteFolder(id) {
+    await db.folders.delete(id)
+    await db.importedData.where("folder_id").equals(id).modify({ folder_id: null })
+    Object.values(db_cache).forEach((item) => {
+      if (item.folder_id === id) item.folder_id = null
+    })
+  }
+
+  async function getAllFolders() {
+    return await db.folders.toArray()
+  }
+
+  async function updateFolder(id, changes) {
+    await db.folders.update(id, changes)
+  }
+
+  // Tag management
+  async function addTag(itemId, tag) {
+    const item = await itemMetaDatas(itemId)
+    const tags = item.tags || []
+    if (!tags.includes(tag)) {
+      tags.push(tag)
+      await updateItem(itemId, { tags })
+    }
+  }
+
+  async function removeTag(itemId, tag) {
+    const item = await itemMetaDatas(itemId)
+    const tags = (item.tags || []).filter((t) => t !== tag)
+    await updateItem(itemId, { tags })
+  }
+
+  async function togglePin(itemId) {
+    const item = await db.importedData.get(itemId)
+    if (item) {
+      await updateItem(itemId, { pinned: !item.pinned })
+    }
+  }
+
+  async function batchAddTags(itemIds, tags) {
+    for (const id of itemIds) {
+      const item = await db.importedData.get(id)
+      if (item) {
+        const newTags = [...new Set([...(item.tags || []), ...tags])]
+        await updateItem(id, { tags: newTags })
+      }
+    }
+  }
+
+  async function batchRemoveTags(itemIds, tags) {
+    for (const id of itemIds) {
+      const item = await db.importedData.get(id)
+      if (item) {
+        const newTags = (item.tags || []).filter(t => !tags.includes(t))
+        await updateItem(id, { tags: newTags })
+      }
+    }
+  }
+
+  async function batchMoveToFolder(itemIds, folderId) {
+    for (const id of itemIds) {
+      await updateItem(id, { folder_id: folderId })
+    }
+  }
+
+  async function batchUpdateColor(itemIds, color) {
+    const dataStyleStore = useDataStyleStore()
+    for (const id of itemIds) {
+      await dataStyleStore.updateStyle(id, { color })
+    }
   }
 
   async function fetchMeshComponents(id) {
@@ -72,14 +196,14 @@ export const useDataBaseStore = defineStore("dataBase", () => {
       },
       {
         response_function: async (response) => {
-          db[id].mesh_components = response._data.uuid_dict
+          const mesh_components = response._data.uuid_dict
+          await updateItem(id, { mesh_components })
         },
       },
     )
   }
 
   async function fetchUuidToFlatIndexDict(id) {
-    console.log("fetchUuidToFlatIndexDict", id)
     return api_fetch(
       {
         schema: back_model_schemas.vtm_component_indices,
@@ -87,83 +211,130 @@ export const useDataBaseStore = defineStore("dataBase", () => {
       },
       {
         response_function: async (response) => {
-          db[id]["uuid_to_flat_index"] = response._data.uuid_to_flat_index
+          const uuid_to_flat_index = response._data.uuid_to_flat_index
+          await updateItem(id, { uuid_to_flat_index })
         },
       },
     )
   }
 
   function getCornersUuids(id) {
-    const { mesh_components } = itemMetaDatas(id)
-    return Object.values(mesh_components["Corner"])
+    const item = itemMetaDatasSync(id)
+    if (!item || !item.mesh_components) return []
+    const { mesh_components } = item
+    return Object.values(mesh_components["Corner"] || {})
   }
 
   function getLinesUuids(id) {
-    const { mesh_components } = itemMetaDatas(id)
-    return Object.values(mesh_components["Line"])
+    const item = itemMetaDatasSync(id)
+    if (!item || !item.mesh_components) return []
+    const { mesh_components } = item
+    return Object.values(mesh_components["Line"] || {})
   }
   function getSurfacesUuids(id) {
-    const { mesh_components } = itemMetaDatas(id)
-    return Object.values(mesh_components["Surface"])
+    const item = itemMetaDatasSync(id)
+    if (!item || !item.mesh_components) return []
+    const { mesh_components } = item
+    return Object.values(mesh_components["Surface"] || {})
   }
   function getBlocksUuids(id) {
-    const { mesh_components } = itemMetaDatas(id)
-    return Object.values(mesh_components["Block"])
+    const item = itemMetaDatasSync(id)
+    if (!item || !item.mesh_components) return []
+    const { mesh_components } = item
+    return Object.values(mesh_components["Block"] || {})
   }
 
   function getFlatIndexes(id, mesh_component_ids) {
-    const { uuid_to_flat_index } = itemMetaDatas(id)
+    const item = itemMetaDatasSync(id)
+    if (!item || !item.uuid_to_flat_index) return []
+    const { uuid_to_flat_index } = item
     const flat_indexes = []
     for (const mesh_component_id of mesh_component_ids) {
-      flat_indexes.push(uuid_to_flat_index[mesh_component_id])
+      if (uuid_to_flat_index[mesh_component_id] !== undefined) {
+        flat_indexes.push(uuid_to_flat_index[mesh_component_id])
+      }
     }
     return flat_indexes
   }
 
-  function exportStores() {
+  async function exportSelectedItems(itemIds) {
+    const { exportProject } = useProjectManager()
+    await exportProject({ itemIds })
+  }
+
+  async function exportStores(params = {}) {
+    const items = await db.importedData.toArray()
+    const folders = await db.folders.toArray()
     const snapshotDb = {}
-    for (const [id, item] of Object.entries(db)) {
-      if (!item) continue
-      snapshotDb[id] = {
-        object_type: item.object_type,
-        geode_object: item.geode_object,
-        native_filename: item.native_filename,
-        viewable_filename: item.viewable_filename,
-        displayed_name: item.displayed_name,
-        vtk_js: {
-          binary_light_viewable: item?.vtk_js?.binary_light_viewable,
-        },
+
+    const filteredItems = params.itemIds
+      ? items.filter(item => params.itemIds.includes(item.id))
+      : items
+
+    for (const item of filteredItems) {
+      if (!item || !item.id) continue
+      snapshotDb[item.id] = {
+        ...item,
       }
     }
-    return { db: snapshotDb }
+
+    const filteredFolders = params.itemIds
+      ? folders.filter(f => filteredItems.some(i => i.folder_id === f.id))
+      : folders
+
+    return { db: snapshotDb, folders: filteredFolders }
   }
 
   async function importStores(snapshot) {
+    const hybridViewerStore = useHybridViewerStore()
     await hybridViewerStore.initHybridViewer()
     hybridViewerStore.clear()
-    console.log(
-      "[DataBase] importStores entries:",
-      Object.keys(snapshot?.db || {}),
-    )
+
+    await db.importedData.clear()
+    await db.folders.clear()
+    Object.keys(db_cache).forEach((key) => delete db_cache[key])
+
+    if (snapshot?.folders) {
+      for (const folder of snapshot.folders) {
+        await db.folders.put(folder)
+      }
+    }
+
     for (const [id, item] of Object.entries(snapshot?.db || {})) {
       await registerObject(id)
       await addItem(id, item)
     }
   }
 
-  function clear() {
-    for (const id of Object.keys(db)) {
-      delete db[id]
-    }
+  async function clear() {
+    await db.importedData.clear()
+    Object.keys(db_cache).forEach((key) => delete db_cache[key])
   }
 
   return {
-    db,
+    db: db_cache,
     itemMetaDatas,
+    itemMetaDatasSync,
     meshComponentType,
     formatedMeshComponents,
     registerObject,
+    deregisterObject,
     addItem,
+    getAllItems,
+    deleteItem,
+    updateItem,
+    createFolder,
+    deleteFolder,
+    getAllFolders,
+    updateFolder,
+    addTag,
+    removeTag,
+    togglePin,
+    batchAddTags,
+    batchRemoveTags,
+    batchMoveToFolder,
+    batchUpdateColor,
+    exportSelectedItems,
     fetchUuidToFlatIndexDict,
     fetchMeshComponents,
     getCornersUuids,
diff --git a/stores/data_style.js b/stores/data_style.js
index 9a672e23..f3913937 100644
--- a/stores/data_style.js
+++ b/stores/data_style.js
@@ -39,7 +39,16 @@ export const useDataStyleStore = defineStore("dataStyle", () => {
     }
   }
 
-  const exportStores = () => {
+  const exportStores = (params = {}) => {
+    if (params.itemIds) {
+      const filteredStyles = {}
+      for (const id of params.itemIds) {
+        if (dataStyleState.styles[id]) {
+          filteredStyles[id] = dataStyleState.styles[id]
+        }
+      }
+      return { styles: filteredStyles }
+    }
     return { styles: dataStyleState.styles }
   }
 
diff --git a/stores/import_queue.js b/stores/import_queue.js
new file mode 100644
index 00000000..45845c8d
--- /dev/null
+++ b/stores/import_queue.js
@@ -0,0 +1,50 @@
+import { defineStore } from 'pinia'
+
+export const useImportQueueStore = defineStore('importQueue', () => {
+    const queue = ref([])
+
+    function addToQueue(name) {
+        const id = Date.now() + Math.random().toString(36).substr(2, 9)
+        queue.value.push({
+            id,
+            name,
+            status: 'pending',
+            progress: 0,
+            error: null
+        })
+        return id
+    }
+
+    function updateStatus(id, status, progress = 0, error = null) {
+        const item = queue.value.find(i => i.id === id)
+        if (item) {
+            item.status = status
+            item.progress = progress
+            item.error = error
+        }
+    }
+
+    function removeFromQueue(id) {
+        const index = queue.value.findIndex(i => i.id === id)
+        if (index !== -1) {
+            queue.value.splice(index, 1)
+        }
+    }
+
+    function clearCompleted() {
+        queue.value = queue.value.filter(i => i.status !== 'success' && i.status !== 'error')
+    }
+
+    const activeImportsCount = computed(() =>
+        queue.value.filter(i => i.status === 'pending' || i.status === 'importing').length
+    )
+
+    return {
+        queue,
+        addToQueue,
+        updateStatus,
+        removeFromQueue,
+        clearCompleted,
+        activeImportsCount
+    }
+})
diff --git a/stores/treeview.js b/stores/treeview.js
index 0cb2b000..d518374d 100644
--- a/stores/treeview.js
+++ b/stores/treeview.js
@@ -52,14 +52,18 @@ export const useTreeviewStore = defineStore("treeview", () => {
     panelWidth.value = width
   }
 
-  function exportStores() {
+  function exportStores(params = {}) {
+    let selectionIds = selection.value.map((c) => c.id)
+    if (params.itemIds) {
+      selectionIds = selectionIds.filter(id => params.itemIds.includes(id))
+    }
     return {
       isAdditionnalTreeDisplayed: isAdditionnalTreeDisplayed.value,
       panelWidth: panelWidth.value,
       model_id: model_id.value,
       isTreeCollection: isTreeCollection.value,
       selectedTree: selectedTree.value,
-      selectionIds: selection.value.map((c) => c.id),
+      selectionIds,
     }
   }
 
diff --git a/utils/local.js b/utils/local.js
index 13534f8c..8026c285 100644
--- a/utils/local.js
+++ b/utils/local.js
@@ -77,16 +77,16 @@ async function run_script(
       reject("Timed out after " + timeout_seconds + " seconds")
     }, timeout_seconds * 1000)
 
-    const command = commandExistsSync(executable_name)
-      ? executable_name
-      : path.join(executable_path, executable_name)
+    const local_command = path.join(executable_path, executable_name)
+    const command = fs.existsSync(local_command)
+      ? local_command
+      : executable_name
     console.log("run_script", command, args)
     const child = child_process.spawn(command, args, {
       encoding: "utf8",
       shell: true,
     })
 
-    // You can also use a variable to save the output for when the script closes later
     child.stderr.setEncoding("utf8")
     child.on("error", (error) => {
       dialog.showMessageBox({
@@ -97,7 +97,6 @@ async function run_script(
     })
     child.stdout.setEncoding("utf8")
     child.stdout.on("data", (data) => {
-      //Here is the output
       data = data.toString()
       if (data.includes(expected_response)) {
         resolve(child)
@@ -110,7 +109,6 @@ async function run_script(
     })
 
     child.on("close", (_code) => {
-      //Here you can get the exit code of the script
       console.log("Child Process exited with code " + _code)
     })
     child.on("kill", () => {
@@ -193,9 +191,9 @@ function kill_back(back_port) {
   return new Promise((resolve, reject) => {
     fetch(
       "http://localhost:" +
-        back_port +
-        "/" +
-        back_schemas.opengeodeweb_back.kill.$id,
+      back_port +
+      "/" +
+      back_schemas.opengeodeweb_back.kill.$id,
       {
         method: back_schemas.opengeodeweb_back.kill.methods[0],
       },

From cfd3957e2fefa74845ad2b155672a3ac8e343ea4 Mon Sep 17 00:00:00 2001
From: SpliiT <106495600+SpliiT@users.noreply.github.com>
Date: Mon, 29 Dec 2025 15:43:47 +0000
Subject: [PATCH 02/17] Apply prepare changes

---
 app/components/InfraConnected.vue             |  2 +-
 app/composables/project_manager.js            |  2 +-
 app/plugins/auto_store_register.js            |  2 +-
 app/stores/data_base.js                       | 11 ++-
 app/stores/import_queue.js                    | 85 ++++++++++---------
 app/stores/treeview.js                        |  2 +-
 app/utils/local.js                            |  6 +-
 composables/db.js                             | 34 ++++----
 stores/import_queue.js                        | 85 ++++++++++---------
 .../microservices/back/requirements.txt       |  1 -
 .../microservices/viewer/requirements.txt     |  1 -
 11 files changed, 121 insertions(+), 110 deletions(-)

diff --git a/app/components/InfraConnected.vue b/app/components/InfraConnected.vue
index 480383ac..83996316 100644
--- a/app/components/InfraConnected.vue
+++ b/app/components/InfraConnected.vue
@@ -6,4 +6,4 @@
   import { useInfraStore } from "@ogw_front/stores/infra"
   const infraStore = useInfraStore()
   console.log("TEST", { infraStore })
-</script>
\ No newline at end of file
+</script>
diff --git a/app/composables/project_manager.js b/app/composables/project_manager.js
index 5d6acddd..e54463a5 100644
--- a/app/composables/project_manager.js
+++ b/app/composables/project_manager.js
@@ -119,4 +119,4 @@ export function useProjectManager() {
   return { exportProject, importProjectFile }
 }
 
-export default useProjectManager
\ No newline at end of file
+export default useProjectManager
diff --git a/app/plugins/auto_store_register.js b/app/plugins/auto_store_register.js
index b99c6b5e..e5dd599c 100644
--- a/app/plugins/auto_store_register.js
+++ b/app/plugins/auto_store_register.js
@@ -21,4 +21,4 @@ export default defineNuxtPlugin((nuxtApp) => {
   console.log(
     "[AUTOREGISTER PLUGIN] Loaded automatically from OpenGeodeWeb-Front",
   )
-})
\ No newline at end of file
+})
diff --git a/app/stores/data_base.js b/app/stores/data_base.js
index 4b2244d4..8dc48203 100644
--- a/app/stores/data_base.js
+++ b/app/stores/data_base.js
@@ -116,7 +116,10 @@ export const useDataBaseStore = defineStore("dataBase", () => {
 
   async function deleteFolder(id) {
     await db.folders.delete(id)
-    await db.importedData.where("folder_id").equals(id).modify({ folder_id: null })
+    await db.importedData
+      .where("folder_id")
+      .equals(id)
+      .modify({ folder_id: null })
     Object.values(db_cache).forEach((item) => {
       if (item.folder_id === id) item.folder_id = null
     })
@@ -167,7 +170,7 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     for (const id of itemIds) {
       const item = await db.importedData.get(id)
       if (item) {
-        const newTags = (item.tags || []).filter(t => !tags.includes(t))
+        const newTags = (item.tags || []).filter((t) => !tags.includes(t))
         await updateItem(id, { tags: newTags })
       }
     }
@@ -268,7 +271,7 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     const snapshotDb = {}
 
     const filteredItems = params.itemIds
-      ? items.filter(item => params.itemIds.includes(item.id))
+      ? items.filter((item) => params.itemIds.includes(item.id))
       : items
 
     for (const item of filteredItems) {
@@ -279,7 +282,7 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     }
 
     const filteredFolders = params.itemIds
-      ? folders.filter(f => filteredItems.some(i => i.folder_id === f.id))
+      ? folders.filter((f) => filteredItems.some((i) => i.folder_id === f.id))
       : folders
 
     return { db: snapshotDb, folders: filteredFolders }
diff --git a/app/stores/import_queue.js b/app/stores/import_queue.js
index 45845c8d..7b399e0f 100644
--- a/app/stores/import_queue.js
+++ b/app/stores/import_queue.js
@@ -1,50 +1,55 @@
-import { defineStore } from 'pinia'
+import { defineStore } from "pinia"
 
-export const useImportQueueStore = defineStore('importQueue', () => {
-    const queue = ref([])
+export const useImportQueueStore = defineStore("importQueue", () => {
+  const queue = ref([])
 
-    function addToQueue(name) {
-        const id = Date.now() + Math.random().toString(36).substr(2, 9)
-        queue.value.push({
-            id,
-            name,
-            status: 'pending',
-            progress: 0,
-            error: null
-        })
-        return id
-    }
-
-    function updateStatus(id, status, progress = 0, error = null) {
-        const item = queue.value.find(i => i.id === id)
-        if (item) {
-            item.status = status
-            item.progress = progress
-            item.error = error
-        }
-    }
+  function addToQueue(name) {
+    const id = Date.now() + Math.random().toString(36).substr(2, 9)
+    queue.value.push({
+      id,
+      name,
+      status: "pending",
+      progress: 0,
+      error: null,
+    })
+    return id
+  }
 
-    function removeFromQueue(id) {
-        const index = queue.value.findIndex(i => i.id === id)
-        if (index !== -1) {
-            queue.value.splice(index, 1)
-        }
+  function updateStatus(id, status, progress = 0, error = null) {
+    const item = queue.value.find((i) => i.id === id)
+    if (item) {
+      item.status = status
+      item.progress = progress
+      item.error = error
     }
+  }
 
-    function clearCompleted() {
-        queue.value = queue.value.filter(i => i.status !== 'success' && i.status !== 'error')
+  function removeFromQueue(id) {
+    const index = queue.value.findIndex((i) => i.id === id)
+    if (index !== -1) {
+      queue.value.splice(index, 1)
     }
+  }
 
-    const activeImportsCount = computed(() =>
-        queue.value.filter(i => i.status === 'pending' || i.status === 'importing').length
+  function clearCompleted() {
+    queue.value = queue.value.filter(
+      (i) => i.status !== "success" && i.status !== "error",
     )
+  }
 
-    return {
-        queue,
-        addToQueue,
-        updateStatus,
-        removeFromQueue,
-        clearCompleted,
-        activeImportsCount
-    }
+  const activeImportsCount = computed(
+    () =>
+      queue.value.filter(
+        (i) => i.status === "pending" || i.status === "importing",
+      ).length,
+  )
+
+  return {
+    queue,
+    addToQueue,
+    updateStatus,
+    removeFromQueue,
+    clearCompleted,
+    activeImportsCount,
+  }
 })
diff --git a/app/stores/treeview.js b/app/stores/treeview.js
index 157345db..1396ad56 100644
--- a/app/stores/treeview.js
+++ b/app/stores/treeview.js
@@ -61,7 +61,7 @@ export const useTreeviewStore = defineStore("treeview", () => {
   function exportStores(params = {}) {
     let selectionIds = selection.value.map((c) => c.id)
     if (params.itemIds) {
-      selectionIds = selectionIds.filter(id => params.itemIds.includes(id))
+      selectionIds = selectionIds.filter((id) => params.itemIds.includes(id))
     }
     return {
       isAdditionnalTreeDisplayed: isAdditionnalTreeDisplayed.value,
diff --git a/app/utils/local.js b/app/utils/local.js
index 00f4a902..a7fefd06 100644
--- a/app/utils/local.js
+++ b/app/utils/local.js
@@ -194,9 +194,9 @@ function kill_back(back_port) {
   return new Promise((resolve, reject) => {
     fetch(
       "http://localhost:" +
-      back_port +
-      "/" +
-      back_schemas.opengeodeweb_back.kill.$id,
+        back_port +
+        "/" +
+        back_schemas.opengeodeweb_back.kill.$id,
       {
         method: back_schemas.opengeodeweb_back.kill.methods[0],
       },
diff --git a/composables/db.js b/composables/db.js
index 0f6d6630..480f68eb 100644
--- a/composables/db.js
+++ b/composables/db.js
@@ -1,26 +1,26 @@
 import Dexie from "dexie"
 
 export class ImportedDataDB extends Dexie {
-    constructor() {
-        super("ImportedDataDB")
+  constructor() {
+    super("ImportedDataDB")
 
-        this.version(1).stores({
-            importedData:
-                "id, name, viewer_type, geode_object_type, visible, created_at",
-        })
+    this.version(1).stores({
+      importedData:
+        "id, name, viewer_type, geode_object_type, visible, created_at",
+    })
 
-        this.version(2).stores({
-            importedData:
-                "id, name, viewer_type, geode_object_type, visible, created_at, folder_id, *tags",
-            folders: "++id, name, parent_id, created_at",
-        })
+    this.version(2).stores({
+      importedData:
+        "id, name, viewer_type, geode_object_type, visible, created_at, folder_id, *tags",
+      folders: "++id, name, parent_id, created_at",
+    })
 
-        this.version(3).stores({
-            importedData:
-                "id, name, viewer_type, geode_object_type, visible, created_at, folder_id, *tags, pinned",
-            folders: "++id, name, parent_id, created_at",
-        })
-    }
+    this.version(3).stores({
+      importedData:
+        "id, name, viewer_type, geode_object_type, visible, created_at, folder_id, *tags, pinned",
+      folders: "++id, name, parent_id, created_at",
+    })
+  }
 }
 
 export const db = new ImportedDataDB()
diff --git a/stores/import_queue.js b/stores/import_queue.js
index 45845c8d..7b399e0f 100644
--- a/stores/import_queue.js
+++ b/stores/import_queue.js
@@ -1,50 +1,55 @@
-import { defineStore } from 'pinia'
+import { defineStore } from "pinia"
 
-export const useImportQueueStore = defineStore('importQueue', () => {
-    const queue = ref([])
+export const useImportQueueStore = defineStore("importQueue", () => {
+  const queue = ref([])
 
-    function addToQueue(name) {
-        const id = Date.now() + Math.random().toString(36).substr(2, 9)
-        queue.value.push({
-            id,
-            name,
-            status: 'pending',
-            progress: 0,
-            error: null
-        })
-        return id
-    }
-
-    function updateStatus(id, status, progress = 0, error = null) {
-        const item = queue.value.find(i => i.id === id)
-        if (item) {
-            item.status = status
-            item.progress = progress
-            item.error = error
-        }
-    }
+  function addToQueue(name) {
+    const id = Date.now() + Math.random().toString(36).substr(2, 9)
+    queue.value.push({
+      id,
+      name,
+      status: "pending",
+      progress: 0,
+      error: null,
+    })
+    return id
+  }
 
-    function removeFromQueue(id) {
-        const index = queue.value.findIndex(i => i.id === id)
-        if (index !== -1) {
-            queue.value.splice(index, 1)
-        }
+  function updateStatus(id, status, progress = 0, error = null) {
+    const item = queue.value.find((i) => i.id === id)
+    if (item) {
+      item.status = status
+      item.progress = progress
+      item.error = error
     }
+  }
 
-    function clearCompleted() {
-        queue.value = queue.value.filter(i => i.status !== 'success' && i.status !== 'error')
+  function removeFromQueue(id) {
+    const index = queue.value.findIndex((i) => i.id === id)
+    if (index !== -1) {
+      queue.value.splice(index, 1)
     }
+  }
 
-    const activeImportsCount = computed(() =>
-        queue.value.filter(i => i.status === 'pending' || i.status === 'importing').length
+  function clearCompleted() {
+    queue.value = queue.value.filter(
+      (i) => i.status !== "success" && i.status !== "error",
     )
+  }
 
-    return {
-        queue,
-        addToQueue,
-        updateStatus,
-        removeFromQueue,
-        clearCompleted,
-        activeImportsCount
-    }
+  const activeImportsCount = computed(
+    () =>
+      queue.value.filter(
+        (i) => i.status === "pending" || i.status === "importing",
+      ).length,
+  )
+
+  return {
+    queue,
+    addToQueue,
+    updateStatus,
+    removeFromQueue,
+    clearCompleted,
+    activeImportsCount,
+  }
 })
diff --git a/tests/integration/microservices/back/requirements.txt b/tests/integration/microservices/back/requirements.txt
index c8f45967..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==5.*,>=5.14.3
diff --git a/tests/integration/microservices/viewer/requirements.txt b/tests/integration/microservices/viewer/requirements.txt
index 147e1750..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.13.2

From c7413708e7c100afaafe83d72581681f961d9652 Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Tue, 30 Dec 2025 16:26:07 +0100
Subject: [PATCH 03/17] check comments & other

---
 app/components/Viewer/Tree/ObjectTree.vue |   6 +-
 {composables => app/composables}/db.js    |   6 +
 app/plugins/auto_store_register.js        |   2 +-
 app/stores/data_base.js                   | 173 +++-------------------
 app/stores/data_style.js                  |   6 +-
 app/stores/treeview.js                    |  23 +++
 6 files changed, 60 insertions(+), 156 deletions(-)
 rename {composables => app/composables}/db.js (82%)

diff --git a/app/components/Viewer/Tree/ObjectTree.vue b/app/components/Viewer/Tree/ObjectTree.vue
index ad9c2af5..fafcbb8a 100644
--- a/app/components/Viewer/Tree/ObjectTree.vue
+++ b/app/components/Viewer/Tree/ObjectTree.vue
@@ -42,9 +42,9 @@
 </template>
 
 <script setup>
-  import ViewerBreadCrumb from "@/components/Viewer/BreadCrumb"
-  import ViewerTreeObject from "@/components/Viewer/TreeObject"
-  import ViewerTreeComponent from "@/components/Viewer/TreeComponent"
+  import ViewerBreadCrumb from "@ogw_front/components/Viewer/BreadCrumb"
+  import ViewerTreeObject from "@ogw_front/components/Viewer/TreeObject"
+  import ViewerTreeComponent from "@ogw_front/components/Viewer/TreeComponent"
   import { useTreeviewStore } from "@ogw_front/stores/treeview"
   import { useMenuStore } from "@ogw_front/stores/menu"
 
diff --git a/composables/db.js b/app/composables/db.js
similarity index 82%
rename from composables/db.js
rename to app/composables/db.js
index 480f68eb..03def753 100644
--- a/composables/db.js
+++ b/app/composables/db.js
@@ -20,6 +20,12 @@ export class ImportedDataDB extends Dexie {
         "id, name, viewer_type, geode_object_type, visible, created_at, folder_id, *tags, pinned",
       folders: "++id, name, parent_id, created_at",
     })
+
+    this.version(4).stores({
+      importedData:
+        "id, name, viewer_type, geode_object_type, visible, created_at",
+      folders: null,
+    })
   }
 }
 
diff --git a/app/plugins/auto_store_register.js b/app/plugins/auto_store_register.js
index e5dd599c..fba19ebb 100644
--- a/app/plugins/auto_store_register.js
+++ b/app/plugins/auto_store_register.js
@@ -1,4 +1,4 @@
-import { useAppStore } from "../stores/app"
+import { useAppStore } from "@ogw_front/stores/app"
 
 const autoStoreRegister = ({ store }) => {
   if (store.$id === "app") {
diff --git a/app/stores/data_base.js b/app/stores/data_base.js
index 8dc48203..f3801d81 100644
--- a/app/stores/data_base.js
+++ b/app/stores/data_base.js
@@ -1,13 +1,17 @@
 // Third party imports
 import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
-import { db } from "@ogw_f/composables/db.js"
+import { db } from "@ogw_front/composables/db.js"
 
 // Local constants
 const back_model_schemas = back_schemas.opengeodeweb_back.models
 const viewer_generic_schemas = viewer_schemas.opengeodeweb_viewer.generic
 
+import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useGeodeStore } from "@ogw_front/stores/geode"
+
 export const useDataBaseStore = defineStore("dataBase", () => {
+  const viewerStore = useViewerStore()
   const db_cache = reactive({})
 
   async function itemMetaDatas(id) {
@@ -58,29 +62,26 @@ export const useDataBaseStore = defineStore("dataBase", () => {
   }
 
   async function registerObject(id) {
-    return viewer_call({
-      schema: viewer_generic_schemas.register,
-      params: { id },
-    })
+    return viewerStore.request(viewer_generic_schemas.register, { id })
   }
 
   async function deregisterObject(id) {
-    return viewer_call({
-      schema: viewer_generic_schemas.deregister,
-      params: { id },
-    })
+    return viewerStore.request(viewer_generic_schemas.deregister, { id })
   }
 
   async function addItem(id, value) {
     const itemData = {
       id,
+      displayed_name: value.name || value.displayed_name || id,
+      geode_object: value.geode_object_type || value.geode_object || "Unknown",
       visible: true,
       created_at: new Date().toISOString(),
       ...value,
     }
 
-    await db.importedData.put(itemData)
-    db_cache[id] = itemData
+    const serializedData = JSON.parse(JSON.stringify(itemData))
+    await db.importedData.put(serializedData)
+    db_cache[id] = serializedData
   }
 
   async function getAllItems() {
@@ -103,100 +104,11 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     }
   }
 
-  // Folder management
-  async function createFolder(name, parent_id = null) {
-    const folder = {
-      name,
-      parent_id,
-      created_at: new Date().toISOString(),
-    }
-    const id = await db.folders.add(folder)
-    return { ...folder, id }
-  }
-
-  async function deleteFolder(id) {
-    await db.folders.delete(id)
-    await db.importedData
-      .where("folder_id")
-      .equals(id)
-      .modify({ folder_id: null })
-    Object.values(db_cache).forEach((item) => {
-      if (item.folder_id === id) item.folder_id = null
-    })
-  }
-
-  async function getAllFolders() {
-    return await db.folders.toArray()
-  }
-
-  async function updateFolder(id, changes) {
-    await db.folders.update(id, changes)
-  }
-
-  // Tag management
-  async function addTag(itemId, tag) {
-    const item = await itemMetaDatas(itemId)
-    const tags = item.tags || []
-    if (!tags.includes(tag)) {
-      tags.push(tag)
-      await updateItem(itemId, { tags })
-    }
-  }
-
-  async function removeTag(itemId, tag) {
-    const item = await itemMetaDatas(itemId)
-    const tags = (item.tags || []).filter((t) => t !== tag)
-    await updateItem(itemId, { tags })
-  }
-
-  async function togglePin(itemId) {
-    const item = await db.importedData.get(itemId)
-    if (item) {
-      await updateItem(itemId, { pinned: !item.pinned })
-    }
-  }
-
-  async function batchAddTags(itemIds, tags) {
-    for (const id of itemIds) {
-      const item = await db.importedData.get(id)
-      if (item) {
-        const newTags = [...new Set([...(item.tags || []), ...tags])]
-        await updateItem(id, { tags: newTags })
-      }
-    }
-  }
-
-  async function batchRemoveTags(itemIds, tags) {
-    for (const id of itemIds) {
-      const item = await db.importedData.get(id)
-      if (item) {
-        const newTags = (item.tags || []).filter((t) => !tags.includes(t))
-        await updateItem(id, { tags: newTags })
-      }
-    }
-  }
-
-  async function batchMoveToFolder(itemIds, folderId) {
-    for (const id of itemIds) {
-      await updateItem(id, { folder_id: folderId })
-    }
-  }
-
-  async function batchUpdateColor(itemIds, color) {
-    const dataStyleStore = useDataStyleStore()
-    for (const id of itemIds) {
-      await dataStyleStore.updateStyle(id, { color })
-    }
-  }
-
   async function fetchMeshComponents(id) {
-    return api_fetch(
-      {
-        schema: back_model_schemas.mesh_components,
-        params: {
-          id,
-        },
-      },
+    const geodeStore = useGeodeStore()
+    return geodeStore.request(
+      back_model_schemas.mesh_components,
+      { id },
       {
         response_function: async (response) => {
           const mesh_components = response._data.uuid_dict
@@ -207,11 +119,10 @@ export const useDataBaseStore = defineStore("dataBase", () => {
   }
 
   async function fetchUuidToFlatIndexDict(id) {
-    return api_fetch(
-      {
-        schema: back_model_schemas.vtm_component_indices,
-        params: { id },
-      },
+    const geodeStore = useGeodeStore()
+    return geodeStore.request(
+      back_model_schemas.vtm_component_indices,
+      { id },
       {
         response_function: async (response) => {
           const uuid_to_flat_index = response._data.uuid_to_flat_index
@@ -260,32 +171,15 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     return flat_indexes
   }
 
-  async function exportSelectedItems(itemIds) {
-    const { exportProject } = useProjectManager()
-    await exportProject({ itemIds })
-  }
-
-  async function exportStores(params = {}) {
+  async function exportStores() {
     const items = await db.importedData.toArray()
-    const folders = await db.folders.toArray()
     const snapshotDb = {}
 
-    const filteredItems = params.itemIds
-      ? items.filter((item) => params.itemIds.includes(item.id))
-      : items
-
-    for (const item of filteredItems) {
-      if (!item || !item.id) continue
-      snapshotDb[item.id] = {
-        ...item,
-      }
+    for (const item of items) {
+      snapshotDb[item.id] = { ...item }
     }
 
-    const filteredFolders = params.itemIds
-      ? folders.filter((f) => filteredItems.some((i) => i.folder_id === f.id))
-      : folders
-
-    return { db: snapshotDb, folders: filteredFolders }
+    return { db: snapshotDb }
   }
 
   async function importStores(snapshot) {
@@ -294,15 +188,8 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     hybridViewerStore.clear()
 
     await db.importedData.clear()
-    await db.folders.clear()
     Object.keys(db_cache).forEach((key) => delete db_cache[key])
 
-    if (snapshot?.folders) {
-      for (const folder of snapshot.folders) {
-        await db.folders.put(folder)
-      }
-    }
-
     for (const [id, item] of Object.entries(snapshot?.db || {})) {
       await registerObject(id)
       await addItem(id, item)
@@ -326,18 +213,6 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     getAllItems,
     deleteItem,
     updateItem,
-    createFolder,
-    deleteFolder,
-    getAllFolders,
-    updateFolder,
-    addTag,
-    removeTag,
-    togglePin,
-    batchAddTags,
-    batchRemoveTags,
-    batchMoveToFolder,
-    batchUpdateColor,
-    exportSelectedItems,
     fetchUuidToFlatIndexDict,
     fetchMeshComponents,
     getCornersUuids,
diff --git a/app/stores/data_style.js b/app/stores/data_style.js
index 2fbff3a8..a501b2b7 100644
--- a/app/stores/data_style.js
+++ b/app/stores/data_style.js
@@ -19,7 +19,7 @@ export const useDataStyleStore = defineStore("dataStyle", () => {
       "dataBaseStore.itemMetaDatas(id)",
       dataBaseStore.itemMetaDatas(id),
     )
-    const { viewer_type } = dataBaseStore.itemMetaDatas(id)
+    const { viewer_type } = dataBaseStore.itemMetaDatasSync(id)
     if (viewer_type === "mesh") {
       return Promise.all([meshStyleStore.setMeshVisibility(id, visibility)])
     } else if (viewer_type === "model") {
@@ -29,7 +29,7 @@ export const useDataStyleStore = defineStore("dataStyle", () => {
   }
 
   function applyDefaultStyle(id) {
-    const { viewer_type } = dataBaseStore.itemMetaDatas(id)
+    const { viewer_type } = dataBaseStore.itemMetaDatasSync(id)
     if (viewer_type === "mesh") {
       return meshStyleStore.applyMeshStyle(id)
     } else if (viewer_type === "model") {
@@ -66,7 +66,7 @@ export const useDataStyleStore = defineStore("dataStyle", () => {
     const ids = Object.keys(dataStyleState.styles || {})
     const promises = []
     for (const id of ids) {
-      const meta = dataBaseStore.itemMetaDatas(id)
+      const meta = dataBaseStore.itemMetaDatasSync(id)
       const viewerType = meta?.viewer_type
       const style = dataStyleState.styles[id]
       if (style && viewerType === "mesh") {
diff --git a/app/stores/treeview.js b/app/stores/treeview.js
index 1396ad56..2a2eed6c 100644
--- a/app/stores/treeview.js
+++ b/app/stores/treeview.js
@@ -109,6 +109,28 @@ export const useTreeviewStore = defineStore("treeview", () => {
     pendingSelectionIds.value = []
   }
 
+  function removeItem(id) {
+    for (let i = 0; i < items.value.length; i++) {
+      const group = items.value[i]
+      const childIndex = group.children.findIndex((child) => child.id === id)
+
+      if (childIndex !== -1) {
+        group.children.splice(childIndex, 1)
+
+        if (group.children.length === 0) {
+          items.value.splice(i, 1)
+        }
+
+        const selectionIndex = selection.value.findIndex((item) => item.id === id)
+        if (selectionIndex !== -1) {
+          selection.value.splice(selectionIndex, 1)
+        }
+
+        return
+      }
+    }
+  }
+
   const clear = () => {
     items.value = []
     selection.value = []
@@ -128,6 +150,7 @@ export const useTreeviewStore = defineStore("treeview", () => {
     selectedTree,
     isImporting,
     addItem,
+    removeItem,
     displayAdditionalTree,
     displayFileTree,
     toggleTreeView,

From c65facfd2cec2fc3d0d373f21d1dee090859226e Mon Sep 17 00:00:00 2001
From: SpliiT <106495600+SpliiT@users.noreply.github.com>
Date: Tue, 30 Dec 2025 15:26:48 +0000
Subject: [PATCH 04/17] Apply prepare changes

---
 app/stores/treeview.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/stores/treeview.js b/app/stores/treeview.js
index 2a2eed6c..389bd9da 100644
--- a/app/stores/treeview.js
+++ b/app/stores/treeview.js
@@ -121,7 +121,9 @@ export const useTreeviewStore = defineStore("treeview", () => {
           items.value.splice(i, 1)
         }
 
-        const selectionIndex = selection.value.findIndex((item) => item.id === id)
+        const selectionIndex = selection.value.findIndex(
+          (item) => item.id === id,
+        )
         if (selectionIndex !== -1) {
           selection.value.splice(selectionIndex, 1)
         }

From b875d27fa56c7ef8e78e96f6fadbc77770812c03 Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Tue, 30 Dec 2025 16:40:54 +0100
Subject: [PATCH 05/17] rm other versions

---
 app/composables/db.js   | 21 +--------------------
 app/stores/data_base.js |  4 ++--
 2 files changed, 3 insertions(+), 22 deletions(-)

diff --git a/app/composables/db.js b/app/composables/db.js
index 03def753..09af028c 100644
--- a/app/composables/db.js
+++ b/app/composables/db.js
@@ -5,26 +5,7 @@ export class ImportedDataDB extends Dexie {
     super("ImportedDataDB")
 
     this.version(1).stores({
-      importedData:
-        "id, name, viewer_type, geode_object_type, visible, created_at",
-    })
-
-    this.version(2).stores({
-      importedData:
-        "id, name, viewer_type, geode_object_type, visible, created_at, folder_id, *tags",
-      folders: "++id, name, parent_id, created_at",
-    })
-
-    this.version(3).stores({
-      importedData:
-        "id, name, viewer_type, geode_object_type, visible, created_at, folder_id, *tags, pinned",
-      folders: "++id, name, parent_id, created_at",
-    })
-
-    this.version(4).stores({
-      importedData:
-        "id, name, viewer_type, geode_object_type, visible, created_at",
-      folders: null,
+      importedData: "id, name, viewer_type, geode_object_type, visible, created_at",
     })
   }
 }
diff --git a/app/stores/data_base.js b/app/stores/data_base.js
index f3801d81..bbf2c2e8 100644
--- a/app/stores/data_base.js
+++ b/app/stores/data_base.js
@@ -72,8 +72,8 @@ export const useDataBaseStore = defineStore("dataBase", () => {
   async function addItem(id, value) {
     const itemData = {
       id,
-      displayed_name: value.name || value.displayed_name || id,
-      geode_object: value.geode_object_type || value.geode_object || "Unknown",
+      name: value.name || value.displayed_name || id,
+      geode_object_type: value.geode_object_type || value.geode_object || "Unknown",
       visible: true,
       created_at: new Date().toISOString(),
       ...value,

From 215a07f77f72c2d315680557450e6dafa00ab97d Mon Sep 17 00:00:00 2001
From: SpliiT <106495600+SpliiT@users.noreply.github.com>
Date: Tue, 30 Dec 2025 15:41:33 +0000
Subject: [PATCH 06/17] Apply prepare changes

---
 app/composables/db.js   | 3 ++-
 app/stores/data_base.js | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/composables/db.js b/app/composables/db.js
index 09af028c..a6e4eb2c 100644
--- a/app/composables/db.js
+++ b/app/composables/db.js
@@ -5,7 +5,8 @@ export class ImportedDataDB extends Dexie {
     super("ImportedDataDB")
 
     this.version(1).stores({
-      importedData: "id, name, viewer_type, geode_object_type, visible, created_at",
+      importedData:
+        "id, name, viewer_type, geode_object_type, visible, created_at",
     })
   }
 }
diff --git a/app/stores/data_base.js b/app/stores/data_base.js
index bbf2c2e8..a00045b3 100644
--- a/app/stores/data_base.js
+++ b/app/stores/data_base.js
@@ -73,7 +73,8 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     const itemData = {
       id,
       name: value.name || value.displayed_name || id,
-      geode_object_type: value.geode_object_type || value.geode_object || "Unknown",
+      geode_object_type:
+        value.geode_object_type || value.geode_object || "Unknown",
       visible: true,
       created_at: new Date().toISOString(),
       ...value,

From 9953445a4f008364bb8fa1181aa5d478414059b6 Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Tue, 30 Dec 2025 17:02:14 +0100
Subject: [PATCH 07/17] apply comments changes needed

---
 app/composables/db.js    |  8 ++++----
 app/stores/data_base.js  | 21 ++++++++++-----------
 app/stores/data_style.js | 11 +----------
 app/utils/local.js       | 18 ++++++++++--------
 4 files changed, 25 insertions(+), 33 deletions(-)

diff --git a/app/composables/db.js b/app/composables/db.js
index 09af028c..5d7a99d2 100644
--- a/app/composables/db.js
+++ b/app/composables/db.js
@@ -1,13 +1,13 @@
 import Dexie from "dexie"
 
-export class ImportedDataDB extends Dexie {
+export class DataDB extends Dexie {
   constructor() {
-    super("ImportedDataDB")
+    super("DataDB")
 
     this.version(1).stores({
-      importedData: "id, name, viewer_type, geode_object_type, visible, created_at",
+      data: "id, name, viewer_type, geode_object_type, visible, created_at",
     })
   }
 }
 
-export const db = new ImportedDataDB()
+export const db = new DataDB()
diff --git a/app/stores/data_base.js b/app/stores/data_base.js
index bbf2c2e8..e0ee56a2 100644
--- a/app/stores/data_base.js
+++ b/app/stores/data_base.js
@@ -18,7 +18,7 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     if (db_cache[id]) {
       return db_cache[id]
     }
-    const item = await db.importedData.get(id)
+    const item = await db.data.get(id)
     if (item) {
       db_cache[id] = item
     }
@@ -72,20 +72,20 @@ export const useDataBaseStore = defineStore("dataBase", () => {
   async function addItem(id, value) {
     const itemData = {
       id,
-      name: value.name || value.displayed_name || id,
-      geode_object_type: value.geode_object_type || value.geode_object || "Unknown",
+      name: value.name || id,
+      geode_object_type: value.geode_object_type || "Unknown",
       visible: true,
       created_at: new Date().toISOString(),
       ...value,
     }
 
     const serializedData = JSON.parse(JSON.stringify(itemData))
-    await db.importedData.put(serializedData)
+    await db.data.put(serializedData)
     db_cache[id] = serializedData
   }
 
   async function getAllItems() {
-    const items = await db.importedData.toArray()
+    const items = await db.data.toArray()
     items.forEach((item) => {
       db_cache[item.id] = item
     })
@@ -93,12 +93,12 @@ export const useDataBaseStore = defineStore("dataBase", () => {
   }
 
   async function deleteItem(id) {
-    await db.importedData.delete(id)
+    await db.data.delete(id)
     delete db_cache[id]
   }
 
   async function updateItem(id, changes) {
-    await db.importedData.update(id, changes)
+    await db.data.update(id, changes)
     if (db_cache[id]) {
       Object.assign(db_cache[id], changes)
     }
@@ -172,7 +172,7 @@ export const useDataBaseStore = defineStore("dataBase", () => {
   }
 
   async function exportStores() {
-    const items = await db.importedData.toArray()
+    const items = await db.data.toArray()
     const snapshotDb = {}
 
     for (const item of items) {
@@ -187,8 +187,7 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     await hybridViewerStore.initHybridViewer()
     hybridViewerStore.clear()
 
-    await db.importedData.clear()
-    Object.keys(db_cache).forEach((key) => delete db_cache[key])
+    await clear()
 
     for (const [id, item] of Object.entries(snapshot?.db || {})) {
       await registerObject(id)
@@ -197,7 +196,7 @@ export const useDataBaseStore = defineStore("dataBase", () => {
   }
 
   async function clear() {
-    await db.importedData.clear()
+    await db.data.clear()
     Object.keys(db_cache).forEach((key) => delete db_cache[key])
   }
 
diff --git a/app/stores/data_style.js b/app/stores/data_style.js
index a501b2b7..0b4aa3ff 100644
--- a/app/stores/data_style.js
+++ b/app/stores/data_style.js
@@ -39,16 +39,7 @@ export const useDataStyleStore = defineStore("dataStyle", () => {
     }
   }
 
-  const exportStores = (params = {}) => {
-    if (params.itemIds) {
-      const filteredStyles = {}
-      for (const id of params.itemIds) {
-        if (dataStyleState.styles[id]) {
-          filteredStyles[id] = dataStyleState.styles[id]
-        }
-      }
-      return { styles: filteredStyles }
-    }
+  const exportStores = () => {
     return { styles: dataStyleState.styles }
   }
 
diff --git a/app/utils/local.js b/app/utils/local.js
index a7fefd06..efbaf10d 100644
--- a/app/utils/local.js
+++ b/app/utils/local.js
@@ -77,16 +77,16 @@ async function run_script(
       reject("Timed out after " + timeout_seconds + " seconds")
     }, timeout_seconds * 1000)
 
-    const local_command = path.join(executable_path, executable_name)
-    const command = fs.existsSync(local_command)
-      ? local_command
-      : executable_name
+    const command = commandExistsSync(executable_name)
+      ? executable_name
+      : path.join(executable_path, executable_name)
     console.log("run_script", command, args)
     const child = child_process.spawn(command, args, {
       encoding: "utf8",
       shell: true,
     })
 
+    // You can also use a variable to save the output for when the script closes later
     child.stderr.setEncoding("utf8")
     child.on("error", (error) => {
       dialog.showMessageBox({
@@ -97,6 +97,7 @@ async function run_script(
     })
     child.stdout.setEncoding("utf8")
     child.stdout.on("data", (data) => {
+      //Here is the output
       data = data.toString()
       if (data.includes(expected_response)) {
         resolve(child)
@@ -109,6 +110,7 @@ async function run_script(
     })
 
     child.on("close", (_code) => {
+      //Here you can get the exit code of the script
       console.log("Child Process exited with code " + _code)
     })
     child.on("kill", () => {
@@ -194,9 +196,9 @@ function kill_back(back_port) {
   return new Promise((resolve, reject) => {
     fetch(
       "http://localhost:" +
-        back_port +
-        "/" +
-        back_schemas.opengeodeweb_back.kill.$id,
+      back_port +
+      "/" +
+      back_schemas.opengeodeweb_back.kill.$id,
       {
         method: back_schemas.opengeodeweb_back.kill.methods[0],
       },
@@ -327,4 +329,4 @@ export {
   run_back,
   run_viewer,
   run_browser,
-}
+}
\ No newline at end of file

From 244a802111e41aea36aaec8d2593804f9f8b2f9a Mon Sep 17 00:00:00 2001
From: SpliiT <106495600+SpliiT@users.noreply.github.com>
Date: Tue, 30 Dec 2025 17:17:05 +0000
Subject: [PATCH 08/17] Apply prepare changes

---
 app/utils/local.js | 8 ++++----
 package.json       | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/utils/local.js b/app/utils/local.js
index be579ba8..ce34bfc0 100644
--- a/app/utils/local.js
+++ b/app/utils/local.js
@@ -202,9 +202,9 @@ function kill_back(back_port) {
     new Promise((resolve, reject) => {
       fetch(
         "http://localhost:" +
-        back_port +
-        "/" +
-        back_schemas.opengeodeweb_back.kill.$id,
+          back_port +
+          "/" +
+          back_schemas.opengeodeweb_back.kill.$id,
         {
           method: back_schemas.opengeodeweb_back.kill.methods[0],
         },
@@ -346,4 +346,4 @@ export {
   run_back,
   run_viewer,
   run_browser,
-}
\ No newline at end of file
+}
diff --git a/package.json b/package.json
index 1f23cb26..0390cca0 100644
--- a/package.json
+++ b/package.json
@@ -86,4 +86,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
\ No newline at end of file
+}

From 615da7388571a4943a357b95f80b5df92a2a9adc Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Tue, 30 Dec 2025 20:18:42 +0100
Subject: [PATCH 09/17] rm imported queue

---
 app/stores/import_queue.js | 55 --------------------------------------
 stores/import_queue.js     | 55 --------------------------------------
 2 files changed, 110 deletions(-)
 delete mode 100644 app/stores/import_queue.js
 delete mode 100644 stores/import_queue.js

diff --git a/app/stores/import_queue.js b/app/stores/import_queue.js
deleted file mode 100644
index 7b399e0f..00000000
--- a/app/stores/import_queue.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import { defineStore } from "pinia"
-
-export const useImportQueueStore = defineStore("importQueue", () => {
-  const queue = ref([])
-
-  function addToQueue(name) {
-    const id = Date.now() + Math.random().toString(36).substr(2, 9)
-    queue.value.push({
-      id,
-      name,
-      status: "pending",
-      progress: 0,
-      error: null,
-    })
-    return id
-  }
-
-  function updateStatus(id, status, progress = 0, error = null) {
-    const item = queue.value.find((i) => i.id === id)
-    if (item) {
-      item.status = status
-      item.progress = progress
-      item.error = error
-    }
-  }
-
-  function removeFromQueue(id) {
-    const index = queue.value.findIndex((i) => i.id === id)
-    if (index !== -1) {
-      queue.value.splice(index, 1)
-    }
-  }
-
-  function clearCompleted() {
-    queue.value = queue.value.filter(
-      (i) => i.status !== "success" && i.status !== "error",
-    )
-  }
-
-  const activeImportsCount = computed(
-    () =>
-      queue.value.filter(
-        (i) => i.status === "pending" || i.status === "importing",
-      ).length,
-  )
-
-  return {
-    queue,
-    addToQueue,
-    updateStatus,
-    removeFromQueue,
-    clearCompleted,
-    activeImportsCount,
-  }
-})
diff --git a/stores/import_queue.js b/stores/import_queue.js
deleted file mode 100644
index 7b399e0f..00000000
--- a/stores/import_queue.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import { defineStore } from "pinia"
-
-export const useImportQueueStore = defineStore("importQueue", () => {
-  const queue = ref([])
-
-  function addToQueue(name) {
-    const id = Date.now() + Math.random().toString(36).substr(2, 9)
-    queue.value.push({
-      id,
-      name,
-      status: "pending",
-      progress: 0,
-      error: null,
-    })
-    return id
-  }
-
-  function updateStatus(id, status, progress = 0, error = null) {
-    const item = queue.value.find((i) => i.id === id)
-    if (item) {
-      item.status = status
-      item.progress = progress
-      item.error = error
-    }
-  }
-
-  function removeFromQueue(id) {
-    const index = queue.value.findIndex((i) => i.id === id)
-    if (index !== -1) {
-      queue.value.splice(index, 1)
-    }
-  }
-
-  function clearCompleted() {
-    queue.value = queue.value.filter(
-      (i) => i.status !== "success" && i.status !== "error",
-    )
-  }
-
-  const activeImportsCount = computed(
-    () =>
-      queue.value.filter(
-        (i) => i.status === "pending" || i.status === "importing",
-      ).length,
-  )
-
-  return {
-    queue,
-    addToQueue,
-    updateStatus,
-    removeFromQueue,
-    clearCompleted,
-    activeImportsCount,
-  }
-})

From 4adda49828d8060ce9e6af1d4dff9d453f7a2cd9 Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Tue, 30 Dec 2025 20:31:05 +0100
Subject: [PATCH 10/17] reput dependencies

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

diff --git a/tests/integration/microservices/back/requirements.txt b/tests/integration/microservices/back/requirements.txt
index bd3a3ef5..56835dca 100644
--- a/tests/integration/microservices/back/requirements.txt
+++ b/tests/integration/microservices/back/requirements.txt
@@ -5,3 +5,4 @@
 #    pip-compile --output-file=tests/integration/microservices/back/requirements.txt tests/integration/microservices/back/requirements.in
 #
 
+opengeodeweb-back==5.*,>=5.14.3
\ No newline at end of file
diff --git a/tests/integration/microservices/viewer/requirements.txt b/tests/integration/microservices/viewer/requirements.txt
index 4d097394..17c0faf0 100644
--- a/tests/integration/microservices/viewer/requirements.txt
+++ b/tests/integration/microservices/viewer/requirements.txt
@@ -5,3 +5,4 @@
 #    pip-compile --output-file=tests/integration/microservices/viewer/requirements.txt tests/integration/microservices/viewer/requirements.in
 #
 
+opengeodeweb-viewer==1.*,>=1.13.2
\ No newline at end of file

From 952442da9c294512200ac465ecdcb818ccebf5be Mon Sep 17 00:00:00 2001
From: SpliiT <106495600+SpliiT@users.noreply.github.com>
Date: Tue, 30 Dec 2025 19:31:49 +0000
Subject: [PATCH 11/17] 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 56835dca..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==5.*,>=5.14.3
\ No newline at end of file
diff --git a/tests/integration/microservices/viewer/requirements.txt b/tests/integration/microservices/viewer/requirements.txt
index 17c0faf0..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.13.2
\ No newline at end of file

From d9b3f4a66441387e7c3a16bb79ba965667ad94a2 Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Wed, 31 Dec 2025 12:20:52 +0100
Subject: [PATCH 12/17] implement liveQuery

---
 app/components/Viewer/TreeObject.vue | 15 +++-----
 app/stores/data_base.js              | 56 +++++++++++++++-------------
 app/stores/hybrid_viewer.js          | 25 +++++++++----
 package.json                         |  6 ++-
 4 files changed, 58 insertions(+), 44 deletions(-)

diff --git a/app/components/Viewer/TreeObject.vue b/app/components/Viewer/TreeObject.vue
index 02d0c9ba..2aaa2c3d 100644
--- a/app/components/Viewer/TreeObject.vue
+++ b/app/components/Viewer/TreeObject.vue
@@ -56,7 +56,7 @@
 
   watch(
     () => treeviewStore.selection,
-    (current, previous) => {
+    async (current, previous) => {
       if (!previous) previous = []
       if (current.value === previous) {
         return
@@ -67,19 +67,16 @@
         dataStyleStore.setVisibility(item.id, true)
       })
 
-      removed.forEach((item) => {
-        dataStyleStore.setVisibility(item.id, false)
+      for (const item of removed) {
+        await dataStyleStore.setVisibility(item.id, false)
 
-        const objectMeta = dataBaseStore.itemMetaDatas(item.id)
-        if (objectMeta.viewer_type === "mesh") {
-          if (dataBaseStore.db[item.id]?.mesh_components_selection) {
-            dataBaseStore.db[item.id].mesh_components_selection = []
-          }
+        const objectMeta = await dataBaseStore.itemMetaDatas(item.id)
+        if (objectMeta?.viewer_type === "mesh") {
           if (dataStyleStore.visibleMeshComponentIds?.[item.id]) {
             dataStyleStore.updateVisibleMeshComponents(item.id, [])
           }
         }
-      })
+      }
       hybridViewerStore.remoteRender()
     },
   )
diff --git a/app/stores/data_base.js b/app/stores/data_base.js
index e0ee56a2..93f682b2 100644
--- a/app/stores/data_base.js
+++ b/app/stores/data_base.js
@@ -2,6 +2,7 @@
 import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
 import { db } from "@ogw_front/composables/db.js"
+import { liveQuery } from "dexie"
 
 // Local constants
 const back_model_schemas = back_schemas.opengeodeweb_back.models
@@ -12,31 +13,40 @@ import { useGeodeStore } from "@ogw_front/stores/geode"
 
 export const useDataBaseStore = defineStore("dataBase", () => {
   const viewerStore = useViewerStore()
-  const db_cache = reactive({})
+
+  const syncCache = reactive({})
+
+  liveQuery(() => db.data.toArray()).subscribe((items) => {
+    Object.keys(syncCache).forEach((key) => delete syncCache[key])
+    items.forEach((item) => {
+      syncCache[item.id] = item
+    })
+  })
+
+  function getAllItemsLive() {
+    return liveQuery(() => db.data.toArray())
+  }
+
+  function getItemLive(id) {
+    return liveQuery(() => db.data.get(id))
+  }
 
   async function itemMetaDatas(id) {
-    if (db_cache[id]) {
-      return db_cache[id]
-    }
-    const item = await db.data.get(id)
-    if (item) {
-      db_cache[id] = item
-    }
-    return item
+    return await db.data.get(id)
   }
 
   function itemMetaDatasSync(id) {
-    return db_cache[id]
+    return syncCache[id]
   }
 
   function formatedMeshComponents(id) {
     const item = itemMetaDatasSync(id)
     if (!item || !item.mesh_components) return []
     const { mesh_components } = item
-    const formated_mesh_components = ref([])
+    const formated_mesh_components = []
 
     for (const [category, uuids] of Object.entries(mesh_components)) {
-      formated_mesh_components.value.push({
+      formated_mesh_components.push({
         id: category,
         title: category,
         children: uuids.map((uuid) => ({
@@ -46,7 +56,7 @@ export const useDataBaseStore = defineStore("dataBase", () => {
         })),
       })
     }
-    return formated_mesh_components.value
+    return formated_mesh_components
   }
 
   function meshComponentType(id, uuid) {
@@ -73,7 +83,7 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     const itemData = {
       id,
       name: value.name || id,
-      geode_object_type: value.geode_object_type || "Unknown",
+      geode_object_type: value.geode_object_type,
       visible: true,
       created_at: new Date().toISOString(),
       ...value,
@@ -81,26 +91,22 @@ export const useDataBaseStore = defineStore("dataBase", () => {
 
     const serializedData = JSON.parse(JSON.stringify(itemData))
     await db.data.put(serializedData)
-    db_cache[id] = serializedData
+    syncCache[id] = serializedData
   }
 
   async function getAllItems() {
-    const items = await db.data.toArray()
-    items.forEach((item) => {
-      db_cache[item.id] = item
-    })
-    return items
+    return await db.data.toArray()
   }
 
   async function deleteItem(id) {
     await db.data.delete(id)
-    delete db_cache[id]
+    delete syncCache[id]
   }
 
   async function updateItem(id, changes) {
     await db.data.update(id, changes)
-    if (db_cache[id]) {
-      Object.assign(db_cache[id], changes)
+    if (syncCache[id]) {
+      Object.assign(syncCache[id], changes)
     }
   }
 
@@ -197,11 +203,11 @@ export const useDataBaseStore = defineStore("dataBase", () => {
 
   async function clear() {
     await db.data.clear()
-    Object.keys(db_cache).forEach((key) => delete db_cache[key])
   }
 
   return {
-    db: db_cache,
+    getAllItemsLive,
+    getItemLive,
     itemMetaDatas,
     itemMetaDatasSync,
     meshComponentType,
diff --git a/app/stores/hybrid_viewer.js b/app/stores/hybrid_viewer.js
index 3097f454..70a99a7b 100644
--- a/app/stores/hybrid_viewer.js
+++ b/app/stores/hybrid_viewer.js
@@ -53,7 +53,7 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     if (!genericRenderWindow.value) {
       return
     }
-    const value = dataBaseStore.db[id]
+    const value = await dataBaseStore.itemMetaDatas(id)
     console.log("hybridViewerStore.addItem", { value })
     const reader = vtkXMLPolyDataReader.newInstance()
     const textEncoder = new TextEncoder()
@@ -74,6 +74,14 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     db[id] = { actor, polydata, mapper }
   }
 
+  async function removeItem(id) {
+    if (!db[id]) return
+    const renderer = genericRenderWindow.value.getRenderer()
+    renderer.removeActor(db[id].actor)
+    genericRenderWindow.value.getRenderWindow().render()
+    delete db[id]
+  }
+
   async function setVisibility(id, visibility) {
     db[id].actor.setVisibility(visibility)
     const renderWindow = genericRenderWindow.value.getRenderWindow()
@@ -202,13 +210,13 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     const camera = renderer.getActiveCamera()
     const cameraSnapshot = camera
       ? {
-          focal_point: [...camera.getFocalPoint()],
-          view_up: [...camera.getViewUp()],
-          position: [...camera.getPosition()],
-          view_angle: camera.getViewAngle(),
-          clipping_range: [...camera.getClippingRange()],
-          distance: camera.getDistance(),
-        }
+        focal_point: [...camera.getFocalPoint()],
+        view_up: [...camera.getViewUp()],
+        position: [...camera.getPosition()],
+        view_angle: camera.getViewAngle(),
+        clipping_range: [...camera.getClippingRange()],
+        distance: camera.getDistance(),
+      }
       : camera_options
     return { zScale: zScale.value, camera_options: cameraSnapshot }
   }
@@ -281,6 +289,7 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     db,
     genericRenderWindow,
     addItem,
+    removeItem,
     setVisibility,
     setZScaling,
     syncRemoteCamera,
diff --git a/package.json b/package.json
index 0390cca0..4d0e9a49 100644
--- a/package.json
+++ b/package.json
@@ -22,13 +22,16 @@
     "@types/node": "22.15.3",
     "@vueuse/components": "13.1.0",
     "@vueuse/nuxt": "13.1.0",
+    "@vueuse/rxjs": "^14.1.0",
     "ajv": "8.17.1",
+    "dexie": "^3.2.4",
     "get-port-please": "3.2.0",
     "is-electron": "2.2.2",
     "js-file-download": "0.4.12",
     "nuxt": "4.2.2",
     "p-timeout": "7.0.1",
     "pinia": "3.0.4",
+    "rxjs": "^7.8.2",
     "sass": "1.87.0",
     "semver": "7.7.1",
     "uuid": "11.1.0",
@@ -36,8 +39,7 @@
     "vuetify": "3.10.11",
     "vuetify-nuxt-module": "0.18.7",
     "ws": "8.18.3",
-    "wslink": "1.12.4",
-    "dexie": "^3.2.4"
+    "wslink": "1.12.4"
   },
   "devDependencies": {
     "@nuxt/test-utils": "3.21.0",

From 29e48c80d438a4d4c6281880ef568bf890bf1b23 Mon Sep 17 00:00:00 2001
From: SpliiT <106495600+SpliiT@users.noreply.github.com>
Date: Wed, 31 Dec 2025 11:21:40 +0000
Subject: [PATCH 13/17] Apply prepare changes

---
 app/stores/hybrid_viewer.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/stores/hybrid_viewer.js b/app/stores/hybrid_viewer.js
index 70a99a7b..cbc30613 100644
--- a/app/stores/hybrid_viewer.js
+++ b/app/stores/hybrid_viewer.js
@@ -210,13 +210,13 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     const camera = renderer.getActiveCamera()
     const cameraSnapshot = camera
       ? {
-        focal_point: [...camera.getFocalPoint()],
-        view_up: [...camera.getViewUp()],
-        position: [...camera.getPosition()],
-        view_angle: camera.getViewAngle(),
-        clipping_range: [...camera.getClippingRange()],
-        distance: camera.getDistance(),
-      }
+          focal_point: [...camera.getFocalPoint()],
+          view_up: [...camera.getViewUp()],
+          position: [...camera.getPosition()],
+          view_angle: camera.getViewAngle(),
+          clipping_range: [...camera.getClippingRange()],
+          distance: camera.getDistance(),
+        }
       : camera_options
     return { zScale: zScale.value, camera_options: cameraSnapshot }
   }

From f481de73149b3f702336ae1217a1add247facbda Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Wed, 31 Dec 2025 12:35:17 +0100
Subject: [PATCH 14/17] fix dexie dependence

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 4d0e9a49..562a9551 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "@vueuse/nuxt": "13.1.0",
     "@vueuse/rxjs": "^14.1.0",
     "ajv": "8.17.1",
-    "dexie": "^3.2.4",
+    "dexie": "3.2.4",
     "get-port-please": "3.2.0",
     "is-electron": "2.2.2",
     "js-file-download": "0.4.12",
@@ -88,4 +88,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}
\ No newline at end of file

From 5bfa700550feec878eff2224cea2ca2e72ce227a Mon Sep 17 00:00:00 2001
From: SpliiT <106495600+SpliiT@users.noreply.github.com>
Date: Wed, 31 Dec 2025 11:36:09 +0000
Subject: [PATCH 15/17] Apply prepare changes

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 562a9551..0fb7b0b8 100644
--- a/package.json
+++ b/package.json
@@ -88,4 +88,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
\ No newline at end of file
+}

From b123235bcb90ce45d3b9e4d8286e9dc286e5c7f7 Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Wed, 31 Dec 2025 13:06:14 +0100
Subject: [PATCH 16/17] correct comments

---
 app/stores/treeview.js | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/app/stores/treeview.js b/app/stores/treeview.js
index 389bd9da..d98f87dd 100644
--- a/app/stores/treeview.js
+++ b/app/stores/treeview.js
@@ -58,11 +58,8 @@ export const useTreeviewStore = defineStore("treeview", () => {
     panelWidth.value = width
   }
 
-  function exportStores(params = {}) {
-    let selectionIds = selection.value.map((c) => c.id)
-    if (params.itemIds) {
-      selectionIds = selectionIds.filter((id) => params.itemIds.includes(id))
-    }
+  function exportStores() {
+    const selectionIds = selection.value.map((c) => c.id)
     return {
       isAdditionnalTreeDisplayed: isAdditionnalTreeDisplayed.value,
       panelWidth: panelWidth.value,

From 2d2dca15ac2afd5987502742c1a5977975814eed Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Wed, 31 Dec 2025 13:23:36 +0100
Subject: [PATCH 17/17] apply changes about path

---
 app/stores/data_base.js                      | 2 +-
 {app/composables => internal/database}/db.js | 0
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename {app/composables => internal/database}/db.js (100%)

diff --git a/app/stores/data_base.js b/app/stores/data_base.js
index 93f682b2..65ca71f3 100644
--- a/app/stores/data_base.js
+++ b/app/stores/data_base.js
@@ -1,7 +1,7 @@
 // Third party imports
 import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
-import { db } from "@ogw_front/composables/db.js"
+import { db } from "../../internal/database/db.js"
 import { liveQuery } from "dexie"
 
 // Local constants
diff --git a/app/composables/db.js b/internal/database/db.js
similarity index 100%
rename from app/composables/db.js
rename to internal/database/db.js