From ebfd010b048039d574f800aad51cf5f5b775b0ef Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Fri, 7 Aug 2026 01:45:39 +0200
Subject: [PATCH 01/16] Added toast notifications to gsplats viewer

---
 webapp/js/features/viewers/splat/Splat.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/webapp/js/features/viewers/splat/Splat.vue b/webapp/js/features/viewers/splat/Splat.vue
index 2eadafb..648a61e 100644
--- a/webapp/js/features/viewers/splat/Splat.vue
+++ b/webapp/js/features/viewers/splat/Splat.vue
@@ -3,6 +3,7 @@
         <TabViewLoader @loaded="handleLoad" titleSuffix="Gaussian Splat" />
 
         <Message bindTo="error" noDismiss />
+        <Toast position="bottom-left" />
         <div v-if="loading" class="loading">
             <p>Loading Gaussian Splat...</p>
             <i class="fa-solid fa-circle-notch fa-spin" />

From 7fc0750240946a33b8be87a3d24c5a5923962ef3 Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Fri, 7 Aug 2026 01:55:58 +0200
Subject: [PATCH 02/16] Added hangfire and scalar links to the admin menu

---
 webapp/js/layout/Header.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/webapp/js/layout/Header.vue b/webapp/js/layout/Header.vue
index 2007367..d21dd8f 100644
--- a/webapp/js/layout/Header.vue
+++ b/webapp/js/layout/Header.vue
@@ -304,6 +304,8 @@ export default {
             if (this.isAdmin) {
                 items.push({ label: 'Tasks', icon: 'fa-solid fa-list-check fixed-icon', command: () => this.adminTasks() });
                 items.push({ label: 'Configuration', icon: 'fa-solid fa-gear fixed-icon', command: () => this.adminConfig() });
+                items.push({ label: 'Hangfire', icon: 'fa-solid fa-fire fixed-icon', url: '/hangfire', target: '_blank' });
+                items.push({ label: 'API Docs', icon: 'fa-solid fa-code fixed-icon', url: '/scalar/v1', target: '_blank' });
             }
 
             items.push({ separator: true });

From 7e573c12ae9605495755be9bfed1bb857de3d846 Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Fri, 7 Aug 2026 02:14:10 +0200
Subject: [PATCH 03/16] Added modified time in human format

---
 webapp/js/composables/useTaskFormatting.js    | 11 ++-------
 .../features/dataset/explorer/TableView.vue   | 20 +++++++++++++---
 webapp/js/libs/utils.js                       | 23 +++++++++++++++++++
 3 files changed, 42 insertions(+), 12 deletions(-)

diff --git a/webapp/js/composables/useTaskFormatting.js b/webapp/js/composables/useTaskFormatting.js
index af6d8b1..f239776 100644
--- a/webapp/js/composables/useTaskFormatting.js
+++ b/webapp/js/composables/useTaskFormatting.js
@@ -14,6 +14,7 @@
  * Pure formatting (severity/icon/date/duration) stays client-side.
  */
 import reg from '@/libs/api/sharedRegistry';
+import { formatTimeAgo } from '@/libs/utils';
 
 export default {
     data() {
@@ -109,15 +110,7 @@ export default {
 
         getRelativeTime(dateString) {
             if (!dateString) return '';
-            const diffMs = Date.now() - new Date(dateString).getTime();
-            const minutes = Math.floor(diffMs / 60000);
-            const hours = Math.floor(diffMs / 3600000);
-            const days = Math.floor(diffMs / 86400000);
-            if (minutes < 1) return 'Just now';
-            if (minutes < 60) return `${minutes} minutes ago`;
-            if (hours < 24) return `${hours} hours ago`;
-            if (days < 30) return `${days} days ago`;
-            return 'Over a month ago';
+            return formatTimeAgo(new Date(dateString).getTime());
         },
 
         // Elapsed time for a task still in flight.
diff --git a/webapp/js/features/dataset/explorer/TableView.vue b/webapp/js/features/dataset/explorer/TableView.vue
index a2f22c4..d08bece 100644
--- a/webapp/js/features/dataset/explorer/TableView.vue
+++ b/webapp/js/features/dataset/explorer/TableView.vue
@@ -76,7 +76,10 @@
                         </span>
                     </template>
                     <template #body="{ data }">
-                        <span class="file-date">{{ getModifiedDate(data) }}</span>
+                        <div class="file-date">
+                            <div>{{ getModifiedDate(data) }}</div>
+                            <small class="relative-time">{{ getFileModifiedDateRel(data) }}</small>
+                        </div>
                     </template>
                 </Column>
                 <template #empty>
@@ -97,13 +100,12 @@
 import Toolbar from '@/components/Toolbar.vue';
 import Keyboard from '@/libs/keyboard';
 import Mouse from '@/libs/mouse';
-import { clone } from '@/libs/utils';
+import { clone, formatTimeAgo, bytesToSize } from '@/libs/utils';
 import { dragDropMixin } from '@/libs/dragDropUtils';
 import emitter from '@/libs/eventBus';
 import { buildStandardContextMenu } from '@/libs/contextMenuItems';
 import { isBuildableFile, hasActiveBuild, isBuildLoading, getBuildBadge, getBuildBadgeTooltip, buildFile } from '@/libs/build/buildHelpers';
 import { getTypeDisplayName } from '@/libs/entryTypes';
-import { bytesToSize } from '@/libs/utils';
 
 import ddb from 'ddb';
 const { pathutils, entry } = ddb;
@@ -415,6 +417,12 @@ export default {
             return date.toLocaleString();
         },
 
+        getFileModifiedDateRel: function(file) {
+            if (!file.entry.mtime) return '';
+
+            return formatTimeAgo(file.entry.mtime * 1000);
+        },
+
         // Build management methods (delegated to shared helpers)
         isBuildableFile: function(file) {
             return isBuildableFile(this.dataset, file);
@@ -573,5 +581,11 @@ export default {
     .file-date {
         white-space: nowrap;
     }
+
+    .file-date .relative-time {
+        font-size: 0.75rem;
+        color: var(--ddb-text-muted);
+        display: block;
+    }
 }
 </style>
diff --git a/webapp/js/libs/utils.js b/webapp/js/libs/utils.js
index 968cb49..b88efa3 100644
--- a/webapp/js/libs/utils.js
+++ b/webapp/js/libs/utils.js
@@ -64,6 +64,29 @@ export function bytesToSize(bytes, decimals = 2) {
     return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
 }
 
+/**
+ * Format a timestamp as a human-readable relative time string.
+ * This is the single source of truth for "time ago" formatting across the app.
+ * @param {number} ms - Millisecond timestamp (e.g., `Date.now()` or `new Date(str).getTime()`)
+ * @returns {string} e.g. "just now", "5 minutes ago", "3 months ago", "2 years ago"
+ */
+export function formatTimeAgo(ms) {
+    if (ms == null) return '';
+    const diff = Date.now() - ms;
+    const absDiff = Math.abs(diff);
+    const suffix = diff >= 0 ? 'ago' : 'from now';
+    const minutes = Math.floor(absDiff / 60000);
+    const hours = Math.floor(absDiff / 3600000);
+    const days = Math.floor(absDiff / 86400000);
+    const months = Math.floor(days / 30);
+    const years = Math.floor(days / 365);
+    if (minutes < 1) return 'just now';
+    if (minutes < 60) return `${minutes} minute${minutes > 1 ? 's' : ''} ${suffix}`;
+    if (hours < 24) return `${hours} hour${hours > 1 ? 's' : ''} ${suffix}`;
+    if (days < 30) return `${days} day${days > 1 ? 's' : ''} ${suffix}`;
+    if (months < 12) return `${months} month${months > 1 ? 's' : ''} ${suffix}`;
+    return `${years} year${years > 1 ? 's' : ''} ${suffix}`;
+}
 
 /* Is currently in full screen or not */
 export function isFullScreenCurrently() {

From cfa1de782e39477a042d62da5022fa99e007ca5d Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Fri, 7 Aug 2026 02:18:35 +0200
Subject: [PATCH 04/16] Added navigation modes and lighting settings to gsplat
 viewer

---
 .../viewers/unified/UnifiedViewer.vue         | 400 +++++++++++++++++-
 .../features/viewers/unified/earthControls.js |  66 +++
 2 files changed, 445 insertions(+), 21 deletions(-)
 create mode 100644 webapp/js/features/viewers/unified/earthControls.js

diff --git a/webapp/js/features/viewers/unified/UnifiedViewer.vue b/webapp/js/features/viewers/unified/UnifiedViewer.vue
index 58a677c..ba15be5 100644
--- a/webapp/js/features/viewers/unified/UnifiedViewer.vue
+++ b/webapp/js/features/viewers/unified/UnifiedViewer.vue
@@ -39,7 +39,61 @@
                     <i :class="l.icon" /> <span>{{ l.name }}</span>
                 </label>
             </div>
+
+            <!-- Navigation mode toolbar (bottom-left) -->
+            <div v-if="ready && navModesAvailable" class="nav-toolbar">
+                <button :class="{ active: navMode === 'orbit' }" @click="switchNavMode('orbit')"
+                    title="Orbit - rotate around the pivot (left drag), pan (right drag), zoom (scroll)">
+                    <i class="fa-solid fa-rotate" />
+                </button>
+                <button :class="{ active: navMode === 'flight' }" @click="switchNavMode('flight')"
+                    title="Flight - look around (left drag), arrow keys to move, Page Up / Page Down for altitude">
+                    <i class="fa-solid fa-plane" />
+                </button>
+                <button :class="{ active: navMode === 'earth' }" @click="switchNavMode('earth')"
+                    title="Earth - ground-locked orbit, double-click to re-centre on a point">
+                    <i class="fa-solid fa-earth-americas" />
+                </button>
+            </div>
+
+            <!-- Settings gear (bottom-right) -->
+            <button v-if="ready" class="btn-settings" @click="toggleSettings" title="Display settings">
+                <i class="fa-solid fa-gear" />
+            </button>
         </div>
+
+        <!-- Lighting / navigation settings -->
+        <Window v-if="showSettings" title="Display settings" id="unified-settings" @onClose="toggleSettings" fixedSize
+            sizeClass="dialog-xs">
+            <div class="settings-content">
+                <div class="form-group">
+                    <div><label>Ambient: {{ ambientIntensity.toFixed(1) }}</label></div>
+                    <div><input class="w-100" type="range" v-model.number="ambientIntensity" min="0" max="3" step="0.1"
+                        @input="updateLighting" /></div>
+                </div>
+
+                <div class="form-group">
+                    <div><label>Directional: {{ directionalIntensity.toFixed(1) }}</label></div>
+                    <div><input class="w-100" type="range" v-model.number="directionalIntensity" min="0" max="3"
+                        step="0.1" @input="updateLighting" /></div>
+                </div>
+
+                <div class="form-group">
+                    <div><label>Sky / ground fill: {{ hemisphereIntensity.toFixed(1) }}</label></div>
+                    <div><input class="w-100" type="range" v-model.number="hemisphereIntensity" min="0" max="3"
+                        step="0.1" @input="updateLighting" /></div>
+                </div>
+
+                <div v-if="navModesAvailable" class="form-group">
+                    <div><label>Flight speed: {{ flightSpeed.toFixed(1) }}&times;</label></div>
+                    <div><input class="w-100" type="range" v-model.number="flightSpeed" min="0.1" max="5" step="0.1"
+                        @input="updateFlightSpeed" /></div>
+                </div>
+
+                <Button label="Reset" @click="resetSettings" text />
+                <Button label="Close" severity="secondary" @click="toggleSettings" text />
+            </div>
+        </Window>
     </div>
 </template>
 
@@ -47,6 +101,28 @@
 import ddb from 'ddb';
 import Message from '@/components/Message';
 import TabViewLoader from '@/features/viewers/TabViewLoader';
+import Window from '@/components/Window.vue';
+import Button from 'primevue/button';
+import { createEarthControls } from './earthControls';
+
+const SETTINGS_KEY = 'unified-viewer-settings';
+
+const DEFAULTS = {
+    ambientIntensity: 1.5,
+    directionalIntensity: 1.8,
+    hemisphereIntensity: 0.6,
+    flightSpeed: 1
+};
+
+function loadSettings() {
+    try {
+        const raw = localStorage.getItem(SETTINGS_KEY);
+        if (raw) return { ...DEFAULTS, ...JSON.parse(raw) };
+    } catch (e) {
+        // Ignore parse errors and fall back to the defaults.
+    }
+    return { ...DEFAULTS };
+}
 
 /**
  * UnifiedViewer - a single georeferenced Giro3D scene that can render any of the build
@@ -68,10 +144,11 @@ import TabViewLoader from '@/features/viewers/TabViewLoader';
  */
 export default {
     components: {
-        Message, TabViewLoader
+        Message, TabViewLoader, Window, Button
     },
     props: ['uri'],
     data: function () {
+        const saved = loadSettings();
         return {
             error: "",
             loading: false,
@@ -81,6 +158,16 @@ export default {
             ready: false,
             activeTool: null,
             measureCount: 0,
+            showSettings: false,
+            // Lighting and flight speed, restored from localStorage when present.
+            ambientIntensity: saved.ambientIntensity,
+            directionalIntensity: saved.directionalIntensity,
+            hemisphereIntensity: saved.hemisphereIntensity,
+            flightSpeed: saved.flightSpeed,
+            // Potree-style navigation: 'orbit' (default), 'flight' or 'earth'. Only offered for
+            // 3D content in a flat scene - globe mode has its own ground-following controls.
+            navMode: 'orbit',
+            navModesAvailable: false,
             // Reactive metadata for the layer panel; the heavy Giro3D objects are kept
             // out of the reactive tree (see created()).
             layers: []
@@ -99,6 +186,17 @@ export default {
         this.shapes = [];
         this.layerObjects = {};
         this._layerId = 0;
+        // Scene lights, kept so the settings panel can retune them live.
+        this._lights = { ambient: null, hemisphere: null, sun: null, fill: null };
+        // The three navigation controls. Orbit is built with the scene; flight and earth are
+        // created on first use so non-3D entries never pay for them.
+        this._orbitControls = null;
+        this._flightControls = null;
+        this._earthControls = null;
+        // Distance from camera to pivot at framing time, used to rebuild an orbit pivot after
+        // free-flying, and the scene size that sets the flight speed baseline.
+        this._focusDistance = 0;
+        this._sceneSize = 0;
         // Globe-mode (georeferenced 3D Tiles) state: the Giro3D Globe entity and the
         // requestAnimationFrame handle driving GlobeControls.update() (see setupGlobe).
         this._globe = null;
@@ -179,7 +277,8 @@ export default {
             const [
                 THREE, controls, Instance, GMap, Extent, CoordinateSystem, ColorLayer,
                 TiledImageSource, VectorTileSource, PointCloud, COPCSource, Tiles3D, DrawTool,
-                XYZ, OSM, olStyle, olProj, ColorMap, ColorMapMode, lasConfig, Globe, GlobeControls
+                XYZ, OSM, olStyle, olProj, ColorMap, ColorMapMode, lasConfig, Globe, GlobeControls,
+                FirstPersonControls
             ] = await Promise.all([
                 import(/* webpackChunkName: "giro3d" */ 'three'),
                 import(/* webpackChunkName: "giro3d" */ 'three/examples/jsm/controls/MapControls.js'),
@@ -202,7 +301,8 @@ export default {
                 import(/* webpackChunkName: "giro3d" */ '@giro3d/giro3d/core/ColorMapMode.js'),
                 import(/* webpackChunkName: "giro3d" */ '@giro3d/giro3d/sources/las/config.js'),
                 import(/* webpackChunkName: "giro3d" */ '@giro3d/giro3d/entities/Globe.js'),
-                import(/* webpackChunkName: "giro3d" */ '@giro3d/giro3d/controls/GlobeControls.js')
+                import(/* webpackChunkName: "giro3d" */ '@giro3d/giro3d/controls/GlobeControls.js'),
+                import(/* webpackChunkName: "giro3d" */ '@giro3d/giro3d/controls/FirstPersonControls.js')
             ]);
 
             // Offline-first: serve the laz-perf WebAssembly decoder from our own origin (webpack
@@ -231,7 +331,8 @@ export default {
                 ColorMap: ColorMap.default,
                 ColorMapMode: ColorMapMode.default,
                 Globe: Globe.default,
-                GlobeControls: GlobeControls.default
+                GlobeControls: GlobeControls.default,
+                FirstPersonControls: FirstPersonControls.default
             };
         },
 
@@ -241,7 +342,7 @@ export default {
         // CRS. Every entry type (raster, vector, point cloud, model) uses a flat scene with
         // MapControls and an OSM basemap underneath - there is no globe mode.
         setupInstance: function (crs) {
-            const { THREE, Instance, MapControls } = this.libs;
+            const { Instance, MapControls } = this.libs;
 
             const instance = new Instance({
                 target: this.$refs.view,
@@ -254,20 +355,40 @@ export default {
             camera.up.set(0, 0, 1); // Giro3D scenes are Z-up
 
             // Lighting for 3D entities (models / point clouds). Map layers are unlit.
-            const ambient = new THREE.AmbientLight(0xffffff, 1.2);
-            instance.scene.add(ambient);
-            const sun = new THREE.DirectionalLight(0xffffff, 1.4);
-            sun.position.set(1, 1, 2);
-            instance.scene.add(sun);
-            const fill = new THREE.DirectionalLight(0xffffff, 0.5);
-            fill.position.set(-1, -1, 1);
-            instance.scene.add(fill);
+            this.addLights(instance, { fill: true });
 
             const controls = new MapControls(camera, instance.domElement);
             controls.enableDamping = true;
             controls.dampingFactor = 0.2;
             instance.view.setControls(controls);
+            this._orbitControls = controls;
             this.controls = controls;
+            this.navMode = 'orbit';
+        },
+
+        // Adds the scene lighting. A hemisphere light provides the sky/ground fill that keeps
+        // unlit-facing surfaces readable - without it 3D Tiles meshes render noticeably darker
+        // than the same model in the Nexus viewer. Every light is kept so the settings panel can
+        // retune it live.
+        addLights: function (instance, { fill }) {
+            const { THREE } = this.libs;
+            const lights = this._lights;
+
+            lights.ambient = new THREE.AmbientLight(0xffffff, this.ambientIntensity);
+            instance.scene.add(lights.ambient);
+
+            lights.hemisphere = new THREE.HemisphereLight(0xffffff, 0x444444, this.hemisphereIntensity);
+            instance.scene.add(lights.hemisphere);
+
+            lights.sun = new THREE.DirectionalLight(0xffffff, this.directionalIntensity);
+            lights.sun.position.set(1, 1, 2);
+            instance.scene.add(lights.sun);
+
+            if (fill) {
+                lights.fill = new THREE.DirectionalLight(0xffffff, this.directionalIntensity * 0.35);
+                lights.fill.position.set(-1, -1, 1);
+                instance.scene.add(lights.fill);
+            }
         },
 
         // Lazily creates the DrawTool the first time a measurement is started.
@@ -423,6 +544,7 @@ export default {
             // Flat local-space scene (no globe): the DroneDB 3D Tiles output is rendered in its own
             // frame with MapControls, consistent with every other type.
             this.setupInstance(this.libs.CoordinateSystem.epsg3857);
+            this.navModesAvailable = true;
 
             const tileset = new this.libs.Tiles3D({ url: tilesetUrl, errorTarget: 8, ktx2DecoderPath: '/wasm/basis/' });
 
@@ -480,6 +602,7 @@ export default {
             } else {
                 // Local/engineering tileset: flat scene, like the model path.
                 this.setupInstance(this.libs.CoordinateSystem.epsg3857);
+                this.navModesAvailable = true;
             }
 
             const tileset = new this.libs.Tiles3D({ url: tilesetUrl, errorTarget: 8, ktx2DecoderPath: '/wasm/basis/' });
@@ -554,7 +677,7 @@ export default {
         // WGS84 ellipsoid, plus GlobeControls. Mirrors the giro3d simple-globe example. Unlike
         // MapControls, GlobeControls must be driven by a manual requestAnimationFrame loop.
         setupGlobe: function () {
-            const { THREE, Instance, Globe, GlobeControls, ColorLayer, TiledImageSource, OSM, CoordinateSystem } = this.libs;
+            const { Instance, Globe, GlobeControls, ColorLayer, TiledImageSource, OSM, CoordinateSystem } = this.libs;
 
             const instance = new Instance({
                 target: this.$refs.view,
@@ -567,10 +690,7 @@ export default {
             const camera = instance.view.camera;
             camera.up.set(0, 0, 1); // Z is the Earth rotation axis in ECEF.
 
-            instance.scene.add(new THREE.AmbientLight(0xffffff, 1.4));
-            const sun = new THREE.DirectionalLight(0xffffff, 1.6);
-            sun.position.set(1, 1, 1);
-            instance.scene.add(sun);
+            this.addLights(instance, { fill: false });
 
             // OSM basemap on the ellipsoid (best-effort: a basemap failure must not hide the data).
             try {
@@ -668,6 +788,7 @@ export default {
             // but no longer responds to drag/zoom.
             const crsRegistered = this.registerCrs(crs);
             this.setupInstance(crs);
+            this.navModesAvailable = true;
             if (this.instance.renderingOptions) {
                 this.instance.renderingOptions.enableEDL = true;
             }
@@ -775,6 +896,8 @@ export default {
             this.instance.view.minNearPlane = Math.max(dist / 1000, 0.1);
             this.controls.target.set(cx, cy, 0);
             this.controls.update();
+            this._focusDistance = camera.position.distanceTo(this.controls.target);
+            this._sceneSize = span;
             this.instance.notifyChange();
         },
 
@@ -797,9 +920,150 @@ export default {
             camera.position.set(center.x + maxDim * 1.2, center.y - maxDim * 1.2, center.z + maxDim * 0.9);
             if (this.controls.target && this.controls.target.copy) this.controls.target.copy(center);
             if (this.controls.update) this.controls.update();
+            this._focusDistance = camera.position.distanceTo(center);
+            this._sceneSize = maxDim;
+            this.applyFlightSpeed();
+            this.instance.notifyChange();
+        },
+
+        // --- Navigation modes ------------------------------------------------------------
+
+        // Switches between the Potree-style navigation modes. Orbit and earth are MapControls
+        // variants driven by Giro3D's view; flight is Giro3D's FirstPersonControls, which drives
+        // itself from the instance update loop and so must not be registered as a view control.
+        switchNavMode: function (mode) {
+            if (!this.instance || mode === this.navMode) return;
+
+            const previous = this.controls;
+            const controls = this.ensureControls(mode);
+            if (!controls) return;
+
+            if (previous && previous !== controls) previous.enabled = false;
+            controls.enabled = true;
+
+            if (mode === 'flight') {
+                // FirstPersonControls listens to 'after-camera-update' itself.
+                this.instance.view.setControls(null);
+                controls.reset();
+                this.instance.domElement.focus();
+            } else {
+                this.adoptPivot(controls, previous);
+                this.instance.view.setControls(controls);
+                controls.update();
+            }
+
+            this.controls = controls;
+            this.navMode = mode;
             this.instance.notifyChange();
         },
 
+        // Returns the control for a mode, building flight and earth controls on first use so
+        // entries that never leave orbit mode do not pay for them.
+        ensureControls: function (mode) {
+            if (mode === 'orbit') return this._orbitControls;
+
+            if (mode === 'earth') {
+                if (!this._earthControls) {
+                    this._earthControls = createEarthControls(
+                        this.libs, this.instance.view.camera, this.instance.domElement,
+                        () => this.instance.notifyChange());
+                    this._earthControls.enabled = false;
+                }
+                return this._earthControls;
+            }
+
+            if (mode === 'flight') {
+                if (!this._flightControls) {
+                    // The canvas must be focusable for the arrow-key handlers to receive events.
+                    if (!this.instance.domElement.hasAttribute('tabindex')) {
+                        this.instance.domElement.tabIndex = 0;
+                    }
+                    this._flightControls = new this.libs.FirstPersonControls(this.instance, {
+                        focusOnClick: true,
+                        focusOnMouseOver: true,
+                        moveSpeed: this.moveSpeedForScene()
+                    });
+                }
+                return this._flightControls;
+            }
+
+            return null;
+        },
+
+        // Gives an orbit-style control its pivot when it becomes active: carried over from the
+        // previous control when there was one, or - coming back from free flight, which has no
+        // pivot - placed in front of the camera at the distance the scene was framed with.
+        adoptPivot: function (controls, previous) {
+            if (!controls.target) return;
+
+            if (previous && previous.target) {
+                controls.target.copy(previous.target);
+                return;
+            }
+
+            if (!this._focusDistance) return;
+            const { THREE } = this.libs;
+            const camera = this.instance.view.camera;
+            const forward = camera.getWorldDirection(new THREE.Vector3());
+            controls.target.copy(camera.position).addScaledVector(forward, this._focusDistance);
+        },
+
+        // Flight speed in m/s, scaled to the scene so crossing the data takes a few seconds
+        // whether it is a 10 m model or a 10 km point cloud.
+        moveSpeedForScene: function () {
+            return Math.max((this._sceneSize || 100) / 5, 0.5) * this.flightSpeed;
+        },
+
+        applyFlightSpeed: function () {
+            if (this._flightControls) {
+                this._flightControls.options.moveSpeed = this.moveSpeedForScene();
+            }
+        },
+
+        updateFlightSpeed: function () {
+            this.applyFlightSpeed();
+            this.persistSettings();
+        },
+
+        // --- Display settings ------------------------------------------------------------
+
+        toggleSettings: function () {
+            this.showSettings = !this.showSettings;
+        },
+
+        updateLighting: function () {
+            const { ambient, hemisphere, sun, fill } = this._lights;
+            if (ambient) ambient.intensity = this.ambientIntensity;
+            if (hemisphere) hemisphere.intensity = this.hemisphereIntensity;
+            if (sun) sun.intensity = this.directionalIntensity;
+            if (fill) fill.intensity = this.directionalIntensity * 0.35;
+            this.persistSettings();
+            if (this.instance) this.instance.notifyChange();
+        },
+
+        resetSettings: function () {
+            this.ambientIntensity = DEFAULTS.ambientIntensity;
+            this.directionalIntensity = DEFAULTS.directionalIntensity;
+            this.hemisphereIntensity = DEFAULTS.hemisphereIntensity;
+            this.flightSpeed = DEFAULTS.flightSpeed;
+            this.updateLighting();
+            this.applyFlightSpeed();
+            try { localStorage.removeItem(SETTINGS_KEY); } catch (e) { /* ignore */ }
+        },
+
+        persistSettings: function () {
+            try {
+                localStorage.setItem(SETTINGS_KEY, JSON.stringify({
+                    ambientIntensity: this.ambientIntensity,
+                    directionalIntensity: this.directionalIntensity,
+                    hemisphereIntensity: this.hemisphereIntensity,
+                    flightSpeed: this.flightSpeed
+                }));
+            } catch (e) {
+                // Ignore storage errors (private mode, quota).
+            }
+        },
+
         // A simple OpenLayers style for MVT features (points, lines, polygons).
         vectorStyle: function () {
             const { Style, Fill, Stroke, Circle } = this.libs.olStyle;
@@ -923,10 +1187,23 @@ export default {
                 try { this.drawTool.dispose(); } catch (e) { /* ignore */ }
                 this.drawTool = null;
             }
-            if (this.controls) {
-                this.controls.dispose();
-                this.controls = null;
+            // FirstPersonControls has no dispose(); disabling it stops it responding to input and
+            // its listeners die with the Giro3D DOM element below. GlobeControls, MapControls and
+            // the earth controls all dispose properly, and this.controls is always one of them, so
+            // it is covered by the list rather than disposed separately.
+            if (this._flightControls) {
+                this._flightControls.enabled = false;
+                this._flightControls = null;
             }
+            [this._orbitControls, this._earthControls, this.controls].forEach(c => {
+                if (c && typeof c.dispose === 'function') {
+                    try { c.dispose(); } catch (e) { /* ignore */ }
+                }
+            });
+            this.controls = null;
+            this._orbitControls = null;
+            this._earthControls = null;
+            this._lights = { ambient: null, hemisphere: null, sun: null, fill: null };
             // Giro3D disposes its renderer, scene, entities, layers and canvas.
             if (this.instance) {
                 try { this.instance.dispose(); } catch (e) { /* ignore */ }
@@ -1078,4 +1355,85 @@ export default {
     text-overflow: ellipsis;
     white-space: nowrap;
 }
+
+#unified-viewer .nav-toolbar {
+    position: absolute;
+    bottom: var(--ddb-spacing-md);
+    left: var(--ddb-spacing-md);
+    display: flex;
+    gap: 0.25rem;
+    z-index: 100;
+    background: var(--ddb-overlay-bg);
+    border: var(--ddb-border-width) solid rgba(255, 255, 255, 0.25);
+    border-radius: var(--ddb-border-radius, 4px);
+    padding: 0.25rem;
+}
+
+#unified-viewer .nav-toolbar button {
+    width: 2.25rem;
+    height: 2.25rem;
+    border-radius: 4px;
+    background: transparent;
+    border: none;
+    color: var(--ddb-text-on-dark);
+    font-size: var(--ddb-font-size-base);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.2s;
+}
+
+#unified-viewer .nav-toolbar button:hover {
+    background: rgba(255, 255, 255, 0.15);
+}
+
+#unified-viewer .nav-toolbar button.active {
+    background: var(--ddb-primary, #2978b4);
+}
+
+#unified-viewer .btn-settings {
+    position: absolute;
+    bottom: var(--ddb-spacing-md);
+    right: var(--ddb-spacing-md);
+    width: 2.25rem;
+    height: 2.25rem;
+    border-radius: 50%;
+    background: var(--ddb-overlay-bg);
+    border: var(--ddb-border-width) solid rgba(255, 255, 255, 0.25);
+    color: var(--ddb-text-on-dark);
+    font-size: var(--ddb-font-size-base);
+    cursor: pointer;
+    z-index: 100;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    transition: background 0.2s, border-color 0.2s;
+}
+
+#unified-viewer .btn-settings:hover {
+    background: rgba(0, 0, 0, 0.85);
+    border-color: rgba(255, 255, 255, 0.5);
+}
+
+#unified-viewer .settings-content {
+    padding: 0.25rem 0;
+}
+
+#unified-viewer .settings-content .form-group {
+    margin-bottom: 0.75rem;
+}
+
+#unified-viewer .settings-content .form-group label {
+    display: block;
+    margin-bottom: 0.25rem;
+    font-size: 0.75rem;
+    color: var(--ddb-viewer-label-color);
+}
+
+#unified-viewer .settings-content .form-group input[type="range"] {
+    width: 100%;
+    cursor: pointer;
+}
 </style>
diff --git a/webapp/js/features/viewers/unified/earthControls.js b/webapp/js/features/viewers/unified/earthControls.js
new file mode 100644
index 0000000..d503f60
--- /dev/null
+++ b/webapp/js/features/viewers/unified/earthControls.js
@@ -0,0 +1,66 @@
+/**
+ * createEarthControls - Potree-style "Earth" navigation, built on three.js MapControls.
+ *
+ * Differs from plain orbit navigation in two ways:
+ *  - the camera is constrained to stay above the ground plane (no rolling under the terrain);
+ *  - double-clicking re-anchors the orbit pivot on the clicked ground point, so the user
+ *    zooms and rotates around whatever they are looking at.
+ *
+ * MapControls and three are passed in because the unified viewer lazy-loads them, so this
+ * module cannot import them at load time.
+ *
+ * @param libs - the viewer's loaded library bundle ({ THREE, MapControls }).
+ * @param camera - the camera to control.
+ * @param domElement - the element to listen to.
+ * @param onChange - called after the pivot is re-anchored, to request a redraw.
+ * @returns a MapControls instance with the ground constraint applied.
+ */
+export function createEarthControls(libs, camera, domElement, onChange) {
+    const { THREE, MapControls } = libs;
+
+    const controls = new MapControls(camera, domElement);
+    controls.enableDamping = true;
+    controls.dampingFactor = 0.2;
+    // Keep the camera above the ground plane. Giro3D scenes are Z-up and OrbitControls measures
+    // the polar angle from camera.up, so 90 degrees is exactly horizon level.
+    controls.maxPolarAngle = Math.PI / 2 - 0.01;
+    controls.screenSpacePanning = false;
+
+    const raycaster = new THREE.Raycaster();
+    const plane = new THREE.Plane();
+    const normal = new THREE.Vector3(0, 0, 1);
+    const ndc = new THREE.Vector2();
+    const hit = new THREE.Vector3();
+
+    const onDoubleClick = event => {
+        if (!controls.enabled) return;
+
+        const rect = domElement.getBoundingClientRect();
+        if (!rect.width || !rect.height) return;
+        ndc.set(
+            ((event.clientX - rect.left) / rect.width) * 2 - 1,
+            -((event.clientY - rect.top) / rect.height) * 2 + 1
+        );
+
+        raycaster.setFromCamera(ndc, camera);
+        // Ground plane through the current pivot: z = target.z.
+        plane.set(normal, -controls.target.z);
+        if (!raycaster.ray.intersectPlane(plane, hit)) return;
+
+        controls.target.copy(hit);
+        controls.update();
+        if (onChange) onChange();
+    };
+
+    domElement.addEventListener('dblclick', onDoubleClick);
+
+    const disposeControls = controls.dispose.bind(controls);
+    controls.dispose = () => {
+        domElement.removeEventListener('dblclick', onDoubleClick);
+        disposeControls();
+    };
+
+    return controls;
+}
+
+export default createEarthControls;

From f4b0a6134bfb52ca508c6963c1233795fb8f5e39 Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Fri, 7 Aug 2026 02:28:53 +0200
Subject: [PATCH 05/16] Updated browser data

---
 package-lock.json | 88 +++++++++++++++--------------------------------
 1 file changed, 28 insertions(+), 60 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7c164e5..7bbba00 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -121,7 +121,6 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -1791,7 +1790,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=18"
       },
@@ -1815,7 +1813,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -3622,7 +3619,6 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-25.3.1.tgz",
       "integrity": "sha512-hj9YIJimBCipHVfHKRMnvmHg+wfhKc0o4mTtXh9pKBjC8TLJzz0nzGmLi5UJsYAUgSvXFHgb0V2oY10DUFtImw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "undici-types": "~7.18.0"
       }
@@ -4152,7 +4148,6 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -4197,7 +4192,6 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
       "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -4367,9 +4361,9 @@
       }
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz",
-      "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==",
+      "version": "2.11.12",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.12.tgz",
+      "integrity": "sha512-r7WnVImvVCeFpf2DOXfy41aPWzeNg3H/A2X4dKmy1QL0MSyyk/e7z8ihJ3N6Nn2PsdhkVlqnEfnUE4a05P2aTA==",
       "license": "Apache-2.0",
       "bin": {
         "baseline-browser-mapping": "dist/cli.cjs"
@@ -4468,7 +4462,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -4530,9 +4523,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001774",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001774.tgz",
-      "integrity": "sha512-DDdwPGz99nmIEv216hKSgLD+D4ikHQHjBC/seF98N9CPqRX4M5mSxT9eTV6oyisnJcuzxtZy4n17yKKQYmYQOA==",
+      "version": "1.0.30001807",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001807.tgz",
+      "integrity": "sha512-daRXJ9EB/rdRgu7kV+TTl1YUKtlsMWblPl2sLnpg9DZae16QCegol6A1SmCE31Lm9mXC1sRWGt/krouH+/dl7Q==",
       "funding": [
         {
           "type": "opencollective",
@@ -5222,7 +5215,6 @@
       "integrity": "sha512-1y+7C+vi12bUK1IpZeaV3gsH9fHLBmPvYmPx42pvT/E9yG0IC8g3PUZZgp0+JLJl7ZDK0flc2gc+Aw9dpCvIsQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "workspaces": [
         "packages/*"
       ],
@@ -5969,7 +5961,6 @@
       "integrity": "sha512-UVIHeVhxmxedbWPCfgS55Jg2rDfwf2BCKeylcPSqazLz5w3Kri7Q4xdBJubsr/+VUzFLh0VjIvh13RaDA2/Xug==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "webidl-conversions": "^7.0.0",
         "whatwg-mimetype": "^3.0.0"
@@ -6877,7 +6868,6 @@
       "resolved": "https://registry.npmjs.org/ol/-/ol-10.9.0.tgz",
       "integrity": "sha512-svbbgVQUmEHaKpLQ8kRySojs59Brvgl2zYIrqG9eQNXGfsbi55rQasZIDpwpQzDL6OlzrUb0H4hQaiX9wDoGmA==",
       "license": "BSD-2-Clause",
-      "peer": true,
       "dependencies": {
         "@types/rbush": "4.0.0",
         "earcut": "^3.0.0",
@@ -7212,7 +7202,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -7354,7 +7343,6 @@
       "resolved": "https://registry.npmjs.org/proj4/-/proj4-2.20.9.tgz",
       "integrity": "sha512-GLBGqXaTcdWnppre3o1sMmy4DcMGSGq/ng+9k2MTNddarRK6SveINqlqYzi3xEXuy06ljY1TTrC6H9C4f360IQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "mgrs": "1.0.0",
         "wkt-parser": "^1.5.5"
@@ -7746,7 +7734,6 @@
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.97.3.tgz",
       "integrity": "sha512-fDz1zJpd5GycprAbu4Q2PV/RprsRtKC/0z82z0JLgdytmcq0+ujJbJ/09bPGDxCLkKY3Np5cRAOcWiVkLXJURg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "chokidar": "^4.0.0",
         "immutable": "^5.0.2",
@@ -8122,8 +8109,7 @@
       "version": "0.180.0",
       "resolved": "https://registry.npmjs.org/three/-/three-0.180.0.tgz",
       "integrity": "sha512-o+qycAMZrh+TsE01GqWUxUIKR1AL0S8pq7zDkYOQw8GqfX8b8VoCKYUoHbhiX5j+7hr8XsuHDVU6+gkQJQKg9w==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/tiny-lr": {
       "version": "1.1.1",
@@ -8203,7 +8189,6 @@
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -8450,7 +8435,6 @@
       "integrity": "sha512-NTKlcQjlAK7MlQoyb6LgaqHc8sso/pVyUJYWMws3jg21uTJw/LddqIFPcPqP6PzpgbIcZyKI85sFE4HBrQDA8A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.4.4",
@@ -8589,7 +8573,6 @@
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -8688,7 +8671,6 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.29.tgz",
       "integrity": "sha512-BZqN4Ze6mDQVNAni0IHeMJ5mwr8VAJ3MQC9FmprRhcBYENw+wOAAjRj8jfmN6FLl0j96OXbR+CjWhmAmM+QGnA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@vue/compiler-dom": "3.5.29",
         "@vue/compiler-sfc": "3.5.29",
@@ -8711,6 +8693,7 @@
       "integrity": "sha512-Gk6gRDj0n/fkRa3C3l0bBheoBckUq/Rs0F/TvMWIS6nzzx67amAViMe9CkNgsP2tXyQONvGiHQESHwFtZ3aYDA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "debug": "^4.4.0",
         "eslint-scope": "^8.2.0 || ^9.0.0",
@@ -8735,6 +8718,7 @@
       "integrity": "sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "@types/esrecurse": "^4.3.1",
         "@types/estree": "^1.0.8",
@@ -8754,6 +8738,7 @@
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -8764,6 +8749,7 @@
       "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "dev": true,
       "license": "ISC",
+      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -8899,7 +8885,6 @@
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.105.3.tgz",
       "integrity": "sha512-LLBBA4oLmT7sZdHiYE/PeVuifOxYyE2uL/V+9VQP7YSYdJU7bSf7H8bZRRxW8kEPMkmVjnrXmoR3oejIdX0xbg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.8",
@@ -8948,7 +8933,6 @@
       "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-5.1.4.tgz",
       "integrity": "sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@discoveryjs/json-ext": "^0.5.0",
         "@webpack-cli/configtest": "^2.1.1",
@@ -9275,7 +9259,6 @@
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
-      "peer": true,
       "requires": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -10321,15 +10304,13 @@
       "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz",
       "integrity": "sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==",
       "dev": true,
-      "peer": true,
       "requires": {}
     },
     "@csstools/css-tokenizer": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz",
       "integrity": "sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "@discoveryjs/json-ext": {
       "version": "0.5.7",
@@ -11317,7 +11298,6 @@
       "version": "25.3.1",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-25.3.1.tgz",
       "integrity": "sha512-hj9YIJimBCipHVfHKRMnvmHg+wfhKc0o4mTtXh9pKBjC8TLJzz0nzGmLi5UJsYAUgSvXFHgb0V2oY10DUFtImw==",
-      "peer": true,
       "requires": {
         "undici-types": "~7.18.0"
       }
@@ -11707,8 +11687,7 @@
     "acorn": {
       "version": "8.16.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
-      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
-      "peer": true
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw=="
     },
     "acorn-import-phases": {
       "version": "1.0.4",
@@ -11733,7 +11712,6 @@
       "version": "8.18.0",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
       "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
-      "peer": true,
       "requires": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -11844,9 +11822,9 @@
       "dev": true
     },
     "baseline-browser-mapping": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz",
-      "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA=="
+      "version": "2.11.12",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.12.tgz",
+      "integrity": "sha512-r7WnVImvVCeFpf2DOXfy41aPWzeNg3H/A2X4dKmy1QL0MSyyk/e7z8ihJ3N6Nn2PsdhkVlqnEfnUE4a05P2aTA=="
     },
     "big.js": {
       "version": "5.2.2",
@@ -11898,7 +11876,6 @@
       "version": "4.28.1",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
       "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
-      "peer": true,
       "requires": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -11945,9 +11922,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001774",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001774.tgz",
-      "integrity": "sha512-DDdwPGz99nmIEv216hKSgLD+D4ikHQHjBC/seF98N9CPqRX4M5mSxT9eTV6oyisnJcuzxtZy4n17yKKQYmYQOA=="
+      "version": "1.0.30001807",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001807.tgz",
+      "integrity": "sha512-daRXJ9EB/rdRgu7kV+TTl1YUKtlsMWblPl2sLnpg9DZae16QCegol6A1SmCE31Lm9mXC1sRWGt/krouH+/dl7Q=="
     },
     "chai": {
       "version": "5.3.3",
@@ -12397,7 +12374,6 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.5.0.tgz",
       "integrity": "sha512-1y+7C+vi12bUK1IpZeaV3gsH9fHLBmPvYmPx42pvT/E9yG0IC8g3PUZZgp0+JLJl7ZDK0flc2gc+Aw9dpCvIsQ==",
       "dev": true,
-      "peer": true,
       "requires": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.2",
@@ -12877,7 +12853,6 @@
       "resolved": "https://registry.npmjs.org/happy-dom/-/happy-dom-17.6.3.tgz",
       "integrity": "sha512-UVIHeVhxmxedbWPCfgS55Jg2rDfwf2BCKeylcPSqazLz5w3Kri7Q4xdBJubsr/+VUzFLh0VjIvh13RaDA2/Xug==",
       "dev": true,
-      "peer": true,
       "requires": {
         "webidl-conversions": "^7.0.0",
         "whatwg-mimetype": "^3.0.0"
@@ -13499,7 +13474,6 @@
       "version": "10.9.0",
       "resolved": "https://registry.npmjs.org/ol/-/ol-10.9.0.tgz",
       "integrity": "sha512-svbbgVQUmEHaKpLQ8kRySojs59Brvgl2zYIrqG9eQNXGfsbi55rQasZIDpwpQzDL6OlzrUb0H4hQaiX9wDoGmA==",
-      "peer": true,
       "requires": {
         "@types/rbush": "4.0.0",
         "earcut": "^3.0.0",
@@ -13718,7 +13692,6 @@
       "version": "8.5.6",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
       "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
-      "peer": true,
       "requires": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -13809,7 +13782,6 @@
       "version": "2.20.9",
       "resolved": "https://registry.npmjs.org/proj4/-/proj4-2.20.9.tgz",
       "integrity": "sha512-GLBGqXaTcdWnppre3o1sMmy4DcMGSGq/ng+9k2MTNddarRK6SveINqlqYzi3xEXuy06ljY1TTrC6H9C4f360IQ==",
-      "peer": true,
       "requires": {
         "mgrs": "1.0.0",
         "wkt-parser": "^1.5.5"
@@ -14071,7 +14043,6 @@
       "version": "1.97.3",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.97.3.tgz",
       "integrity": "sha512-fDz1zJpd5GycprAbu4Q2PV/RprsRtKC/0z82z0JLgdytmcq0+ujJbJ/09bPGDxCLkKY3Np5cRAOcWiVkLXJURg==",
-      "peer": true,
       "requires": {
         "@parcel/watcher": "^2.4.1",
         "chokidar": "^4.0.0",
@@ -14292,8 +14263,7 @@
     "three": {
       "version": "0.180.0",
       "resolved": "https://registry.npmjs.org/three/-/three-0.180.0.tgz",
-      "integrity": "sha512-o+qycAMZrh+TsE01GqWUxUIKR1AL0S8pq7zDkYOQw8GqfX8b8VoCKYUoHbhiX5j+7hr8XsuHDVU6+gkQJQKg9w==",
-      "peer": true
+      "integrity": "sha512-o+qycAMZrh+TsE01GqWUxUIKR1AL0S8pq7zDkYOQw8GqfX8b8VoCKYUoHbhiX5j+7hr8XsuHDVU6+gkQJQKg9w=="
     },
     "tiny-lr": {
       "version": "1.1.1",
@@ -14353,8 +14323,7 @@
           "version": "4.0.4",
           "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
           "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-          "dev": true,
-          "peer": true
+          "dev": true
         }
       }
     },
@@ -14510,7 +14479,6 @@
       "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.3.tgz",
       "integrity": "sha512-NTKlcQjlAK7MlQoyb6LgaqHc8sso/pVyUJYWMws3jg21uTJw/LddqIFPcPqP6PzpgbIcZyKI85sFE4HBrQDA8A==",
       "dev": true,
-      "peer": true,
       "requires": {
         "esbuild": "^0.25.0",
         "fdir": "^6.4.4",
@@ -14539,8 +14507,7 @@
           "version": "4.0.4",
           "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
           "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-          "dev": true,
-          "peer": true
+          "dev": true
         }
       }
     },
@@ -14608,7 +14575,6 @@
       "version": "3.5.29",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.29.tgz",
       "integrity": "sha512-BZqN4Ze6mDQVNAni0IHeMJ5mwr8VAJ3MQC9FmprRhcBYENw+wOAAjRj8jfmN6FLl0j96OXbR+CjWhmAmM+QGnA==",
-      "peer": true,
       "requires": {
         "@vue/compiler-dom": "3.5.29",
         "@vue/compiler-sfc": "3.5.29",
@@ -14622,6 +14588,7 @@
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-10.4.1.tgz",
       "integrity": "sha512-Gk6gRDj0n/fkRa3C3l0bBheoBckUq/Rs0F/TvMWIS6nzzx67amAViMe9CkNgsP2tXyQONvGiHQESHwFtZ3aYDA==",
       "dev": true,
+      "peer": true,
       "requires": {
         "debug": "^4.4.0",
         "eslint-scope": "^8.2.0 || ^9.0.0",
@@ -14636,6 +14603,7 @@
           "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-9.1.2.tgz",
           "integrity": "sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==",
           "dev": true,
+          "peer": true,
           "requires": {
             "@types/esrecurse": "^4.3.1",
             "@types/estree": "^1.0.8",
@@ -14647,13 +14615,15 @@
           "version": "5.3.0",
           "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
           "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-          "dev": true
+          "dev": true,
+          "peer": true
         },
         "semver": {
           "version": "7.8.5",
           "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
           "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
-          "dev": true
+          "dev": true,
+          "peer": true
         }
       }
     },
@@ -14749,7 +14719,6 @@
       "version": "5.105.3",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.105.3.tgz",
       "integrity": "sha512-LLBBA4oLmT7sZdHiYE/PeVuifOxYyE2uL/V+9VQP7YSYdJU7bSf7H8bZRRxW8kEPMkmVjnrXmoR3oejIdX0xbg==",
-      "peer": true,
       "requires": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.8",
@@ -14782,7 +14751,6 @@
       "version": "5.1.4",
       "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-5.1.4.tgz",
       "integrity": "sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==",
-      "peer": true,
       "requires": {
         "@discoveryjs/json-ext": "^0.5.0",
         "@webpack-cli/configtest": "^2.1.1",

From 86849cc728db08bd8efebb0e51b6de57ea7646a5 Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Fri, 7 Aug 2026 02:46:15 +0200
Subject: [PATCH 06/16] Added missing import

---
 webapp/js/features/viewers/splat/Splat.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/webapp/js/features/viewers/splat/Splat.vue b/webapp/js/features/viewers/splat/Splat.vue
index 648a61e..3126e7e 100644
--- a/webapp/js/features/viewers/splat/Splat.vue
+++ b/webapp/js/features/viewers/splat/Splat.vue
@@ -167,6 +167,7 @@ import Message from '@/components/Message';
 import TabViewLoader from '@/features/viewers/TabViewLoader';
 import Window from '@/components/Window.vue';
 import Button from 'primevue/button';
+import Toast from 'primevue/toast';
 import CameraManager from './CameraManager.vue';
 
 // Immersive navigation keys, in the 2x3 layout shown in the on-screen overlay:
@@ -190,7 +191,7 @@ const NAV_KEYS = [
  */
 export default {
     components: {
-        Message, TabViewLoader, Window, Button, CameraManager
+        Message, TabViewLoader, Window, Button, CameraManager, Toast
     },
     props: ['uri'],
     data: function () {

From 9e221df90074ad295df807d854bacc4978aff31c Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Fri, 7 Aug 2026 02:52:52 +0200
Subject: [PATCH 07/16] Improved lighting defaults

---
 webapp/js/features/viewers/unified/UnifiedViewer.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/webapp/js/features/viewers/unified/UnifiedViewer.vue b/webapp/js/features/viewers/unified/UnifiedViewer.vue
index ba15be5..2bbfc59 100644
--- a/webapp/js/features/viewers/unified/UnifiedViewer.vue
+++ b/webapp/js/features/viewers/unified/UnifiedViewer.vue
@@ -68,19 +68,19 @@
             <div class="settings-content">
                 <div class="form-group">
                     <div><label>Ambient: {{ ambientIntensity.toFixed(1) }}</label></div>
-                    <div><input class="w-100" type="range" v-model.number="ambientIntensity" min="0" max="3" step="0.1"
+                    <div><input class="w-100" type="range" v-model.number="ambientIntensity" min="0" max="5" step="0.1"
                         @input="updateLighting" /></div>
                 </div>
 
                 <div class="form-group">
                     <div><label>Directional: {{ directionalIntensity.toFixed(1) }}</label></div>
-                    <div><input class="w-100" type="range" v-model.number="directionalIntensity" min="0" max="3"
+                    <div><input class="w-100" type="range" v-model.number="directionalIntensity" min="0" max="5"
                         step="0.1" @input="updateLighting" /></div>
                 </div>
 
                 <div class="form-group">
                     <div><label>Sky / ground fill: {{ hemisphereIntensity.toFixed(1) }}</label></div>
-                    <div><input class="w-100" type="range" v-model.number="hemisphereIntensity" min="0" max="3"
+                    <div><input class="w-100" type="range" v-model.number="hemisphereIntensity" min="0" max="5"
                         step="0.1" @input="updateLighting" /></div>
                 </div>
 
@@ -108,9 +108,9 @@ import { createEarthControls } from './earthControls';
 const SETTINGS_KEY = 'unified-viewer-settings';
 
 const DEFAULTS = {
-    ambientIntensity: 1.5,
+    ambientIntensity: 3,
     directionalIntensity: 1.8,
-    hemisphereIntensity: 0.6,
+    hemisphereIntensity: 3,
     flightSpeed: 1
 };
 

From 5f368b5b8054b0c2778fe92f0b38c89013cc4883 Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Fri, 7 Aug 2026 03:00:04 +0200
Subject: [PATCH 08/16] Improved separation

---
 webapp/js/layout/Header.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/webapp/js/layout/Header.vue b/webapp/js/layout/Header.vue
index d21dd8f..648e0b2 100644
--- a/webapp/js/layout/Header.vue
+++ b/webapp/js/layout/Header.vue
@@ -303,6 +303,7 @@ export default {
             }
             if (this.isAdmin) {
                 items.push({ label: 'Tasks', icon: 'fa-solid fa-list-check fixed-icon', command: () => this.adminTasks() });
+                items.push({ separator: true });
                 items.push({ label: 'Configuration', icon: 'fa-solid fa-gear fixed-icon', command: () => this.adminConfig() });
                 items.push({ label: 'Hangfire', icon: 'fa-solid fa-fire fixed-icon', url: '/hangfire', target: '_blank' });
                 items.push({ label: 'API Docs', icon: 'fa-solid fa-code fixed-icon', url: '/scalar/v1', target: '_blank' });

From f575a23281f5e0ea48e884fd82cbb7397005c23f Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Fri, 7 Aug 2026 03:00:25 +0200
Subject: [PATCH 09/16] Added human readable dates to the datasets list

---
 webapp/js/features/datasets/Datasets.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/webapp/js/features/datasets/Datasets.vue b/webapp/js/features/datasets/Datasets.vue
index c2968ed..fc470d6 100644
--- a/webapp/js/features/datasets/Datasets.vue
+++ b/webapp/js/features/datasets/Datasets.vue
@@ -100,7 +100,12 @@
                 </Column>
                 <Column field="creationDate" header="Creation Date" :sortable="true"
                     :pt="{ bodyCell: { style: 'text-align: right' }, columnHeaderContent: { style: 'display: flex; justify-content: flex-end' } }">
-                    <template #body="slotProps">{{ formatDate(slotProps.data.creationDate) }}</template>
+                    <template #body="slotProps">
+                        <div class="file-date">
+                            <div>{{ formatDate(slotProps.data.creationDate) }}</div>
+                            <small class="relative-time">{{ formatCreationDateRel(slotProps.data.creationDate) }}</small>
+                        </div>
+                    </template>
                 </Column>
                 <Column field="entries" header="Files" :sortable="true"
                     :pt="{ bodyCell: { style: 'text-align: right' }, columnHeaderContent: { style: 'display: flex; justify-content: flex-end' } }" />
@@ -172,7 +177,7 @@
 
 <script>
 import Message from '@/components/Message.vue';
-import { setTitle, bytesToSize } from '@/libs/utils';
+import { setTitle, bytesToSize, formatTimeAgo } from '@/libs/utils';
 import { renameDataset, datasetName } from '@/libs/api/registryUtils';
 import { getDatasetTablePreferences, saveDatasetTablePreferences } from '@/libs/storageUtils';
 import DeleteDatasetDialog from './DeleteDatasetDialog.vue';
@@ -483,6 +488,11 @@ export default {
             return date.toLocaleDateString() + ' ' + date.toLocaleTimeString();
         },
 
+        formatCreationDateRel(timestamp) {
+            if (!timestamp) return '';
+            return formatTimeAgo(timestamp);
+        },
+
         getVisibilityText(visibility) {
             if (visibility === Visibility.PUBLIC) return 'Public';
             if (visibility === Visibility.UNLISTED) return 'Unlisted';
@@ -1011,5 +1021,12 @@ export default {
             }
         }
     }
+
+    /* Relative time under absolute date */
+    .file-date .relative-time {
+        font-size: 0.75rem;
+        color: var(--ddb-text-muted);
+        display: block;
+    }
 }
 </style>

From 01956d3d951c257f39e2ca8e046d9eeb9c02c64b Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Fri, 7 Aug 2026 03:40:30 +0200
Subject: [PATCH 10/16] Added sidecar-aware rename + expanded grid view

---
 webapp/js/composables/useDialogManager.js     |  38 +++---
 webapp/js/composables/useFileOperations.js    |  18 ++-
 webapp/js/features/dataset/ViewDataset.vue    |  27 +++-
 .../features/dataset/dialogs/RenameDialog.vue | 124 +++++-------------
 .../features/dataset/explorer/TableView.vue   |  60 ++++++++-
 webapp/js/libs/sidecarUtils.js                |  40 ++++++
 6 files changed, 186 insertions(+), 121 deletions(-)
 create mode 100644 webapp/js/libs/sidecarUtils.js

diff --git a/webapp/js/composables/useDialogManager.js b/webapp/js/composables/useDialogManager.js
index 0012a0e..a4ffe75 100644
--- a/webapp/js/composables/useDialogManager.js
+++ b/webapp/js/composables/useDialogManager.js
@@ -226,39 +226,37 @@ export default {
             this.selectedUsingFileBrowserList = true;
         },
 
-        async handleRenameClose(id, newPath, entry, measurementsInfo) {
+        async handleRenameClose(id, newPath, entry, sidecarsInfo) {
             if (id == "rename") {
                 if (newPath == null || newPath.length == 0) return;
 
-                // Handle measurements rename if requested
-                if (measurementsInfo && measurementsInfo.renameMeasurements) {
+                // Handle sidecar files rename if requested
+                if (sidecarsInfo && sidecarsInfo.sidecars && sidecarsInfo.sidecars.length > 0) {
                     this.isBusy = true;
                     try {
-                        // First rename the point cloud
+                        // First rename the main file
                         await this.renameSelectedFile(newPath);
 
-                        // Then rename the measurements file
-                        console.log('Renaming measurements file...');
-                        await this.dataset.moveObj(
-                            measurementsInfo.oldMeasurementsPath,
-                            measurementsInfo.newMeasurementsPath
-                        );
+                        // Then rename each sidecar file, reusing renameFile() so the
+                        // file browser list and treeview (via emitter) are refreshed too
+                        for (const sc of sidecarsInfo.sidecars) {
+                            const sidecarItem = this.fileBrowserFiles.find(item => item.entry.path === sc.oldPath);
+                            if (sidecarItem) {
+                                await this.renameFile(sidecarItem, sc.newPath, { action: 'rename', silent: true });
+                            } else {
+                                await this.dataset.moveObj(sc.oldPath, sc.newPath);
+                            }
+                        }
 
-                        console.log('Both files renamed successfully');
-                        this.$toast.add({ severity: 'success', summary: 'Renamed', detail: 'Point cloud and measurements file renamed successfully', life: 3000 });
+                        const count = sidecarsInfo.sidecars.length;
+                        this.$toast.add({ severity: 'success', summary: 'Renamed', detail: `File and ${count} sidecar${count > 1 ? 's' : ''} renamed successfully`, life: 3000 });
                     } catch (e) {
-                        // If measurements rename fails, show warning but not critical error
-                        if (e.message && e.message.includes('measurements')) {
-                            this.$toast.add({ severity: 'warn', summary: 'Partial Rename', detail: 'Point cloud renamed, but measurements file could not be renamed', life: 5000 });
-                            console.warn('Measurements rename failed:', e);
-                        } else {
-                            this.showError(e, "Rename");
-                        }
+                        this.showError(e, "Rename");
                     } finally {
                         this.isBusy = false;
                     }
                 } else {
-                    // Normal rename without measurements
+                    // Normal rename without sidecars
                     await this.renameSelectedFile(newPath);
                 }
             } else if (id == "renameddb") {
diff --git a/webapp/js/composables/useFileOperations.js b/webapp/js/composables/useFileOperations.js
index a87620e..c9f52fe 100644
--- a/webapp/js/composables/useFileOperations.js
+++ b/webapp/js/composables/useFileOperations.js
@@ -109,6 +109,8 @@ export default {
          *        result toast and whether the build pipeline is re-triggered.
          *        DroneDB indexes builds by file hash, so a pure move never
          *        changes buildability and must NOT trigger build callbacks.
+         * @param {boolean} [options.silent=false] - skip the result toast (used
+         *        when the caller shows its own aggregate toast, e.g. sidecar renames).
          */
         async renameFile(file, newPath, options = {}) {
             const action = options.action === 'move' ? 'move' : 'rename';
@@ -141,14 +143,20 @@ export default {
 
                 this.sortFiles();
 
-                // Only re-trigger build pipeline on rename (extension may have changed,
-                // making the file buildable). On move the hash is unchanged, so any
-                // existing build artifacts still apply and no notification is needed.
-                if (action === 'rename' && BuildManager.isBuildableType(newItem.entry.type)) {
+                // Only notify the build pipeline when the rename's extension change made a
+                // previously non-buildable file buildable. Hash-based build artifacts already
+                // apply to files that were buildable before the rename, so no new build is
+                // ever queued in that case - showing the "buildable files detected" toast then
+                // would be misleading since nothing is actually being built.
+                const wasBuildable = BuildManager.isBuildableType(file.entry.type);
+                const isBuildable = BuildManager.isBuildableType(newItem.entry.type);
+                if (action === 'rename' && !wasBuildable && isBuildable) {
                     BuildManager.onFilesAdded(this.dataset, [newItem.entry]);
                 }
 
-                if (action === 'move') {
+                if (options.silent) {
+                    // Caller shows its own (aggregate) toast
+                } else if (action === 'move') {
                     this.$toast.add({ severity: 'success', summary: 'Moved', detail: `File moved successfully`, life: 3000 });
                 } else {
                     this.$toast.add({ severity: 'success', summary: 'Renamed', detail: `File renamed successfully`, life: 3000 });
diff --git a/webapp/js/features/dataset/ViewDataset.vue b/webapp/js/features/dataset/ViewDataset.vue
index d4fc801..520358c 100644
--- a/webapp/js/features/dataset/ViewDataset.vue
+++ b/webapp/js/features/dataset/ViewDataset.vue
@@ -70,7 +70,7 @@
                     <div v-else class="detail-layout">
                         <div class="detail-main" :class="{ 'with-detail': selectedDetailFile && !isMobile }">
                             <TableView ref="tableview" :files="fileBrowserFiles" :tools="explorerTools" :currentPath="currentPath"
-                                :dataset="dataset" :viewMode="viewMode" :canWrite="canWrite" :isLoadingFiles="isLoadingFiles" @openItem="handleOpenItem" @createFolder="handleCreateFolder"
+                                :dataset="dataset" :viewMode="viewMode" :expandedGrid="expandedGrid" :canWrite="canWrite" :isLoadingFiles="isLoadingFiles" @openItem="handleOpenItem" @createFolder="handleCreateFolder"
                                 @deleteSelecteditems="openDeleteItemsDialog" @moveSelectedItems="openRenameItemsDialog"
                                 @transferSelectedItems="openTransferItemsDialog"
                                 @setAsCover="setAsCover"
@@ -132,7 +132,7 @@
             confirmText="Replace"
             confirmButtonClass="danger"
             @onClose="handleSetCoverClose" />
-        <RenameDialog v-if="renameDialogOpen" :busy="isBusy" @onClose="handleRenameClose" :file="fileToRename"></RenameDialog>
+        <RenameDialog v-if="renameDialogOpen" :busy="isBusy" @onClose="handleRenameClose" :file="fileToRename" :all-entries="fileBrowserFiles"></RenameDialog>
         <MergeMultispectralDialog v-if="mergeMultispectralDialogOpen" @onClose="handleMergeMultispectralClose" :files="mergeMultispectralFiles" :dataset="dataset" />
         <AlignDialog v-if="alignDialogOpen" @onClose="handleAlignClose" :source-entry="alignSourceEntry" :dataset="dataset" :all-entries="fileBrowserFiles" />
         <ExtractDialog v-if="extractDialogOpen" @onClose="handleExtractClose" :file="extractFile" :dataset="dataset" />
@@ -388,6 +388,9 @@ export default {
         // Load view mode preference from localStorage
         const savedViewMode = localStorage.getItem('fileViewMode') || 'grid';
 
+        // Load expanded grid preference (table view: thumbnails + relative time vs icons + date only)
+        const savedExpandedGrid = localStorage.getItem('tableExpandedGrid') !== 'false';
+
         return {
             startTab: mainTabs[0].key,
             error: "",
@@ -401,6 +404,7 @@ export default {
                 .Dataset(this.$route.params.ds),
             currentPath: null,
             viewMode: savedViewMode, // 'grid' or 'table'
+            expandedGrid: savedExpandedGrid, // Table view: thumbnails + relative time vs icons + date only
             selectedDetailFile: null, // For DetailPanel in table view
             rootDatasetEntry: null, // Root dataset entry with permissions
 
@@ -705,6 +709,12 @@ export default {
             this.switchViewMode(this.viewMode === 'grid' ? 'table' : 'grid');
         },
 
+        toggleExpandedGrid() {
+            this.expandedGrid = !this.expandedGrid;
+            localStorage.setItem('tableExpandedGrid', this.expandedGrid);
+            this.updateExplorerTools();
+        },
+
         handleRefresh() {
             if (this.$refs.fileBrowser) {
                 this.$refs.fileBrowser.refreshAndNavigate(this.currentPath);
@@ -1389,6 +1399,19 @@ export default {
                 }
             });
 
+            // Expanded grid toggle (thumbnails + relative time) only applies to table view
+            if (this.viewMode === 'table') {
+                this.explorerTools.push({
+                    id: 'expanded-grid',
+                    title: "Expanded Table View",
+                    icon: "fa-solid fa-table-cells-large",
+                    selected: this.expandedGrid,
+                    onClick: () => {
+                        this.toggleExpandedGrid();
+                    }
+                });
+            }
+
             // Show only the button to switch to the opposite view
             if (this.viewMode === 'grid') {
                 this.explorerTools.push({
diff --git a/webapp/js/features/dataset/dialogs/RenameDialog.vue b/webapp/js/features/dataset/dialogs/RenameDialog.vue
index ce37573..457702a 100644
--- a/webapp/js/features/dataset/dialogs/RenameDialog.vue
+++ b/webapp/js/features/dataset/dialogs/RenameDialog.vue
@@ -4,22 +4,21 @@
         <InputText class="renameInput" ref="renameInput" @keyup.enter="rename" @keyup.esc="close('close')"
             v-model="renameText" :invalid="renameText == null || renameText.length == 0" :disabled="busy" fluid />
 
-        <!-- Checkbox to also rename the measurements file -->
-        <div v-if="hasMeasurementsFile" class="measurements-rename-option">
+        <!-- Checkbox to also rename sidecar files (e.g. _measurements.geojson, _cameras.json) -->
+        <div v-if="sidecars.length > 0" class="sidecar-rename-option">
             <div class="d-flex align-items-center gap-2 mb-2">
                 <Checkbox
-                    v-model="renameMeasurements"
+                    v-model="renameSidecars"
                     :binary="true"
                     :disabled="busy"
-                    inputId="renameMeasurementsCheckbox" />
-                <label for="renameMeasurementsCheckbox">
-                    Also rename associated measurements file
+                    inputId="renameSidecarsCheckbox" />
+                <label for="renameSidecarsCheckbox">
+                    Also rename sidecar files
                 </label>
             </div>
-            <div class="hint">
-                <i class="fa-solid fa-circle-info"></i>
-                A measurements file was found for this point cloud
-            </div>
+            <ul class="sidecar-list">
+                <li v-for="sc in sidecars" :key="sc.path">{{ sc.label }}</li>
+            </ul>
         </div>
 
         <div class="d-flex justify-content-end gap-2 mt-3 w-100">
@@ -35,7 +34,7 @@ import Button from 'primevue/button';
 import InputText from 'primevue/inputtext';
 import Checkbox from 'primevue/checkbox';
 import ddb from 'ddb';
-import { MeasurementStorage } from '@/libs/map/measurementStorage';
+import { discoverSidecars } from '@/libs/sidecarUtils';
 
 export default {
     components: {
@@ -44,16 +43,16 @@ export default {
 
     props: {
         file: { type: Object, required: true },
-        busy: { type: Boolean, default: false }
+        busy: { type: Boolean, default: false },
+        allEntries: { type: Array, default: () => [] }
     },
     emits: ['onClose'],
 
     data: function () {
         return {
             renameText: null,
-            hasMeasurementsFile: false,
-            renameMeasurements: true,  // Checked by default
-            checkingMeasurements: false
+            sidecars: [],
+            renameSidecars: true  // Checked by default
         };
     },
     mounted: function () {
@@ -64,8 +63,7 @@ export default {
         // completed and PrimeVue's own focus handling can no longer steal it.
         this.focusInput();
 
-        // Check if measurements file exists
-        this.checkForMeasurementsFile();
+        this.sidecars = discoverSidecars(this.allEntries, this.file.entry.path);
     },
     methods: {
         focusInput() {
@@ -81,37 +79,6 @@ export default {
                 }
             });
         },
-        async checkForMeasurementsFile() {
-            // Check only for point clouds
-            if (this.file.entry.type !== ddb.entry.type.POINTCLOUD) {
-                this.hasMeasurementsFile = false;
-                return;
-            }
-
-            this.checkingMeasurements = true;
-
-            try {
-                // Use dataset from parent to create MeasurementStorage
-                const dataset = this.$parent.dataset || this.$root.dataset;
-                if (!dataset) {
-                    console.warn('Dataset not available for measurements check');
-                    this.hasMeasurementsFile = false;
-                    return;
-                }
-
-                const storage = new MeasurementStorage(dataset, this.file.entry);
-                this.hasMeasurementsFile = await storage.exists();
-
-                if (this.hasMeasurementsFile) {
-                    console.log('Measurements file found:', storage.measurementPath);
-                }
-            } catch (e) {
-                console.error('Error checking for measurements file:', e);
-                this.hasMeasurementsFile = false;
-            } finally {
-                this.checkingMeasurements = false;
-            }
-        },
         close: function (buttonId) {
             if (this.busy && buttonId !== 'rename' && buttonId !== 'renameddb') return;
             this.$emit('onClose', buttonId);
@@ -146,39 +113,21 @@ export default {
                 ? basePath + '/' + this.renameText
                 : this.renameText;
 
-            // If it's a point cloud with measurements, handle rename for that too
-            if (this.file.entry.type === ddb.entry.type.POINTCLOUD &&
-                this.hasMeasurementsFile &&
-                this.renameMeasurements) {
-
-                try {
-                    // Calculate the new path for the measurements file
-                    const dataset = this.$parent.dataset || this.$root.dataset;
-                    if (dataset) {
-                        const oldStorage = new MeasurementStorage(dataset, this.file.entry);
-                        const oldMeasurementsPath = oldStorage.measurementPath;
-
-                        // Calculate new measurements path based on new name
-                        const newPathWithoutExt = newPath.substring(0, newPath.lastIndexOf('.'));
-                        const newMeasurementsPath = `${newPathWithoutExt}_measurements.geojson`;
-
-                        console.log(`Will rename measurements: ${oldMeasurementsPath} -> ${newMeasurementsPath}`);
-
-                        // Emit event with both paths
-                        this.$emit('onClose', "rename", newPath, this.file.entry, {
-                            renameMeasurements: true,
-                            oldMeasurementsPath: oldMeasurementsPath,
-                            newMeasurementsPath: newMeasurementsPath
-                        });
-                        return;
-                    }
-                } catch (e) {
-                    console.error('Error preparing measurements rename:', e);
-                    // Continue anyway with normal rename
-                }
+            // If sidecar files were found and the checkbox is checked, rename them too
+            if (this.renameSidecars && this.sidecars.length > 0) {
+                const oldBase = this.file.entry.path.replace(/\.[^./\\]+$/, '');
+                const newBase = newPath.replace(/\.[^./\\]+$/, '');
+
+                const sidecarsInfo = this.sidecars.map(sc => ({
+                    oldPath: sc.path,
+                    newPath: newBase + sc.path.substring(oldBase.length)
+                }));
+
+                this.$emit('onClose', "rename", newPath, this.file.entry, { sidecars: sidecarsInfo });
+                return;
             }
 
-            // Normal emit for files without measurements or with unchecked checkbox
+            // Normal emit for files without sidecars or with unchecked checkbox
             this.$emit('onClose', "rename", newPath, this.file.entry);
         }
     }
@@ -191,7 +140,7 @@ export default {
     width: 100%;
 }
 
-.measurements-rename-option {
+.sidecar-rename-option {
     margin-top: var(--ddb-spacing-lg);
     padding: var(--ddb-spacing-md);
     background: rgba(var(--ddb-primary-rgb), 0.1);
@@ -199,21 +148,20 @@ export default {
     border-left: 0.25rem solid var(--ddb-primary);
 }
 
-.measurements-rename-option label {
+.sidecar-rename-option label {
     color: var(--ddb-text);
     font-weight: 500;
 }
 
-.measurements-rename-option .hint {
+.sidecar-list {
+    margin: 0;
+    padding-left: 1.25rem;
     font-size: 0.75rem;
     color: var(--ddb-text-muted);
-    margin-top: 0.25rem;
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
+    list-style: disc;
 }
 
-.measurements-rename-option .hint i {
-    font-size: var(--ddb-font-size-base);
+.sidecar-list li {
+    margin-bottom: 0.15rem;
 }
 </style>
diff --git a/webapp/js/features/dataset/explorer/TableView.vue b/webapp/js/features/dataset/explorer/TableView.vue
index d08bece..4fce306 100644
--- a/webapp/js/features/dataset/explorer/TableView.vue
+++ b/webapp/js/features/dataset/explorer/TableView.vue
@@ -30,8 +30,12 @@
                 @row-contextmenu="onRowContextMenu">
                 <Column header="" style="width: 3rem; text-align: center;">
                     <template #body="{ data }">
-                        <i v-if="!isBuildLoading(data)" class="icon" :class="data.icon"></i>
-                        <i v-else class="fa-solid fa-circle-notch fa-spin loading-icon"></i>
+                        <i v-if="isBuildLoading(data)" class="fa-solid fa-circle-notch fa-spin loading-icon"></i>
+                        <template v-else-if="expandedGrid">
+                            <img v-if="getThumbnail(data)" class="thumb-preview" :src="getThumbnail(data)" @error="onThumbError(data)" />
+                            <i v-else class="icon" :class="data.icon"></i>
+                        </template>
+                        <i v-else class="icon" :class="data.icon"></i>
                         <i v-if="getBuildBadge(data)" class="icon badge" :class="getBuildBadge(data)" :title="getBuildBadgeTooltip(data)"></i>
                     </template>
                 </Column>
@@ -78,7 +82,7 @@
                     <template #body="{ data }">
                         <div class="file-date">
                             <div>{{ getModifiedDate(data) }}</div>
-                            <small class="relative-time">{{ getFileModifiedDateRel(data) }}</small>
+                            <small v-show="expandedGrid" class="relative-time">{{ getFileModifiedDateRel(data) }}</small>
                         </div>
                     </template>
                 </Column>
@@ -108,7 +112,7 @@ import { isBuildableFile, hasActiveBuild, isBuildLoading, getBuildBadge, getBuil
 import { getTypeDisplayName } from '@/libs/entryTypes';
 
 import ddb from 'ddb';
-const { pathutils, entry } = ddb;
+const { pathutils, entry, thumbs } = ddb;
 
 import ContextMenu from '@/components/ContextMenu';
 import Breadcrumb from 'primevue/breadcrumb';
@@ -127,7 +131,7 @@ export default {
         Toolbar, ContextMenu, Breadcrumb, DataTable, Column
     },
     emits: ['openItem', 'openAsText', 'moveSelectedItems', 'openProperties', 'shareEmbed', 'downloadItems', 'transferSelectedItems', 'setAsCover', 'createFolder', 'deleteSelecteditems', 'selectionChanged', 'buildStarted', 'buildError', 'mergeMultispectral', 'maskBorders', 'extractItem', 'copySelectedItems', 'cutSelectedItems', 'pasteFromClipboard', 'downloadBuildArtifact'],
-    props: ['files', 'currentPath', 'tools', 'dataset', 'viewMode', 'canWrite', 'isLoadingFiles'],
+    props: ['files', 'currentPath', 'tools', 'dataset', 'viewMode', 'expandedGrid', 'canWrite', 'isLoadingFiles'],
     inject: { showBuildConfirm: { default: null } },
     data: function () {
         const self = this;
@@ -155,7 +159,8 @@ export default {
             contextMenu,
             sortColumn: 'name',
             sortDirection: 'asc',
-            rangeStartIdx: null
+            rangeStartIdx: null,
+            thumbnailCache: new Map() // path -> thumbnail URL, or null if unsupported/unavailable
         };
     },
     watch: {
@@ -163,7 +168,15 @@ export default {
             handler() {
                 // Reset loading state when files change (folder opened)
                 this.loading = false;
+                if (this.expandedGrid) this.prepareThumbnails();
             }
+        },
+        expandedGrid: {
+            handler(enabled) {
+                if (enabled) this.prepareThumbnails();
+                else this.thumbnailCache.clear();
+            },
+            immediate: true
         }
     },
     computed: {
@@ -423,6 +436,32 @@ export default {
             return formatTimeAgo(file.entry.mtime * 1000);
         },
 
+        // Returns the cached thumbnail URL for a file, or null if unsupported/not yet available
+        getThumbnail: function(file) {
+            const cached = this.thumbnailCache.get(file.entry.path);
+            return cached || null;
+        },
+
+        // Thumbnail failed to load (e.g. build not ready) - fall back to icon
+        onThumbError: function(file) {
+            this.thumbnailCache.delete(file.entry.path);
+        },
+
+        // Populate thumbnail URLs for the current file list (synchronous URL construction for ddb:// paths)
+        prepareThumbnails: function() {
+            this.thumbnailCache.clear();
+            if (!this.files) return;
+
+            for (const file of this.files) {
+                if (!thumbs.supportedForType(file.entry.type)) continue;
+                try {
+                    this.thumbnailCache.set(file.entry.path, thumbs.fetch(file.path, 48));
+                } catch (e) {
+                    // Unsupported URI scheme or fetch error - fall back to icon
+                }
+            }
+        },
+
         // Build management methods (delegated to shared helpers)
         isBuildableFile: function(file) {
             return isBuildableFile(this.dataset, file);
@@ -569,6 +608,15 @@ export default {
         color: var(--ddb-text-muted);
     }
 
+    .thumb-preview {
+        width: 48px;
+        height: 48px;
+        object-fit: cover;
+        border-radius: 4px;
+        display: block;
+        margin: 0 auto;
+    }
+
     .file-name {
         word-break: break-all;
     }
diff --git a/webapp/js/libs/sidecarUtils.js b/webapp/js/libs/sidecarUtils.js
new file mode 100644
index 0000000..b697313
--- /dev/null
+++ b/webapp/js/libs/sidecarUtils.js
@@ -0,0 +1,40 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+import ddb from 'ddb';
+
+/**
+ * Discover sidecar files associated with a given entry path.
+ *
+ * A sidecar is any file in the same folder whose path is
+ * `<basename-without-extension>_<suffix>` (e.g. `model.spz` -> `model_cameras.json`,
+ * `cloud.laz` -> `cloud_measurements.geojson`). The relationship is purely
+ * naming-convention based; no backend/DB awareness of sidecars exists.
+ *
+ * @param {Array} allEntries - file browser items (each with an `entry` object with `path`/`type`)
+ * @param {string} entryPath - path of the main file being renamed
+ * @returns {Array<{path: string, label: string}>} discovered sidecar files
+ */
+export function discoverSidecars(allEntries, entryPath) {
+    if (!entryPath || !Array.isArray(allEntries)) return [];
+
+    const base = entryPath.replace(/\.[^./\\]+$/, '');
+    const prefix = `${base}_`;
+
+    return allEntries
+        .filter(item => {
+            const entry = item && item.entry;
+            if (!entry || !entry.path) return false;
+            if (entry.path === entryPath) return false;
+            if (ddb.entry.isDirectory(entry)) return false;
+            if (!entry.path.startsWith(prefix)) return false;
+
+            // Suffix must stay within the same folder and have an extension
+            const suffix = entry.path.substring(prefix.length);
+            return suffix.length > 0 && suffix.indexOf('/') === -1 && suffix.indexOf('.') !== -1;
+        })
+        .map(item => ({
+            path: item.entry.path,
+            label: ddb.pathutils.basename(item.entry.path)
+        }));
+}

From c63582a8df326c81ce67d09f3f53ccab046cc89d Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Fri, 7 Aug 2026 11:05:37 +0200
Subject: [PATCH 11/16] Handled edge case

---
 webapp/js/libs/utils.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/js/libs/utils.js b/webapp/js/libs/utils.js
index b88efa3..1cedb99 100644
--- a/webapp/js/libs/utils.js
+++ b/webapp/js/libs/utils.js
@@ -85,7 +85,7 @@ export function formatTimeAgo(ms) {
     if (hours < 24) return `${hours} hour${hours > 1 ? 's' : ''} ${suffix}`;
     if (days < 30) return `${days} day${days > 1 ? 's' : ''} ${suffix}`;
     if (months < 12) return `${months} month${months > 1 ? 's' : ''} ${suffix}`;
-    return `${years} year${years > 1 ? 's' : ''} ${suffix}`;
+    return `${years || 1} year${years > 1 ? 's' : ''} ${suffix}`;
 }
 
 /* Is currently in full screen or not */

From 145605c08b8ecd2850aade6c1677ac1eab7f4bbf Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Fri, 7 Aug 2026 11:06:17 +0200
Subject: [PATCH 12/16] Addressed copilot comments

---
 webapp/js/features/dataset/explorer/TableView.vue    |  2 +-
 webapp/js/features/viewers/unified/UnifiedViewer.vue | 10 +++++-----
 webapp/js/layout/Header.vue                          |  4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/webapp/js/features/dataset/explorer/TableView.vue b/webapp/js/features/dataset/explorer/TableView.vue
index 4fce306..ccb4229 100644
--- a/webapp/js/features/dataset/explorer/TableView.vue
+++ b/webapp/js/features/dataset/explorer/TableView.vue
@@ -32,7 +32,7 @@
                     <template #body="{ data }">
                         <i v-if="isBuildLoading(data)" class="fa-solid fa-circle-notch fa-spin loading-icon"></i>
                         <template v-else-if="expandedGrid">
-                            <img v-if="getThumbnail(data)" class="thumb-preview" :src="getThumbnail(data)" @error="onThumbError(data)" />
+                            <img v-if="getThumbnail(data)" class="thumb-preview" :src="getThumbnail(data)" :alt="data.label + ' preview'" @error="onThumbError(data)" />
                             <i v-else class="icon" :class="data.icon"></i>
                         </template>
                         <i v-else class="icon" :class="data.icon"></i>
diff --git a/webapp/js/features/viewers/unified/UnifiedViewer.vue b/webapp/js/features/viewers/unified/UnifiedViewer.vue
index 2bbfc59..6cd5228 100644
--- a/webapp/js/features/viewers/unified/UnifiedViewer.vue
+++ b/webapp/js/features/viewers/unified/UnifiedViewer.vue
@@ -17,16 +17,16 @@
 
             <!-- Measurement toolbar (top-left) -->
             <div v-if="ready" class="toolbar">
-                <button :class="{ active: activeTool === 'point' }" @click="measure('point')" title="Measure point">
+                <button :class="{ active: activeTool === 'point' }" @click="measure('point')" title="Measure point" aria-label="Measure point">
                     <i class="fa-solid fa-location-dot" />
                 </button>
-                <button :class="{ active: activeTool === 'distance' }" @click="measure('distance')" title="Measure distance">
+                <button :class="{ active: activeTool === 'distance' }" @click="measure('distance')" title="Measure distance" aria-label="Measure distance">
                     <i class="fa-solid fa-ruler" />
                 </button>
-                <button :class="{ active: activeTool === 'area' }" @click="measure('area')" title="Measure area">
+                <button :class="{ active: activeTool === 'area' }" @click="measure('area')" title="Measure area" aria-label="Measure area">
                     <i class="fa-solid fa-draw-polygon" />
                 </button>
-                <button :disabled="measureCount === 0" @click="clearMeasurements" title="Clear measurements">
+                <button :disabled="measureCount === 0" @click="clearMeasurements" title="Clear measurements" aria-label="Clear measurements">
                     <i class="fa-solid fa-trash" />
                 </button>
             </div>
@@ -57,7 +57,7 @@
             </div>
 
             <!-- Settings gear (bottom-right) -->
-            <button v-if="ready" class="btn-settings" @click="toggleSettings" title="Display settings">
+            <button v-if="ready" class="btn-settings" @click="toggleSettings" title="Display settings" aria-label="Display settings">
                 <i class="fa-solid fa-gear" />
             </button>
         </div>
diff --git a/webapp/js/layout/Header.vue b/webapp/js/layout/Header.vue
index 648e0b2..ca174ee 100644
--- a/webapp/js/layout/Header.vue
+++ b/webapp/js/layout/Header.vue
@@ -305,8 +305,8 @@ export default {
                 items.push({ label: 'Tasks', icon: 'fa-solid fa-list-check fixed-icon', command: () => this.adminTasks() });
                 items.push({ separator: true });
                 items.push({ label: 'Configuration', icon: 'fa-solid fa-gear fixed-icon', command: () => this.adminConfig() });
-                items.push({ label: 'Hangfire', icon: 'fa-solid fa-fire fixed-icon', url: '/hangfire', target: '_blank' });
-                items.push({ label: 'API Docs', icon: 'fa-solid fa-code fixed-icon', url: '/scalar/v1', target: '_blank' });
+                items.push({ label: 'Hangfire', icon: 'fa-solid fa-fire fixed-icon', url: '/hangfire', target: '_blank', rel: 'noopener' });
+                items.push({ label: 'API Docs', icon: 'fa-solid fa-code fixed-icon', url: '/scalar/v1', target: '_blank', rel: 'noopener' });
             }
 
             items.push({ separator: true });

From 45f70167ad29cb41614019a62310ad31319fb0b4 Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Fri, 7 Aug 2026 11:48:48 +0200
Subject: [PATCH 13/16] Added delete button on tasks for admins

---
 webapp/js/features/admin/Tasks.vue         | 36 +++++++++++++++++++++-
 webapp/js/features/dataset/TaskHistory.vue | 36 +++++++++++++++++++++-
 webapp/js/features/tasks/TasksTable.vue    |  4 ++-
 webapp/js/libs/ddb/dataset.js              |  9 ++++++
 webapp/js/libs/ddb/registry.js             | 10 ++++++
 5 files changed, 92 insertions(+), 3 deletions(-)

diff --git a/webapp/js/features/admin/Tasks.vue b/webapp/js/features/admin/Tasks.vue
index 1cd97b0..0524dfc 100644
--- a/webapp/js/features/admin/Tasks.vue
+++ b/webapp/js/features/admin/Tasks.vue
@@ -27,7 +27,7 @@
             style="flex: 1; min-height: 0;"
             empty-message="No tasks match the current filters."
             @page="onPage" @view-log="openLog" @download-result="downloadResult"
-            @cancel="cancelTask" @retry="retryTask" />
+            @cancel="cancelTask" @retry="retryTask" @delete="deleteTask" />
 
         <TaskLogDialog v-model:visible="logDialogOpen" :title="logTaskTitle" :log-text="logText"
             :is-active="logTask && isActive(logTask.state)" @refresh="refreshLog" />
@@ -39,6 +39,16 @@
             confirmText="Cancel Task" cancelText="Don't Cancel" confirmButtonClass="danger"
             @onClose="handleCancelDialogClose">
         </ConfirmDialog>
+
+        <!-- Delete task confirmation -->
+        <ConfirmDialog v-if="deleteDialogOpen"
+            title="Delete Task"
+            :message="`Permanently delete this concluded task from the history?<br/><strong>${toolTitle(deletingTask.toolId, taskTools)}</strong> will be removed together with any downloadable results it produced.`"
+            confirmText="Delete" cancelText="Cancel" confirmButtonClass="danger"
+            warningTitle="Warning"
+            warningMessage="This action cannot be undone. Any task results still available for download will be deleted."
+            @onClose="handleDeleteDialogClose">
+        </ConfirmDialog>
     </div>
 </template>
 
@@ -84,6 +94,9 @@ export default {
             cancelDialogOpen: false,
             cancellingTask: null,
 
+            deleteDialogOpen: false,
+            deletingTask: null,
+
             _refreshTimer: null
         };
     },
@@ -221,6 +234,27 @@ export default {
             }
         },
 
+        deleteTask(task) {
+            this.deletingTask = task;
+            this.deleteDialogOpen = true;
+        },
+
+        async handleDeleteDialogClose(buttonId) {
+            this.deleteDialogOpen = false;
+            if (buttonId !== 'confirm' || !this.deletingTask) {
+                this.deletingTask = null;
+                return;
+            }
+            const task = this.deletingTask;
+            this.deletingTask = null;
+            try {
+                await reg.adminDeleteTask(task.taskId);
+                await this.loadTasks();
+                this._toast('success', 'Task deleted', 'The task has been removed from history.');
+            } catch (e) {
+                this._toast('error', 'Delete failed', e.message);
+            }
+
         async downloadResult(task) {
             // Navigate to the authenticated result URL (cookie auth); the server
             // sends Content-Disposition: attachment so the browser downloads it.
diff --git a/webapp/js/features/dataset/TaskHistory.vue b/webapp/js/features/dataset/TaskHistory.vue
index 7184ea5..7a9d571 100644
--- a/webapp/js/features/dataset/TaskHistory.vue
+++ b/webapp/js/features/dataset/TaskHistory.vue
@@ -28,7 +28,7 @@
                 :downloading-task-id="downloadingTaskId"
                 empty-message="No processing tasks have been run for this dataset yet."
                 @view-log="openLog" @download-result="downloadResult"
-                @cancel="cancelTask" @retry="retryTask"
+                @cancel="cancelTask" @retry="retryTask" @delete="deleteTask"
                 @page-reset="onPageReset" />
         </div>
 
@@ -200,6 +200,16 @@
             @onClose="handleCancelDialogClose">
         </ConfirmDialog>
 
+        <!-- Delete task confirmation -->
+        <ConfirmDialog v-if="deleteDialogOpen"
+            title="Delete Task"
+            :message="`Permanently delete this concluded task from the history?<br/><strong>${toolTitle(deletingTask.toolId, tools)}</strong> will be removed together with any downloadable results it produced.`"
+            confirmText="Delete" cancelText="Cancel" confirmButtonClass="danger"
+            warningTitle="Warning"
+            warningMessage="This action cannot be undone. Any task results still available for download will be deleted."
+            @onClose="handleDeleteDialogClose">
+        </ConfirmDialog>
+
         <!-- Folder picker for output folder -->
         <FolderPicker v-if="outputFolderPickerOpen" :dataset="dataset" mode="folder"
             :initialPath="photogrammetryForm.destPath || ''" title="Select output folder"
@@ -345,6 +355,9 @@ export default {
             logText: '',
 
             clearDialogOpen: false,
+            deleteDialogOpen: false,
+            deletingTask: null,
+            deletingTask: null,
 
             cancelDialogOpen: false,
             cancellingTask: null,
@@ -824,6 +837,27 @@ export default {
             }
         },
 
+        deleteTask(task) {
+            this.deletingTask = task;
+            this.deleteDialogOpen = true;
+        },
+
+        async handleDeleteDialogClose(buttonId) {
+            this.deleteDialogOpen = false;
+            if (buttonId !== 'confirm' || !this.deletingTask) {
+                this.deletingTask = null;
+                return;
+            }
+            const task = this.deletingTask;
+            this.deletingTask = null;
+            try {
+                await this.dataset.deleteTask(task.taskId);
+                await this.loadTasks();
+                this._toast('success', 'Task deleted', 'The task has been removed from history.');
+            } catch (e) {
+                this._toast('error', 'Delete failed', e.message);
+            }
+
         // ---- output folder picker ----
 
         openOutputFolderPicker() {
diff --git a/webapp/js/features/tasks/TasksTable.vue b/webapp/js/features/tasks/TasksTable.vue
index e390e0d..617ffbb 100644
--- a/webapp/js/features/tasks/TasksTable.vue
+++ b/webapp/js/features/tasks/TasksTable.vue
@@ -102,6 +102,8 @@
                             icon="fa-solid fa-stop" title="Cancel" @click="$emit('cancel', slotProps.data)" />
                         <Button v-if="slotProps.data.state === 'Failed'" size="small" severity="secondary"
                             icon="fa-solid fa-rotate-right" title="Retry" @click="$emit('retry', slotProps.data)" />
+                        <Button v-if="!isActive(slotProps.data.state)" size="small" severity="danger"
+                            icon="fa-solid fa-trash" title="Delete from history" @click="$emit('delete', slotProps.data)" />
                     </div>
                 </template>
             </Column>
@@ -151,7 +153,7 @@ export default {
         currentPageFirst: { type: Number, default: 0 }
     },
 
-    emits: ['view-log', 'download-result', 'cancel', 'retry', 'page', 'page-reset'],
+    emits: ['view-log', 'download-result', 'cancel', 'retry', 'delete', 'page', 'page-reset'],
 
     data() {
         return {
diff --git a/webapp/js/libs/ddb/dataset.js b/webapp/js/libs/ddb/dataset.js
index e392198..fdcd8a1 100644
--- a/webapp/js/libs/ddb/dataset.js
+++ b/webapp/js/libs/ddb/dataset.js
@@ -534,6 +534,15 @@ module.exports = class Dataset {
         return this.registry.postRequest(`${this.baseApi}/tasks/${encodeURIComponent(id)}/retry`, {});
     }
 
+    /**
+     * Deletes a concluded task (Succeeded/Failed/Deleted) from the history.
+     * @param {string} id Task id
+     */
+    async deleteTask(id) {
+        if (!id) throw new Error('Invalid task id');
+        return this.registry.postRequest(`${this.baseApi}/tasks/${encodeURIComponent(id)}/delete`, {});
+    }
+
     /**
      * Clears terminal tasks (Succeeded/Failed/Deleted) from the history.
      * @param {string} [toolId] Restrict to a single tool
diff --git a/webapp/js/libs/ddb/registry.js b/webapp/js/libs/ddb/registry.js
index 36dec60..0c0aae0 100644
--- a/webapp/js/libs/ddb/registry.js
+++ b/webapp/js/libs/ddb/registry.js
@@ -929,6 +929,16 @@ module.exports = class Registry {
         return this.getRequest(`/sys/tasks?${q}`);
     }
 
+    /**
+     * Deletes a concluded task from the global admin task list (admin only).
+     * @param {string} id Task id
+     * @returns {Promise<Object>} { deleted }
+     */
+    async adminDeleteTask(id) {
+        if (!id) throw new Error('Invalid task id');
+        return this.postRequest(`/sys/tasks/${encodeURIComponent(id)}/delete`, {});
+    }
+
     // User update method (email and roles)
     async updateUser(userName, email, roles) {
         return await this.putRequest(`/users/${encodeURIComponent(userName)}`, {

From fab5003495d5362b0207de474210da9211741e68 Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Sat, 8 Aug 2026 01:09:23 +0200
Subject: [PATCH 14/16] Syntax fixes

---
 webapp/js/features/admin/Tasks.vue         | 1 +
 webapp/js/features/dataset/TaskHistory.vue | 1 +
 2 files changed, 2 insertions(+)

diff --git a/webapp/js/features/admin/Tasks.vue b/webapp/js/features/admin/Tasks.vue
index 0524dfc..69ebeea 100644
--- a/webapp/js/features/admin/Tasks.vue
+++ b/webapp/js/features/admin/Tasks.vue
@@ -254,6 +254,7 @@ export default {
             } catch (e) {
                 this._toast('error', 'Delete failed', e.message);
             }
+        },
 
         async downloadResult(task) {
             // Navigate to the authenticated result URL (cookie auth); the server
diff --git a/webapp/js/features/dataset/TaskHistory.vue b/webapp/js/features/dataset/TaskHistory.vue
index 7a9d571..3c9aaab 100644
--- a/webapp/js/features/dataset/TaskHistory.vue
+++ b/webapp/js/features/dataset/TaskHistory.vue
@@ -857,6 +857,7 @@ export default {
             } catch (e) {
                 this._toast('error', 'Delete failed', e.message);
             }
+        },
 
         // ---- output folder picker ----
 

From 39465b8d67bb5bb8cfd2db38579c3da6f409b2c2 Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Sat, 8 Aug 2026 01:09:55 +0200
Subject: [PATCH 15/16] Fixed initial camera position in georeferenced 3d tiles

---
 .../viewers/unified/UnifiedViewer.vue         | 28 ++++++++-----------
 1 file changed, 11 insertions(+), 17 deletions(-)

diff --git a/webapp/js/features/viewers/unified/UnifiedViewer.vue b/webapp/js/features/viewers/unified/UnifiedViewer.vue
index 6cd5228..171b523 100644
--- a/webapp/js/features/viewers/unified/UnifiedViewer.vue
+++ b/webapp/js/features/viewers/unified/UnifiedViewer.vue
@@ -717,34 +717,28 @@ export default {
             this.controls = controls;
 
             // GlobeControls require a manual update loop (they are not a giro3d view control).
+            // The camera is passed as the change source so that every entity's preUpdate() runs
+            // each frame, driving 3D Tiles streaming (Tiles3D.preUpdate -> _tiles.update()).
+            // Without a change source the update loop filters out every entity and the stream stalls.
             const tick = () => {
                 if (!this.controls) return;
                 try {
                     this.controls.update();
-                    this.instance.notifyChange();
+                    this.instance.notifyChange(this.instance.view.camera);
                 } catch (e) { /* ignore transient errors during teardown */ }
                 this._globeRaf = requestAnimationFrame(tick);
             };
             this._globeRaf = requestAnimationFrame(tick);
         },
 
-        // Frames the camera on a georeferenced tileset. Giro3D's view.goTo computes a proper ECEF
-        // point-of-view from the object's bounding box; a manual radial placement is the fallback.
+        // Frames the camera on a georeferenced tileset, using the tileset's declared bounding
+        // volume (from tileset.json). Giro3D's view.goTo must NOT be used here: it derives the
+        // point of view from the Object3D hierarchy, which is still empty before any tile has
+        // streamed in. An empty Box3 has centre (0,0,0), so goTo parks the camera at the centre
+        // of the Earth, culling the whole tileset and stalling the stream for good - the camera
+        // can never be framed from geometry that can never load.
         frameGlobe: function (tileset, box) {
             const { THREE } = this.libs;
-            try {
-                const obj = tileset.object3d || (tileset.tiles && tileset.tiles.group);
-                if (obj) {
-                    const pov = this.instance.view.goTo(obj);
-                    if (pov) {
-                        if (this.controls && this.controls.update) this.controls.update();
-                        this.instance.notifyChange();
-                        return;
-                    }
-                }
-            } catch (e) {
-                // Fall through to manual framing.
-            }
 
             const center = box.getCenter(new THREE.Vector3());
             const size = box.getSize(new THREE.Vector3());
@@ -760,7 +754,7 @@ export default {
             camera.lookAt(center);
             camera.updateMatrixWorld();
             if (this.controls && this.controls.update) this.controls.update();
-            this.instance.notifyChange();
+            this.instance.notifyChange(this.instance.view.camera);
         },
 
         // True when a THREE.Box3 is fully finite (no NaN/Infinity) and non-empty.

From c58f1b5d5b97604464fc9db3037772e1b9c4f176 Mon Sep 17 00:00:00 2001
From: HeDo <ldileo@digipa.it>
Date: Sat, 8 Aug 2026 02:33:55 +0200
Subject: [PATCH 16/16] Fixed 3dtiles viewer

---
 .../viewers/unified/UnifiedViewer.vue         | 96 ++++++++++++++++++-
 1 file changed, 92 insertions(+), 4 deletions(-)

diff --git a/webapp/js/features/viewers/unified/UnifiedViewer.vue b/webapp/js/features/viewers/unified/UnifiedViewer.vue
index 171b523..5449c04 100644
--- a/webapp/js/features/viewers/unified/UnifiedViewer.vue
+++ b/webapp/js/features/viewers/unified/UnifiedViewer.vue
@@ -3,6 +3,7 @@
         <TabViewLoader @loaded="handleLoad" titleSuffix="3D Viewer" />
 
         <Message bindTo="error" noDismiss />
+        <Toast position="bottom-left" />
         <div v-if="loading" class="loading">
             <p>{{ loadingText }}</p>
             <i class="fa-solid fa-circle-notch fa-spin" />
@@ -103,6 +104,7 @@ import Message from '@/components/Message';
 import TabViewLoader from '@/features/viewers/TabViewLoader';
 import Window from '@/components/Window.vue';
 import Button from 'primevue/button';
+import Toast from 'primevue/toast';
 import { createEarthControls } from './earthControls';
 
 const SETTINGS_KEY = 'unified-viewer-settings';
@@ -144,7 +146,7 @@ function loadSettings() {
  */
 export default {
     components: {
-        Message, TabViewLoader, Window, Button
+        Message, TabViewLoader, Window, Button, Toast
     },
     props: ['uri'],
     data: function () {
@@ -612,7 +614,7 @@ export default {
             await this.instance.add(tileset);
             this.configureTilesetStreaming(tileset);
 
-            const box = tileset.getBoundingBox();
+            let box = tileset.getBoundingBox();
             if (!box || !this.isFiniteBox(box))
                 throw new Error(`The 3D Tiles '${this.basename(entry.path)}' are empty or invalid and cannot be displayed.`);
 
@@ -627,8 +629,12 @@ export default {
             // Keep the loading indicator up until the tileset has put geometry on screen.
             await this.waitForFirstRender(() => tileset.tiles.group.children.length > 0, 20000);
 
-            // Re-frame once tiles have settled (adding the tileset can move the camera target).
-            if (georeferenced) this.frameGlobe(tileset, box);
+            // Grounding needs real streamed-in geometry (see groundGlobeTileset), so it can only
+            // run once the first tile has rendered - hence doing it here rather than before framing.
+            if (georeferenced) {
+                box = this.groundGlobeTileset(tileset, box);
+                this.frameGlobe(tileset, box);
+            }
         },
 
         // Prepares a freshly added Tiles3D entity for robust progressive streaming. Must be called
@@ -731,6 +737,88 @@ export default {
             this._globeRaf = requestAnimationFrame(tick);
         },
 
+        // Drops a georeferenced tileset onto the ellipsoid, using its actual streamed-in geometry,
+        // and clips away whatever remains below ground. Must be called AFTER the first tile has
+        // rendered (see loadTiles3D). The OSM basemap is draped on a bare WGS84 ellipsoid (the
+        // globe has no elevation layer), so a tileset sitting at its true ellipsoidal height would
+        // otherwise hang visibly in mid-air.
+        //
+        // Grounds on a low percentile of vertex altitude rather than the true minimum. Photogrammetry
+        // exports - e.g. RealityCapture - are commonly a solid, watertight mesh: a flat cap closes
+        // off the bottom of the capture volume several metres below the real ground contact point,
+        // constant across the whole footprint (verified in-browser: every vertical ray through the
+        // model hit that same cap at the same depth, regardless of XY position). Anchoring on the
+        // true minimum grounds on that cap instead of the visible surface, leaving the model floating
+        // by the cap's depth. But even after grounding on the real surface, that cap still juts out
+        // below elevation 0 at the model's edges, visible under it from any oblique angle - since the
+        // flat basemap texture has no volume to hide it behind. A clipping plane at elevation 0
+        // (world-flat is an excellent approximation at building scale) removes that cap outright
+        // instead of merely repositioning it.
+        //
+        // The shift is rigid, so distances and areas measured on the model are unaffected.
+        // Returns the repositioned bounding box, for framing.
+        groundGlobeTileset: function (tileset, box) {
+            const { THREE } = this.libs;
+            const ellipsoid = this._globe && this._globe.ellipsoid;
+            if (!ellipsoid) return box;
+
+            tileset.object3d.updateMatrixWorld(true);
+            const vertex = new THREE.Vector3();
+            const samples = [];
+            tileset.object3d.traverse(obj => {
+                const positions = obj.geometry && obj.geometry.attributes && obj.geometry.attributes.position;
+                if (!positions) return;
+                // Cap samples per mesh so grounding stays cheap on dense point clouds / meshes.
+                const step = Math.max(1, Math.floor(positions.count / 2000));
+                for (let i = 0; i < positions.count; i += step) {
+                    vertex.fromBufferAttribute(positions, i).applyMatrix4(obj.matrixWorld);
+                    samples.push({
+                        altitude: ellipsoid.toGeodetic(vertex.x, vertex.y, vertex.z).altitude,
+                        position: vertex.clone()
+                    });
+                }
+            });
+            if (samples.length === 0) return box;
+
+            // Ranking by toGeodetic().altitude is safe even though the value itself is unreliable
+            // (see below): every sample shares the same latitude-dependent bias, so relative order
+            // is preserved. Only the ground reference is ever fed back into ellipsoid math.
+            samples.sort((a, b) => a.altitude - b.altitude);
+            const ground = samples[Math.floor(samples.length * 0.02)];
+            const groundElevation = ground.altitude;
+            if (!Number.isFinite(groundElevation)) return box;
+
+            const up = ellipsoid.getNormalFromCartesian(ground.position, new THREE.Vector3());
+            const offset = up.clone().multiplyScalar(-groundElevation);
+
+            if (Math.abs(groundElevation) >= 0.01) {
+                tileset.object3d.position.add(offset);
+                tileset.object3d.updateMatrixWorld(true);
+
+                // The basemap has no elevation layer, so the model's real ellipsoidal height
+                // would otherwise leave it floating above (or sunk below) the ground - let the
+                // user know its altitude was shifted to rest on the ground.
+                this.$toast.add({
+                    severity: 'info',
+                    summary: 'Altitude adjusted',
+                    detail: `The model was shifted by ${Math.round(Math.abs(groundElevation))} m to rest on the ground.`,
+                    life: 6000
+                });
+            }
+
+            // Clip away anything left below ground (the closed-bottom cap) - a rigid shift alone
+            // repositions it but can never remove it, and it would otherwise still be visible
+            // poking out under the model. groundPoint is the actual sampled vertex (shifted by the
+            // same offset), NOT reconstructed via ellipsoid.toCartesian(toGeodetic(...).lat/lon, ...):
+            // that round-trip hits a real bug in giro3d's Ellipsoid.toGeodetic() that introduces
+            // tens to hundreds of metres of latitude-dependent error (verified: 0 at the equator,
+            // ~130 m at this latitude) - using a real ECEF point sidesteps it entirely.
+            const groundPoint = ground.position.clone().add(offset);
+            tileset.clippingPlanes = [new THREE.Plane().setFromNormalAndCoplanarPoint(up, groundPoint)];
+
+            return box.clone().translate(offset);
+        },
+
         // Frames the camera on a georeferenced tileset, using the tileset's declared bounding
         // volume (from tileset.json). Giro3D's view.goTo must NOT be used here: it derives the
         // point of view from the Object3D hierarchy, which is still empty before any tile has