@opengeoweb/workspace 14.5.2 → 15.1.0

package/index.esm.js

@@ -3,11 +3,12 @@ import { createApiInstance, createNonAuthApiInstance, getApi, getHeaders, handle
 import { syncGroupsTypes, syncGroupsActions, layerActions, mapActions, uiActions, genericActions, layerTypes, mapEnums, selectorMemoizationOptions, genericSelectors, mapSelectors, syncGroupsSelectors, routerActions, createViewObjectForNewMap, mapListener, serviceListener, layersListener, syncGroupsListener, openlayersListener, uiReducer, loadingIndicatorReducer, syncGroupsReducer, layerReducer, serviceReducer, mapReducer, uiTypes, linkComponentTypesConstants, loadingIndicatorSelectors, uiSelectors } from '@opengeoweb/store';
 import { chunk, union, cloneDeep, pick, isEmpty, isEqual, isString } from 'lodash';
 import { getLeaves, createBalancedTreeFromLeaves, MosaicContext, getAndAssertNodeAtPathExists, MosaicWindow, Mosaic } from 'react-mosaic-component';
+import { sessionStorageProvider, getAxiosErrorMessage, isAxiosError, isAxiosAuthError, safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, ConfirmationServiceProvider, CustomIconButton, useConfirmationDialog, usePrevious, AlertBanner, CustomAccordion, CustomTooltip, dateUtils, SystemScope, SearchHighlight, ToggleMenu, SearchField, Filter, LastUpdateTime, renderCounter, CustomDialog, ToolContainer, CustomToggleButton, ConfirmationButtons } from '@opengeoweb/shared';
+import { queryOptions, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { soundingsActions, SoundingsTypes, soundingsSelectors, soundingsReducer } from '@opengeoweb/soundings';
 import { timeSeriesActions, TimeSeriesTypes, timeSeriesSelectors, timeSeriesReducer } from '@opengeoweb/time-series';
 import { publicWarningActions, publicWarningsSelectors, warningsTranslations, WARN_NAMESPACE } from '@opengeoweb/warnings';
 import { snackbarTypes, snackbarActions, snackbarListener, snackbarReducer, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
-import { queryOptions, useQuery, useMutation } from '@tanstack/react-query';
-import { sessionStorageProvider, getAxiosErrorMessage, isAxiosError, isAxiosAuthError, safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, ConfirmationServiceProvider, CustomIconButton, useConfirmationDialog, usePrevious, AlertBanner, CustomAccordion, CustomTooltip, dateUtils, SystemScope, SearchHighlight, ToggleMenu, SearchField, Filter, LastUpdateTime, renderCounter, CustomDialog, ToolContainer, CustomToggleButton, ConfirmationButtons } from '@opengeoweb/shared';
 import { isAxiosError as isAxiosError$1 } from 'axios';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslation, I18nextProvider } from 'react-i18next';
@@ -24,6 +25,7 @@ import 'react-mosaic-component/react-mosaic-component.css';
 import { useFormContext, useWatch, useForm, FormProvider } from 'react-hook-form';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList } from 'react-window';
+import { http, HttpResponse, delay } from 'msw';
 
 var en = {
 	"workspace-menu": "Workspace menu",
@@ -143,7 +145,10 @@ var en = {
 	"workspace-labels-dataSource": "Data Source",
 	"workspace-labels-viewType": "View Type",
 	"workspace-presets-form-active-labels": "Active labels ({{count}})",
-	"workspace-label-active": "ACTIVE"
+	"workspace-label-active": "ACTIVE",
+	"fetch-config-error-retry": "Retry",
+	"fetch-config-error-title": "An error has occured whilst fetching the label configuration",
+	"fetch-config-no-labels-available": "There are no labels available, please contact your administrator"
 };
 var fi = {
 	"workspace-menu": "Workspace menu",
@@ -492,7 +497,10 @@ var nl = {
 	"workspace-labels-dataSource": "niet vertaald",
 	"workspace-labels-viewType": "niet vertaald",
 	"workspace-presets-form-active-labels": "niet vertaald ({{count}})",
-	"workspace-label-active": "ACTIVE"
+	"workspace-label-active": "ACTIVE",
+	"fetch-config-error-retry": "Opnieuw proberen",
+	"fetch-config-error-title": "Het ophalen van de label configuratie is mislukt",
+	"fetch-config-no-labels-available": "Er zijn geen labels beschikbaar, neem contact op met de administrator"
 };
 var workspaceTranslations = {
 	en: en,
@@ -504,11 +512,6 @@ var workspaceTranslations = {
 function _OverloadYield(e, d) {
   this.v = e, this.k = d;
 }
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
     var i = n[a](c),
@@ -534,23 +537,6 @@ function _asyncToGenerator(n) {
     });
   };
 }
-function _createForOfIteratorHelperLoose(r, e) {
-  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (t) return (t = t.call(r)).next.bind(t);
-  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
-    t && (r = t);
-    var o = 0;
-    return function () {
-      return o >= r.length ? {
-        done: true
-      } : {
-        done: false,
-        value: r[o++]
-      };
-    };
-  }
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _objectDestructuringEmpty(t) {
   if (null == t) throw new TypeError("Cannot destructure " + t);
 }
@@ -738,13 +724,6 @@ function _regeneratorValues(e) {
   }
   throw new TypeError(typeof e + " is not iterable");
 }
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
 function _regeneratorRuntime() {
 
   var r = _regenerator(),
@@ -814,10 +793,38 @@ function _regeneratorRuntime() {
   })();
 }
 
-var API_NAME = 'workspacepresets';
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2026 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2026 - Finnish Meteorological Institute (FMI)
+ * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+/*
+ configureLibraryDefaults([LIB_KEY], {
+  staleTime: 5 * 60 * 1000,
+});
+*/
+var LIB_KEY = 'workspace-lib';
+var getPresetBaseUrl = function getPresetBaseUrl() {
+  var config = sessionStorageProvider.getConfig();
+  return (config == null ? void 0 : config.GW_PRESET_BACKEND_URL) || '';
+};
 var getIdFromUrl = function getIdFromUrl(url) {
   return url && /[^/]+$/.exec(url)[0];
 };
+
+var API_NAME = 'workspacepresets';
 var getApiRoutes$1 = function getApiRoutes(axiosInstance) {
   return {
     // workspace presets
@@ -840,105 +847,31 @@ var getApiRoutes$1 = function getApiRoutes(axiosInstance) {
       }
       return getWorkspacePresets;
     }(),
-    getWorkspacePreset: function () {
-      var _getWorkspacePreset = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(workspacePresetId) {
+    saveViewPreset: function () {
+      var _saveViewPreset = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(viewPresetId, data) {
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              return _context2.abrupt("return", axiosInstance.get("/workspacepreset/" + workspacePresetId));
-            case 1:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      function getWorkspacePreset(_x2) {
-        return _getWorkspacePreset.apply(this, arguments);
-      }
-      return getWorkspacePreset;
-    }(),
-    saveWorkspacePreset: function () {
-      var _saveWorkspacePreset = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(workspacePresetId, data) {
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              return _context3.abrupt("return", axiosInstance.put("/workspacepreset/" + workspacePresetId + "/", data));
-            case 1:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }));
-      function saveWorkspacePreset(_x3, _x4) {
-        return _saveWorkspacePreset.apply(this, arguments);
-      }
-      return saveWorkspacePreset;
-    }(),
-    saveWorkspacePresetAs: function () {
-      var _saveWorkspacePresetAs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              return _context4.abrupt("return", axiosInstance.post("/workspacepreset/", data).then(function (response) {
-                var headerLocation = response == null ? void 0 : response.request.getResponseHeader('Location');
-                return getIdFromUrl(headerLocation);
-              }));
-            case 1:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4);
-      }));
-      function saveWorkspacePresetAs(_x5) {
-        return _saveWorkspacePresetAs.apply(this, arguments);
-      }
-      return saveWorkspacePresetAs;
-    }(),
-    // view presets
-    getViewPresets: function () {
-      var _getViewPresets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(params) {
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              return _context5.abrupt("return", axiosInstance.get('/viewpreset', {
-                params: params
-              }));
-            case 1:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee5);
-      }));
-      function getViewPresets(_x6) {
-        return _getViewPresets.apply(this, arguments);
-      }
-      return getViewPresets;
-    }(),
-    saveViewPreset: function () {
-      var _saveViewPreset = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(viewPresetId, data) {
-        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
-            case 0:
-              return _context6.abrupt("return", axiosInstance.put("/viewpreset/" + viewPresetId + "/", data.initialProps === null ? Object.assign({}, data, {
+              return _context2.abrupt("return", axiosInstance.put("/viewpreset/" + viewPresetId + "/", data.initialProps === null ? Object.assign({}, data, {
                 initialProps: {}
               }) : data));
             case 1:
             case "end":
-              return _context6.stop();
+              return _context2.stop();
           }
-        }, _callee6);
+        }, _callee2);
       }));
-      function saveViewPreset(_x7, _x8) {
+      function saveViewPreset(_x2, _x3) {
         return _saveViewPreset.apply(this, arguments);
       }
       return saveViewPreset;
     }(),
     saveViewPresetAs: function () {
-      var _saveViewPresetAs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(data) {
-        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+      var _saveViewPresetAs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              return _context7.abrupt("return", axiosInstance.post("/viewpreset/", data.initialProps === null ? Object.assign({}, data, {
+              return _context3.abrupt("return", axiosInstance.post("/viewpreset/", data.initialProps === null ? Object.assign({}, data, {
                 initialProps: {}
               }) : data).then(function (response) {
                 var headerLocation = response == null ? void 0 : response.request.getResponseHeader('Location');
@@ -946,11 +879,11 @@ var getApiRoutes$1 = function getApiRoutes(axiosInstance) {
               }));
             case 1:
             case "end":
-              return _context7.stop();
+              return _context3.stop();
           }
-        }, _callee7);
+        }, _callee3);
       }));
-      function saveViewPresetAs(_x9) {
+      function saveViewPresetAs(_x4) {
         return _saveViewPresetAs.apply(this, arguments);
       }
       return saveViewPresetAs;
@@ -1088,6 +1021,161 @@ var toViewsArray = function toViewsArray(wsViews) {
   });
 };
 
+var getViewPreset = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(viewpresetId, auth) {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", fetch(getPresetBaseUrl() + "/viewpreset/" + viewpresetId, {
+            headers: getHeaders(auth)
+          }).then(handleResponse));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getViewPreset(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var getViewPresets$1 = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(auth, params) {
+    var baseUrl, searchParams, queryString, url;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          baseUrl = getPresetBaseUrl() + "/viewpreset";
+          searchParams = new URLSearchParams();
+          if (params) {
+            Object.entries(params).forEach(function (_ref3) {
+              var key = _ref3[0],
+                value = _ref3[1];
+              if (value !== undefined && value !== null) {
+                searchParams.append(key, String(value));
+              }
+            });
+          }
+          queryString = searchParams.toString();
+          url = queryString ? baseUrl + "?" + queryString : baseUrl;
+          return _context2.abrupt("return", fetch(url, {
+            headers: getHeaders(auth)
+          }).then(handleResponse));
+        case 6:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function getViewPresets(_x3, _x4) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var updateViewPreset = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(viewpresetId, data, auth) {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          return _context3.abrupt("return", fetch(getPresetBaseUrl() + "/viewpreset/" + viewpresetId, {
+            headers: getHeaders(auth),
+            method: 'PUT',
+            body: JSON.stringify(data)
+          }).then(handleResponse));
+        case 1:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function updateViewPreset(_x5, _x6, _x7) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+var deleteViewPreset = /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(viewPresetId, auth) {
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          return _context4.abrupt("return", fetch(getPresetBaseUrl() + "/viewpreset/" + viewPresetId, {
+            method: 'DELETE',
+            headers: getHeaders(auth)
+          }).then(handleResponse));
+        case 1:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return function deleteViewPreset(_x8, _x9) {
+    return _ref5.apply(this, arguments);
+  };
+}();
+
+var API_KEY$1 = 'viewpreset-api';
+var generateViewPresetQueryKeys = function generateViewPresetQueryKeys() {
+  for (var _len = arguments.length, queryKeys = new Array(_len), _key = 0; _key < _len; _key++) {
+    queryKeys[_key] = arguments[_key];
+  }
+  return [LIB_KEY, API_KEY$1].concat(queryKeys);
+};
+var viewpresetQueryOptions = {
+  keys: {
+    all: function all() {
+      return generateViewPresetQueryKeys();
+    },
+    views: function views() {
+      return [].concat(viewpresetQueryOptions.keys.all(), ['view']);
+    },
+    lists: function lists() {
+      return [].concat(viewpresetQueryOptions.keys.all(), ['list']);
+    }
+  },
+  getViewPreset: function getViewPreset$1(id, credentials) {
+    return queryOptions({
+      queryKey: [].concat(viewpresetQueryOptions.keys.views(), [id]),
+      queryFn: function () {
+        var _queryFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                return _context.abrupt("return", getViewPreset(id, credentials));
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function queryFn() {
+          return _queryFn.apply(this, arguments);
+        }
+        return queryFn;
+      }()
+    });
+  },
+  getViewPresets: function getViewPresets(params, credentials) {
+    return queryOptions({
+      queryKey: [].concat(viewpresetQueryOptions.keys.lists(), [JSON.stringify(params != null ? params : {})]),
+      queryFn: function () {
+        var _queryFn2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                return _context2.abrupt("return", getViewPresets$1(credentials, params));
+              case 1:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        function queryFn() {
+          return _queryFn2.apply(this, arguments);
+        }
+        return queryFn;
+      }()
+    });
+  }
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -1443,10 +1531,12 @@ var viewPresetsAdapter = createEntityAdapter({
 var initialState$2 = viewPresetsAdapter.getInitialState();
 var warningsPresetChangeActions = [publicWarningActions.setWarningFilters];
 var syncGroupChangeActions = [syncGroupsActions.syncGroupRemoveTarget, syncGroupsActions.syncGroupAddTarget];
-var mapPresetChangeActions = [layerActions.setBaseLayers, layerActions.layerDelete, layerActions.addLayer, layerActions.duplicateMapLayer, layerActions.layerChangeEnabled, layerActions.layerChangeName, layerActions.layerChangeStyle, layerActions.layerChangeOpacity, layerActions.layerChangeDimension, layerActions.layerChangeAcceptanceTime, mapActions.layerMoveLayer, mapActions.setAutoLayerId, mapActions.setAutoTimestepLayerId, mapActions.setAutoUpdateLayerId, mapActions.toggleAutoUpdate, mapActions.mapStartAnimation, mapActions.mapStopAnimation, mapActions.toggleTimeSliderIsVisible, mapActions.setTimeStep, mapActions.setTimeSliderSpan, mapActions.toggleTimeSpanAuto, mapActions.setAnimationDelay, mapActions.toggleTimestepAuto, mapActions.setAnimationStartTime, mapActions.setAnimationEndTime, mapActions.changeOverlayer, uiActions.setActiveMapIdForDialog, uiActions.setToggleOpenDialog, genericActions.setBbox, mapActions.setBbox];
+var mapPresetChangeActions = [layerActions.setBaseLayers, layerActions.layerDelete, layerActions.addLayer, layerActions.duplicateMapLayer, layerActions.layerChangeEnabled, layerActions.layerChangeName, layerActions.layerChangeStyle, layerActions.layerChangeOpacity, layerActions.layerChangeDimension, layerActions.layerChangeAcceptanceTime, mapActions.layerMoveLayer, mapActions.setAutoLayerId, mapActions.setAutoTimestepLayerId, mapActions.setAutoUpdateLayerId, mapActions.toggleAutoUpdate, mapActions.mapStartAnimation, mapActions.mapStopAnimation, mapActions.toggleTimeSliderIsVisible, mapActions.setTimeStep, mapActions.setTimeSliderSpan, mapActions.toggleTimeSpanAuto, mapActions.setAnimationDelay, mapActions.toggleTimestepAuto, mapActions.setAnimationStartTime, mapActions.setAnimationEndTime, mapActions.changeOverlayer, uiActions.setActiveMapIdForDialog, uiActions.setToggleOpenDialog, genericActions.setBbox, mapActions.setBbox, mapActions.toggleClock];
 var timeSeriesPresetChangeActions = [timeSeriesActions.addParameter, timeSeriesActions.addPlot, timeSeriesActions.deleteParameter, timeSeriesActions.deletePlot, timeSeriesActions.moveParameter, timeSeriesActions.movePlot, timeSeriesActions.toggleParameter, timeSeriesActions.togglePlot, timeSeriesActions.patchParameter, timeSeriesActions.updateTitle];
+var soundingsChangeActions = [soundingsActions.updateSelectedSource, soundingsActions.updateSelectedLocation, soundingsActions.updateSelectedTime, soundingsActions.updateDiagramType, soundingsActions.toggleLocationMarkers];
 var supportedMapActionOrigins = [layerTypes.LayerActionOrigin.layerManager, layerTypes.LayerActionOrigin.wmsLoader, mapEnums.MapActionOrigin.map];
 var supportedTimeSeriesActionOrigins = [TimeSeriesTypes.TimeSeriesActionOrigin.timeSeriesManager, TimeSeriesTypes.TimeSeriesActionOrigin.timeSeriesSelect];
+var supportedSoundingsActionOrigins = [SoundingsTypes.SoundingsActionOrigin.soundingsComponent];
 var slice$2 = createSlice({
   initialState: initialState$2,
   name: 'viewPresets',
@@ -1852,11 +1942,43 @@ var slice$2 = createSlice({
         }
       });
     });
+    soundingsChangeActions.map(function (soundingsAction) {
+      return builder.addCase(soundingsAction, function (draft, action) {
+        var _action$payload19 = action.payload,
+          panelId = _action$payload19.panelId,
+          origin = _action$payload19.origin;
+        var isChangeOriginSupported = supportedSoundingsActionOrigins.includes(origin);
+        if (isChangeOriginSupported && panelId && panelId !== '') {
+          var entity = draft.entities[panelId];
+          if (entity && !(entity != null && entity.hasChanges)) {
+            entity.hasChanges = true;
+            viewPresetsAdapter.setOne(draft, entity);
+          }
+        }
+      });
+    });
   }
 });
 var viewPresetsReducer = slice$2.reducer,
   viewPresetActions = slice$2.actions;
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 var getCleanSearchQuery = function getCleanSearchQuery(searchQuery) {
   return searchQuery.trim().split(/\s+/).join();
 };
@@ -1918,33 +2040,15 @@ var filterAndSortPresets = function filterAndSortPresets(presets, selectedFilter
     var matchesLabelFilters = function matchesLabelFilters(preset) {
       var _preset$labels;
       var presetLabels = (_preset$labels = preset.labels) != null ? _preset$labels : {};
-      var _loop = function _loop() {
-          var _presetLabels$key;
-          var _step$value = _step.value,
-            key = _step$value.key,
-            selectedValues = _step$value.values;
-          var presetValues = (_presetLabels$key = presetLabels[key]) != null ? _presetLabels$key : [];
-          // If user filtered on this group but preset has no labels in it → exclude
-          if (!presetValues.length) {
-            return {
-              v: false
-            };
-          }
-          var hasAllSelectedValues = selectedValues.every(function (label) {
-            return presetValues.includes(label);
-          });
-          if (!hasAllSelectedValues) {
-            return {
-              v: false
-            };
-          }
-        },
-        _ret;
-      for (var _iterator = _createForOfIteratorHelperLoose(activeGroups), _step; !(_step = _iterator()).done;) {
-        _ret = _loop();
-        if (_ret) return _ret.v;
-      }
-      return true;
+      return activeGroups.every(function (_ref2) {
+        var _presetLabels$key;
+        var key = _ref2.key,
+          selectedValues = _ref2.values;
+        var presetValues = (_presetLabels$key = presetLabels[key]) != null ? _presetLabels$key : [];
+        return selectedValues.some(function (label) {
+          return presetValues.includes(label);
+        });
+      });
     };
     return scopeFiltered.filter(matchesLabelFilters);
   }();
@@ -2157,6 +2261,9 @@ var slice$1 = createSlice({
       draft.viewType = getViewType$1(draft.views.allIds.length, action.payload.componentType);
     },
     setNewWorkspaceView: function setNewWorkspaceView(_draft, _action) {},
+    teardownComplete: function teardownComplete() {
+      // Signal-only action for listener coordination
+    },
     deleteWorkspaceView: function deleteWorkspaceView(draft, action) {
       var id = action.payload.id;
       draft.views.allIds = draft.views.allIds.filter(function (viewId) {
@@ -2387,11 +2494,17 @@ var slice$1 = createSlice({
     }).addCase(viewPresetActions.onSuccessViewPresetAction, function (draft, action) {
       var _action$payload5 = action.payload,
         panelId = _action$payload5.panelId,
+        activeViewPresetId = _action$payload5.activeViewPresetId,
         title = _action$payload5.title,
         presetAction = _action$payload5.action,
         scope = _action$payload5.scope,
         _abstract = _action$payload5["abstract"],
         labels = _action$payload5.labels;
+      // If preset is not the active/selected one
+      var shouldSkipInactivePresetUpdate = activeViewPresetId !== undefined && activeViewPresetId !== action.payload.viewPresetId && (presetAction === PresetAction.EDIT || presetAction === PresetAction.SHARE || presetAction === PresetAction.SAVE_AS && action.payload.shouldSetActiveViewPreset === false);
+      if (shouldSkipInactivePresetUpdate) {
+        return;
+      }
       var entity = draft.views.byId[panelId];
       if (entity && presetAction !== PresetAction.DELETE) {
         entity.title = title;
@@ -2703,7 +2816,7 @@ var getViewComponentType = createSelector(getViewById, function (store) {
   var _store$componentType;
   return (_store$componentType = store == null ? void 0 : store.componentType) != null ? _store$componentType : 'Map';
 }, selectorMemoizationOptions);
-var getViewPresetToSendToBackend = createSelector(getViewById, getViewComponentType, mapSelectors.getMapPreset, syncGroupsSelectors.getAllTargetGroupsForSource, timeSeriesSelectors.getTimeSeriesPreset, publicWarningsSelectors.getWarningsPresetById, mapSelectors.getMultiMapInitialProps, mapSelectors.getTimeSliderInitialProps, function (store) {
+var getViewPresetToSendToBackend = createSelector(getViewById, getViewComponentType, mapSelectors.getMapPreset, syncGroupsSelectors.getAllTargetGroupsForSource, timeSeriesSelectors.getTimeSeriesPreset, publicWarningsSelectors.getWarningsPresetById, mapSelectors.getMultiMapInitialProps, mapSelectors.getTimeSliderInitialProps, soundingsSelectors.getSoundingsPreset, function (store) {
   return store;
 }, function (panelId) {
   return panelId;
@@ -2712,7 +2825,7 @@ var getViewPresetToSendToBackend = createSelector(getViewById, getViewComponentT
     keepAllDims = false;
   }
   return keepAllDims;
-}, function (workspaceView, viewComponentType, mapPreset, syncGroupsIds, timeSeriesPreset, warningsPreset, multiMapPreset, timeSliderPreset, store, panelId, keepAllDims) {
+}, function (workspaceView, viewComponentType, mapPreset, syncGroupsIds, timeSeriesPreset, warningsPreset, multiMapPreset, timeSliderPreset, soundingsPreset, store, panelId, keepAllDims) {
   var _workspaceView$scope, _initialPropsByCompon;
   var title = workspaceView == null ? void 0 : workspaceView.title;
   var scope = (_workspaceView$scope = workspaceView == null ? void 0 : workspaceView.scope) != null ? _workspaceView$scope : 'system';
@@ -2729,7 +2842,8 @@ var getViewPresetToSendToBackend = createSelector(getViewById, getViewComponentT
     HarmonieTempAndPrecipPreset: harmonieProps != null && harmonieProps.layers ? {
       layers: harmonieProps.layers
     } : undefined,
-    TimeSlider: timeSliderPreset
+    TimeSlider: timeSliderPreset,
+    Soundings: soundingsPreset
   };
   return Object.assign({}, emptyViewPreset(viewComponentType), {
     id: workspaceView == null ? void 0 : workspaceView.id,
@@ -2879,16 +2993,12 @@ var getViewPresetLabelFilters = createSelector(getViewPresetById, function (_sto
   return viewPreset == null ? void 0 : viewPreset.labelFilters;
 }, selectorMemoizationOptions);
 
-var getPresetBaseUrl = function getPresetBaseUrl() {
-  var config = sessionStorageProvider.getConfig();
-  return (config == null ? void 0 : config.GW_PRESET_BACKEND_URL) || '';
-};
-var getViewPreset = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(viewpresetId, auth) {
+var getWorkspaceLabelsConfig = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(auth) {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          return _context.abrupt("return", fetch(getPresetBaseUrl() + "/viewpreset/" + viewpresetId, {
+          return _context.abrupt("return", fetch(getPresetBaseUrl() + "/workspace-labels-config", {
             headers: getHeaders(auth)
           }).then(handleResponse));
         case 1:
@@ -2897,19 +3007,17 @@ var getViewPreset = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-  return function getViewPreset(_x, _x2) {
+  return function getWorkspaceLabelsConfig(_x) {
     return _ref.apply(this, arguments);
   };
 }();
-var updateViewPreset = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(viewpresetId, data, auth) {
+var getWorkspacePreset = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(workspaceId, auth) {
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          return _context2.abrupt("return", fetch(getPresetBaseUrl() + "/viewpreset/" + viewpresetId, {
-            headers: getHeaders(auth),
-            method: 'PUT',
-            body: JSON.stringify(data)
+          return _context2.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset/" + workspaceId, {
+            headers: getHeaders(auth)
           }).then(handleResponse));
         case 1:
         case "end":
@@ -2917,17 +3025,16 @@ var updateViewPreset = /*#__PURE__*/function () {
       }
     }, _callee2);
   }));
-  return function updateViewPreset(_x3, _x4, _x5) {
+  return function getWorkspacePreset(_x2, _x3) {
     return _ref2.apply(this, arguments);
   };
 }();
-var deleteViewPreset = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(viewPresetId, auth) {
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+var getWorkspace = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(workspaceId, auth) {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          return _context3.abrupt("return", fetch(getPresetBaseUrl() + "/viewpreset/" + viewPresetId, {
-            method: 'DELETE',
+          return _context3.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset/" + workspaceId, {
             headers: getHeaders(auth)
           }).then(handleResponse));
         case 1:
@@ -2936,49 +3043,137 @@ var deleteViewPreset = /*#__PURE__*/function () {
       }
     }, _callee3);
   }));
-  return function deleteViewPreset(_x6, _x7) {
+  return function getWorkspace(_x4, _x5) {
     return _ref3.apply(this, arguments);
   };
 }();
+var deleteWorkspace = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(workspaceId, auth) {
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          return _context4.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset/" + workspaceId, {
+            headers: getHeaders(auth),
+            method: 'DELETE'
+          }).then(handleResponse));
+        case 1:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return function deleteWorkspace(_x6, _x7) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+var updateWorkspace = /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(workspaceId, data, auth) {
+    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          return _context5.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset/" + workspaceId, {
+            headers: getHeaders(auth),
+            method: 'PUT',
+            body: JSON.stringify(data)
+          }).then(handleResponse));
+        case 1:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return function updateWorkspace(_x8, _x9, _x0) {
+    return _ref5.apply(this, arguments);
+  };
+}();
+var saveWorkspacePreset = /*#__PURE__*/function () {
+  var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(workspaceId, data, auth) {
+    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          return _context6.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset/" + workspaceId + "/", {
+            headers: getHeaders(auth),
+            method: 'PUT',
+            body: JSON.stringify(data)
+          }).then(handleResponse));
+        case 1:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6);
+  }));
+  return function saveWorkspacePreset(_x1, _x10, _x11) {
+    return _ref6.apply(this, arguments);
+  };
+}();
+var createWorkspace = /*#__PURE__*/function () {
+  var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(data, auth) {
+    return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+      while (1) switch (_context7.prev = _context7.next) {
+        case 0:
+          return _context7.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset", {
+            headers: getHeaders(auth),
+            method: 'POST',
+            body: JSON.stringify(data)
+          }).then(handleResponse));
+        case 1:
+        case "end":
+          return _context7.stop();
+      }
+    }, _callee7);
+  }));
+  return function createWorkspace(_x12, _x13) {
+    return _ref7.apply(this, arguments);
+  };
+}();
+var saveWorkspacePresetAs = /*#__PURE__*/function () {
+  var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(data, auth) {
+    var _response$headers$get;
+    var response, headerLocation;
+    return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          _context8.next = 2;
+          return fetch(getPresetBaseUrl() + "/workspacepreset", {
+            headers: getHeaders(auth),
+            method: 'POST',
+            body: JSON.stringify(data)
+          });
+        case 2:
+          response = _context8.sent;
+          _context8.next = 5;
+          return handleResponse(response);
+        case 5:
+          headerLocation = (_response$headers$get = response.headers.get('Location')) != null ? _response$headers$get : response.headers.get('location');
+          return _context8.abrupt("return", getIdFromUrl(headerLocation));
+        case 7:
+        case "end":
+          return _context8.stop();
+      }
+    }, _callee8);
+  }));
+  return function saveWorkspacePresetAs(_x14, _x15) {
+    return _ref8.apply(this, arguments);
+  };
+}();
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2026 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2026 - Finnish Meteorological Institute (FMI)
- * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
- * */
-/*
- configureLibraryDefaults([LIB_KEY], {
-  staleTime: 5 * 60 * 1000,
-});
-*/
-var LIB_KEY = 'workspace-lib';
-
-var API_KEY = 'viewpresets-api';
-var generateViewPresetsQueryKeys = function generateViewPresetsQueryKeys(queryKeys) {
+var API_KEY = 'workspace-api';
+var generateWorkspaceQueryKeys = function generateWorkspaceQueryKeys() {
+  for (var _len = arguments.length, queryKeys = new Array(_len), _key = 0; _key < _len; _key++) {
+    queryKeys[_key] = arguments[_key];
+  }
   return [LIB_KEY, API_KEY].concat(queryKeys);
 };
-var viewpresetsQueryOptions = {
-  getViewPreset: function getViewPreset$1(id, credentials) {
+var workspaceQueryOptions = {
+  getWorkspacePreset: function getWorkspacePreset$1(id, credentials) {
     return queryOptions({
-      queryKey: generateViewPresetsQueryKeys([id]),
+      queryKey: generateWorkspaceQueryKeys(id),
       queryFn: function () {
         var _queryFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
           return _regeneratorRuntime().wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                return _context.abrupt("return", getViewPreset(id, credentials));
+                return _context.abrupt("return", getWorkspacePreset(id, credentials));
               case 1:
               case "end":
                 return _context.stop();
@@ -2991,196 +3186,56 @@ var viewpresetsQueryOptions = {
         return queryFn;
       }()
     });
+  },
+  saveWorkspacePreset: function saveWorkspacePreset$1(id, data, credentials) {
+    return queryOptions({
+      queryKey: generateWorkspaceQueryKeys(id),
+      staleTime: 0,
+      queryFn: function () {
+        var _queryFn2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                return _context2.abrupt("return", saveWorkspacePreset(id, data, credentials));
+              case 1:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        function queryFn() {
+          return _queryFn2.apply(this, arguments);
+        }
+        return queryFn;
+      }()
+    });
+  },
+  saveWorkspacePresetAs: function saveWorkspacePresetAs$1(data, credentials) {
+    return queryOptions({
+      queryKey: generateWorkspaceQueryKeys('save-as'),
+      staleTime: 0,
+      queryFn: function () {
+        var _queryFn3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                return _context3.abrupt("return", saveWorkspacePresetAs(data, credentials));
+              case 1:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
+        }));
+        function queryFn() {
+          return _queryFn3.apply(this, arguments);
+        }
+        return queryFn;
+      }()
+    });
   }
 };
 
-var viewPresetsList = [
-	{
-		title: "Radar",
-		abstract: "abstract radar",
-		id: "radar",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "Temperature",
-		id: "temp",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "user"
-	},
-	{
-		title: "Radar",
-		id: "screenRadar",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "user",
-		username: "user.name"
-	},
-	{
-		id: "screenConfigC",
-		title: "Satellite",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "map_OBSTA",
-		id: "map_OBSTA",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "map_OBSPP",
-		id: "map_OBSPP",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "map_OBSWind",
-		id: "map_OBSWind",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "map_OBSRH",
-		id: "map_OBSRH",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "map_OBSQG",
-		id: "map_OBSQG",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "harmPrecip",
-		id: "harmPrecip",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "harmTemp",
-		id: "harmTemp",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "screenHarm",
-		id: "screenHarm",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "Harmonie",
-		id: "viewHarmonie",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "harmRefTime",
-		id: "harmRefTime",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "harmRefTimeAll",
-		id: "harmRefTimeAll",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "screenHarmAll",
-		id: "screenHarmAll",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "harmPressure",
-		id: "harmPressure",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "Empty map",
-		id: "emptyMap",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "Timeseries map",
-		id: "TimeseriesMap",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "KNMI WMS UWCW HA43 DINI forecast",
-		id: "view_knmi_timeseries_ha43_dini_wms",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "KNMI EDR UWCW HA43 DINI forecast",
-		id: "view_knmi_timeseries_ha43_dini_edr",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "sat",
-		id: "sat",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "rad",
-		id: "rad",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "screenRadAndObs",
-		id: "screenRadAndObs",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "demosyncgroupbbox_radar",
-		id: "demosyncgroupbbox_radar",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "demosyncgroupbbox_temp",
-		id: "demosyncgroupbbox_temp",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "demosyncgrouptime_radar",
-		id: "demosyncgrouptime_radar",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "demosyncgrouptime_temp",
-		id: "demosyncgrouptime_temp",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	},
-	{
-		title: "Cap Warnings",
-		id: "capView",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "abstract cap"
-	},
-	{
-		title: "Warning List",
-		id: "warningList",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system"
-	}
-];
-
-var workspacePresetsListFullContent = [
+var workspacePresets = [
 	{
 		id: "screenConfigRadarTemp",
 		title: "Radar and temperature",
@@ -4342,6 +4397,27 @@ var workspacePresetsListFullContent = [
 			}
 		],
 		mosaicNode: "radarView"
+	},
+	{
+		id: "test-1",
+		title: "Test view preset error",
+		scope: "system",
+		username: "user.name",
+		abstract: "",
+		viewType: "multiWindow",
+		views: [
+			{
+				mosaicNodeId: "screen_no_1",
+				viewPresetId: "temp"
+			}
+		],
+		syncGroups: [
+			{
+				id: "Area_RadarTemp",
+				type: "SYNCGROUPS_TYPE_SETBBOX"
+			}
+		],
+		mosaicNode: "screen_no_1"
 	}
 ];
 
@@ -4503,11 +4579,6 @@ var workspacePresetsList = [
 ];
 
 var ERROR_NOT_FOUND = 'Request failed with status code 400';
-var extractWorkspacePresetFromJSON = function extractWorkspacePresetFromJSON(workspacePresetId) {
-  return workspacePresetsListFullContent.find(function (element) {
-    return element.id === workspacePresetId;
-  });
-};
 var filterWorkspacePresetList = function filterWorkspacePresetList(params) {
   if (isEmpty(params)) {
     return workspacePresetsList;
@@ -4524,28 +4595,6 @@ var filterWorkspacePresetList = function filterWorkspacePresetList(params) {
     return list;
   }, []);
 };
-var filterViewPresetList = function filterViewPresetList(params) {
-  if (isEmpty(params)) {
-    return viewPresetsList;
-  }
-  return viewPresetsList.reduce(function (list, viewPresetRaw) {
-    var _params$scope;
-    var workspacePreset = viewPresetRaw;
-    if (params != null && (_params$scope = params.scope) != null && _params$scope.includes(workspacePreset.scope)) {
-      return list.concat(workspacePreset);
-    }
-    return list;
-  }, []);
-};
-var sortViewPresets = function sortViewPresets(viewPresets) {
-  var presetOrder = ['system', 'user'];
-  return [].concat(viewPresets).sort(function (left, right) {
-    if (left.scope === right.scope) {
-      return left.title.localeCompare(right.title);
-    }
-    return presetOrder.indexOf(left.scope) - presetOrder.indexOf(right.scope);
-  });
-};
 var getApiRoutes = function getApiRoutes(axiosInstance) {
   return {
     getWorkspacePresets: function () {
@@ -4572,131 +4621,42 @@ var getApiRoutes = function getApiRoutes(axiosInstance) {
       }
       return getWorkspacePresets;
     }(),
-    getWorkspacePreset: function () {
-      var _getWorkspacePreset = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(workspacePresetId) {
+    saveViewPreset: function () {
+      var _saveViewPreset = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(presetId, data) {
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              return _context2.abrupt("return", axiosInstance.get("/workspacepreset/" + workspacePresetId).then(function () {
-                if (!extractWorkspacePresetFromJSON(workspacePresetId)) {
-                  throw new Error(ERROR_NOT_FOUND);
-                }
-                return {
-                  data: extractWorkspacePresetFromJSON(workspacePresetId)
-                };
-              }));
-            case 1:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      function getWorkspacePreset(_x2) {
-        return _getWorkspacePreset.apply(this, arguments);
-      }
-      return getWorkspacePreset;
-    }(),
-    saveWorkspacePreset: function () {
-      var _saveWorkspacePreset = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(workspacePresetId, data) {
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              // eslint-disable-next-line no-console
-              console.log('api: save workspace preset', workspacePresetId, data);
-              return _context3.abrupt("return", axiosInstance.put("/workspacepreset/" + workspacePresetId + "/", data));
-            case 2:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }));
-      function saveWorkspacePreset(_x3, _x4) {
-        return _saveWorkspacePreset.apply(this, arguments);
-      }
-      return saveWorkspacePreset;
-    }(),
-    saveWorkspacePresetAs: function () {
-      var _saveWorkspacePresetAs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              // eslint-disable-next-line no-console
-              console.log('api: save workspace preset as', data);
-              return _context4.abrupt("return", axiosInstance.post("/workspacepreset/", data).then(function () {
-                return null;
-              }));
-            case 2:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4);
-      }));
-      function saveWorkspacePresetAs(_x5) {
-        return _saveWorkspacePresetAs.apply(this, arguments);
-      }
-      return saveWorkspacePresetAs;
-    }(),
-    // view presets
-    getViewPresets: function () {
-      var _getViewPresets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(params) {
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              return _context5.abrupt("return", axiosInstance.get('/viewpreset', {
-                params: params
-              }).then(function () {
-                var data = filterViewPresetList(params);
-                return {
-                  data: sortViewPresets(data)
-                };
-              }));
-            case 1:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee5);
-      }));
-      function getViewPresets(_x6) {
-        return _getViewPresets.apply(this, arguments);
-      }
-      return getViewPresets;
-    }(),
-    saveViewPreset: function () {
-      var _saveViewPreset = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(presetId, data) {
-        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               // eslint-disable-next-line no-console
               console.log('api: save view preset', presetId, data);
-              return _context6.abrupt("return", axiosInstance.put("/viewpreset/" + presetId + "/", data));
+              return _context2.abrupt("return", axiosInstance.put("/viewpreset/" + presetId + "/", data));
             case 2:
             case "end":
-              return _context6.stop();
+              return _context2.stop();
           }
-        }, _callee6);
+        }, _callee2);
       }));
-      function saveViewPreset(_x7, _x8) {
+      function saveViewPreset(_x2, _x3) {
         return _saveViewPreset.apply(this, arguments);
       }
       return saveViewPreset;
     }(),
     saveViewPresetAs: function () {
-      var _saveViewPresetAs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(data) {
-        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+      var _saveViewPresetAs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               // eslint-disable-next-line no-console
               console.log('api: save view preset as', data);
-              return _context7.abrupt("return", axiosInstance.post("/viewpreset/", data).then(function () {
+              return _context3.abrupt("return", axiosInstance.post("/viewpreset/", data).then(function () {
                 return null;
               }));
             case 2:
             case "end":
-              return _context7.stop();
+              return _context3.stop();
           }
-        }, _callee7);
+        }, _callee3);
       }));
-      function saveViewPresetAs(_x9) {
+      function saveViewPresetAs(_x4) {
         return _saveViewPresetAs.apply(this, arguments);
       }
       return saveViewPresetAs;
@@ -4945,14 +4905,15 @@ workspaceListListener.startListening({
   actionCreator: workspaceListActions.submitFormWorkspaceActionDialogOptions,
   effect: function () {
     var _effect3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref3, listenerApi) {
-      var payload, workspaceApi, workspaceState, presetId, presetAction, data, emptyMapPresetTitle, emptyWorkspacePresetTitle, scope, _yield$workspaceApi$g2, originalData, workspaceDataNewTitle, _originalData$views, _data$views2, _yield$workspaceApi$g3, _originalData, mergedViews, payloadToSave, isSaveWorkspaceAction, isSaveAsWorkspaceAction, hasWorkspaceAlreadyBeenSaved, workspaceId, workspaceData, viewsWithInitialProps, newWorkspace, message, category;
+      var _listenerApi$getState;
+      var payload, workspaceState, credentials, presetId, presetAction, data, emptyMapPresetTitle, emptyWorkspacePresetTitle, scope, originalData, workspaceDataNewTitle, _originalData$views, _data$views2, _originalData, mergedViews, payloadToSave, isSaveWorkspaceAction, isSaveAsWorkspaceAction, hasWorkspaceAlreadyBeenSaved, workspaceId, workspaceData, viewsWithInitialProps, newWorkspace, _listenerApi$getState2, _credentials, hasChanges, message, category;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             payload = _ref3.payload;
             listenerApi.cancelActiveListeners();
-            workspaceApi = getWorkspaceApi();
             workspaceState = listenerApi.getState();
+            credentials = (_listenerApi$getState = listenerApi.getState().common) == null || (_listenerApi$getState = _listenerApi$getState.auth) == null ? void 0 : _listenerApi$getState.credentials;
             _context3.prev = 4;
             presetId = payload.presetId, presetAction = payload.presetAction, data = payload.data, emptyMapPresetTitle = payload.emptyMapPresetTitle, emptyWorkspacePresetTitle = payload.emptyWorkspacePresetTitle;
             scope = data.scope || 'user'; // duplicate
@@ -4961,14 +4922,13 @@ workspaceListListener.startListening({
             if (presetAction === WorkspacePresetAction.DELETE || presetAction === WorkspacePresetAction.DELETE_SYSTEM_PRESET) ;
             // edit
             if (!(presetAction === WorkspacePresetAction.EDIT)) {
-              _context3.next = 18;
+              _context3.next = 19;
               break;
             }
             _context3.next = 12;
-            return workspaceApi.getWorkspacePreset(presetId);
+            return getQueryClient().fetchQuery(workspaceQueryOptions.getWorkspacePreset(presetId, credentials));
           case 12:
-            _yield$workspaceApi$g2 = _context3.sent;
-            originalData = _yield$workspaceApi$g2.data;
+            originalData = _context3.sent;
             workspaceDataNewTitle = Object.assign({}, originalData, {
               title: data.title,
               "abstract": data["abstract"],
@@ -4977,9 +4937,12 @@ workspaceListListener.startListening({
               updated: data.updated,
               updatedBy: data.updatedBy
             });
-            _context3.next = 17;
-            return workspaceApi.saveWorkspacePreset(presetId, workspaceDataNewTitle);
-          case 17:
+            _context3.next = 16;
+            return getQueryClient().fetchQuery(workspaceQueryOptions.saveWorkspacePreset(presetId, workspaceDataNewTitle, credentials));
+          case 16:
+            _context3.next = 18;
+            return getQueryClient().invalidateQueries(workspaceQueryOptions.getWorkspacePreset(presetId, credentials));
+          case 18:
             listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
               workspaceId: presetId,
               action: presetAction,
@@ -4991,16 +4954,15 @@ workspaceListListener.startListening({
               updatedBy: data.updatedBy,
               scope: scope
             }));
-          case 18:
+          case 19:
             if (!(presetAction === WorkspacePresetAction.EDIT_TITLE)) {
-              _context3.next = 28;
+              _context3.next = 30;
               break;
             }
-            _context3.next = 21;
-            return workspaceApi.getWorkspacePreset(presetId);
-          case 21:
-            _yield$workspaceApi$g3 = _context3.sent;
-            _originalData = _yield$workspaceApi$g3.data;
+            _context3.next = 22;
+            return getQueryClient().fetchQuery(workspaceQueryOptions.getWorkspacePreset(presetId, credentials));
+          case 22:
+            _originalData = _context3.sent;
             // 2) Merge the single (or few) edited view titles from `data.views`
             mergedViews = ((_originalData$views = _originalData.views) != null ? _originalData$views : []).map(function (view) {
               var _data$views, _updated$title;
@@ -5015,8 +4977,11 @@ workspaceListListener.startListening({
               views: mergedViews
             });
             _context3.next = 27;
-            return workspaceApi.saveWorkspacePreset(presetId, payloadToSave);
+            return getQueryClient().fetchQuery(workspaceQueryOptions.saveWorkspacePreset(presetId, payloadToSave, credentials));
           case 27:
+            _context3.next = 29;
+            return getQueryClient().invalidateQueries(workspaceQueryOptions.getWorkspacePreset(presetId, credentials));
+          case 29:
             // 4) Notify success so reducer updates local state
             listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
               workspaceId: presetId,
@@ -5029,12 +4994,12 @@ workspaceListListener.startListening({
               // Reducer uses mosaicNodeId+title from `views` to patch state.
               views: (_data$views2 = data.views) != null ? _data$views2 : []
             }));
-          case 28:
+          case 30:
             // save (as) user/system presets
             isSaveWorkspaceAction = presetAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET || presetAction === WorkspacePresetAction.SAVE;
             isSaveAsWorkspaceAction = presetAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET_AS || presetAction === WorkspacePresetAction.SAVE_AS;
             if (!(isSaveWorkspaceAction || isSaveAsWorkspaceAction)) {
-              _context3.next = 47;
+              _context3.next = 54;
               break;
             }
             hasWorkspaceAlreadyBeenSaved = getWorkspaceDialogIsSaved(workspaceState);
@@ -5058,27 +5023,36 @@ workspaceListListener.startListening({
               views: viewsWithInitialProps
             });
             if (!(!hasWorkspaceAlreadyBeenSaved && isSaveAsWorkspaceAction)) {
-              _context3.next = 41;
+              _context3.next = 44;
               break;
             }
-            _context3.next = 39;
-            return workspaceApi.saveWorkspacePresetAs(newWorkspace);
-          case 39:
+            _credentials = (_listenerApi$getState2 = listenerApi.getState().common) == null || (_listenerApi$getState2 = _listenerApi$getState2.auth) == null ? void 0 : _listenerApi$getState2.credentials;
+            _context3.next = 42;
+            return getQueryClient().fetchQuery(workspaceQueryOptions.saveWorkspacePresetAs(newWorkspace, _credentials));
+          case 42:
             workspaceId = _context3.sent;
             newWorkspace = Object.assign({}, newWorkspace, {
               id: workspaceId
             });
-          case 41:
+          case 44:
             listenerApi.dispatch(workspaceListActions.onSuccessWorkspaceSaveDialog({
               presetId: workspaceId
             }));
             if (isSaveAsWorkspaceAction) {
-              _context3.next = 45;
+              _context3.next = 52;
               break;
             }
-            _context3.next = 45;
-            return workspaceApi.saveWorkspacePreset(workspaceId, newWorkspace);
-          case 45:
+            hasChanges = hasWorkspaceChanges(listenerApi.getState());
+            if (!hasChanges) {
+              _context3.next = 52;
+              break;
+            }
+            _context3.next = 50;
+            return getQueryClient().fetchQuery(workspaceQueryOptions.saveWorkspacePreset(workspaceId, newWorkspace, credentials));
+          case 50:
+            _context3.next = 52;
+            return getQueryClient().invalidateQueries(workspaceQueryOptions.getWorkspacePreset(presetId, credentials));
+          case 52:
             listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
               action: presetAction,
               workspaceId: workspaceId,
@@ -5091,7 +5065,7 @@ workspaceListListener.startListening({
             listenerApi.dispatch(routerActions.navigateToUrl({
               url: getWorkspaceRouteUrl(workspaceId)
             }));
-          case 47:
+          case 54:
             // Reset
             if (presetAction === WorkspacePresetAction.RESET) {
               // In case we're resetting the `New workspace` preset
@@ -5116,10 +5090,10 @@ workspaceListListener.startListening({
                 scope: scope
               }));
             }
-            _context3.next = 55;
+            _context3.next = 62;
             break;
-          case 50:
-            _context3.prev = 50;
+          case 57:
+            _context3.prev = 57;
             _context3.t0 = _context3["catch"](4);
             message = isAxiosError(_context3.t0) ? getAxiosErrorMessage(_context3.t0) : _context3.t0.message;
             category = isAxiosAuthError(_context3.t0) ? WorkspaceListErrorCategory.AUTH : WorkspaceListErrorCategory.GENERIC;
@@ -5130,11 +5104,11 @@ workspaceListListener.startListening({
                 message: message
               }
             }));
-          case 55:
+          case 62:
           case "end":
             return _context3.stop();
         }
-      }, _callee3, null, [[4, 50]]);
+      }, _callee3, null, [[4, 57]]);
     }));
     function effect(_x5, _x6) {
       return _effect3.apply(this, arguments);
@@ -5207,21 +5181,25 @@ workspaceListener.startListening({
   actionCreator: workspaceActions.changePreset,
   effect: function () {
     var _effect3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref3, listenerApi) {
-      var _payload$workspacePre, _payload$workspacePre2;
-      var payload, allSyncGroups, isTimeScrollingEnabled, views;
+      var _listenerApi$getOrigi, _payload$workspacePre, _payload$workspacePre2;
+      var payload, originalMosaicNode, allSyncGroups, isTimeScrollingEnabled, views;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
             payload = _ref3.payload;
             // Cancel any in-progress instances of this listener
             listenerApi.cancelActiveListeners();
-            // see https://gitlab.com/opengeoweb/geoweb-assets/-/issues/4413
-            _context4.next = 4;
-            return listenerApi.condition(function (_action, currentState) {
-              var _currentState$workspa;
-              return ((_currentState$workspa = currentState.workspace) == null ? void 0 : _currentState$workspa.mosaicNode) === '';
-            }, 500);
-          case 4:
+            // Unmount old components before changing workspace preset
+            // Check state BEFORE reducer ran - if there was a workspace,
+            // wait for React to unmount old components before setting up new ones
+            originalMosaicNode = (_listenerApi$getOrigi = listenerApi.getOriginalState().workspace) == null ? void 0 : _listenerApi$getOrigi.mosaicNode;
+            if (!originalMosaicNode) {
+              _context4.next = 6;
+              break;
+            }
+            _context4.next = 6;
+            return listenerApi.take(workspaceActions.teardownComplete.match);
+          case 6:
             listenerApi.dispatch(syncGroupsActions.syncGroupClear());
             listenerApi.dispatch(workspaceActions.setPreset(payload));
             allSyncGroups = getSyncGroups(payload.workspacePreset.syncGroups);
@@ -5236,7 +5214,7 @@ workspaceListener.startListening({
               isTimeScrollingEnabled: isTimeScrollingEnabled
             }));
             views = toViewsArray(payload.workspacePreset.views);
-            _context4.next = 14;
+            _context4.next = 16;
             return Promise.all(views.map(/*#__PURE__*/function () {
               var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(view) {
                 var _view$initialProps$sy, _view$initialProps;
@@ -5268,7 +5246,7 @@ workspaceListener.startListening({
                 return _ref4.apply(this, arguments);
               };
             }()));
-          case 14:
+          case 16:
             views.forEach(function (view) {
               var panelId = view.mosaicNodeId;
               if (!panelId) {
@@ -5280,7 +5258,7 @@ workspaceListener.startListening({
                 isInline: hasInlineConfig
               }));
             });
-          case 15:
+          case 17:
           case "end":
             return _context4.stop();
         }
@@ -5306,7 +5284,7 @@ var fetchWorkspaceViewPreset = /*#__PURE__*/function () {
           }));
           // fetch view
           _context5.next = 4;
-          return getQueryClient().fetchQuery(viewpresetsQueryOptions.getViewPreset(viewPresetId, credentials));
+          return getQueryClient().fetchQuery(viewpresetQueryOptions.getViewPreset(viewPresetId, credentials));
         case 4:
           data = _context5.sent;
           dispatch(viewPresetActions.fetchedViewPreset({
@@ -5380,7 +5358,7 @@ workspaceListener.startListening({
   matcher: isAnyOf(workspaceActions.fetchWorkspace, routerActions.navigateBackOrForward),
   effect: function () {
     var _effect5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(action, listenerApi) {
-      var _listenerApi$getState2, common, payload, workspaceId, workspaceApi, _yield$workspaceApi$g, workspaceData, fullLoadingWorkspace, workspaceIdsInBatches, actionsToDispatch, errorType;
+      var _listenerApi$getState2, common, payload, workspaceId, _common$auth, workspaceData, fullLoadingWorkspace, workspaceIdsInBatches, actionsToDispatch, errorType;
       return _regeneratorRuntime().wrap(function _callee9$(_context9) {
         while (1) switch (_context9.prev = _context9.next) {
           case 0:
@@ -5399,18 +5377,16 @@ workspaceListener.startListening({
               isWorkspaceListDialogOpen: false
             }));
             // fetch workspace
-            workspaceApi = getWorkspaceApi();
-            _context9.next = 10;
-            return workspaceApi.getWorkspacePreset(workspaceId);
-          case 10:
-            _yield$workspaceApi$g = _context9.sent;
-            workspaceData = _yield$workspaceApi$g.data;
+            _context9.next = 9;
+            return getQueryClient().fetchQuery(workspaceQueryOptions.getWorkspacePreset(workspaceId, common == null || (_common$auth = common.auth) == null ? void 0 : _common$auth.credentials));
+          case 9:
+            workspaceData = _context9.sent;
             if (workspaceData) {
-              _context9.next = 14;
+              _context9.next = 12;
               break;
             }
             throw new Error(ERROR_NOT_FOUND);
-          case 14:
+          case 12:
             listenerApi.dispatch(workspaceActions.loadedWorkspace({
               workspaceId: workspaceId,
               workspace: workspaceData
@@ -5420,6 +5396,12 @@ workspaceListener.startListening({
             listenerApi.dispatch(workspaceActions.changePreset({
               workspacePreset: fullLoadingWorkspace
             }));
+            _context9.next = 17;
+            return listenerApi.condition(function (_, state) {
+              var _state$workspace;
+              return ((_state$workspace = state.workspace) == null ? void 0 : _state$workspace.id) === fullLoadingWorkspace.id;
+            });
+          case 17:
             // fetch all individual view presets in batches and collect all actions
             workspaceIdsInBatches = getListInChunks(workspaceData.views);
             actionsToDispatch = [];
@@ -5441,9 +5423,7 @@ workspaceListener.startListening({
                                 }
                                 return _context7.abrupt("return");
                               case 2:
-                                return _context7.abrupt("return", fetchWorkspaceViewPreset(function (thunkAction) {
-                                  actionsToDispatch.push(thunkAction);
-                                }, view.viewPresetId, view.mosaicNodeId, common == null ? void 0 : common.auth.credentials));
+                                return _context7.abrupt("return", fetchWorkspaceViewPreset(listenerApi.dispatch, view.viewPresetId, view.mosaicNodeId, common == null ? void 0 : common.auth.credentials));
                               case 3:
                               case "end":
                                 return _context7.stop();
@@ -5467,11 +5447,18 @@ workspaceListener.startListening({
           case 21:
             // Trigger all actions at once
             actionsToDispatch.map(listenerApi.dispatch);
-            _context9.next = 28;
+            _context9.next = 31;
             break;
           case 24:
             _context9.prev = 24;
             _context9.t0 = _context9["catch"](4);
+            if (!listenerApi.signal.aborted) {
+              _context9.next = 29;
+              break;
+            }
+            console.warn('Fetch workspace listener was canceled, this should not happen too often. Triggers on mount in strict mode.');
+            return _context9.abrupt("return");
+          case 29:
             errorType = _context9.t0.message === ERROR_NOT_FOUND ? WorkspaceErrorType.NOT_FOUND : WorkspaceErrorType.GENERIC;
             listenerApi.dispatch(workspaceActions.errorWorkspace({
               workspaceId: workspaceId,
@@ -5480,7 +5467,7 @@ workspaceListener.startListening({
                 type: errorType
               }
             }));
-          case 28:
+          case 31:
           case "end":
             return _context9.stop();
         }
@@ -5496,7 +5483,7 @@ workspaceListener.startListening({
   actionCreator: workspaceActions.saveWorkspacePreset,
   effect: function () {
     var _effect6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee0(_ref9, listenerApi) {
-      var payload, workspace, _workspace$scope, workspaceApi;
+      var payload, workspace, _listenerApi$getState3, _workspace$scope, credentials;
       return _regeneratorRuntime().wrap(function _callee0$(_context0) {
         while (1) switch (_context0.prev = _context0.next) {
           case 0:
@@ -5505,10 +5492,13 @@ workspaceListener.startListening({
             listenerApi.cancelActiveListeners();
             workspace = payload.workspace;
             _context0.prev = 3;
-            workspaceApi = getWorkspaceApi();
+            credentials = (_listenerApi$getState3 = listenerApi.getState().common) == null || (_listenerApi$getState3 = _listenerApi$getState3.auth) == null ? void 0 : _listenerApi$getState3.credentials;
             _context0.next = 7;
-            return workspaceApi.saveWorkspacePreset(workspace.id, workspace);
+            return getQueryClient().fetchQuery(workspaceQueryOptions.saveWorkspacePreset(workspace.id, workspace, credentials));
           case 7:
+            _context0.next = 9;
+            return getQueryClient().invalidateQueries(workspaceQueryOptions.getWorkspacePreset(workspace.id, credentials));
+          case 9:
             listenerApi.dispatch(workspaceActions.loadedWorkspace(undefined));
             listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
               action: WorkspacePresetAction.SAVE,
@@ -5517,10 +5507,10 @@ workspaceListener.startListening({
               scope: (_workspace$scope = workspace.scope) != null ? _workspace$scope : 'user',
               views: workspace.views || [emptyWorkspaceBEData]
             }));
-            _context0.next = 14;
+            _context0.next = 16;
             break;
-          case 11:
-            _context0.prev = 11;
+          case 13:
+            _context0.prev = 13;
             _context0.t0 = _context0["catch"](3);
             listenerApi.dispatch(workspaceActions.errorWorkspace({
               workspaceId: workspace.id,
@@ -5529,11 +5519,11 @@ workspaceListener.startListening({
                 type: WorkspaceErrorType.SAVE
               }
             }));
-          case 14:
+          case 16:
           case "end":
             return _context0.stop();
         }
-      }, _callee0, null, [[3, 11]]);
+      }, _callee0, null, [[3, 13]]);
     }));
     function effect(_x16, _x17) {
       return _effect6.apply(this, arguments);
@@ -5545,17 +5535,24 @@ workspaceListener.startListening({
   actionCreator: workspaceActions.changeToEmptyMapWorkspace,
   effect: function () {
     var _effect7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee1(action, listenerApi) {
-      var _action$payload, newMapPresetText, newWorkspaceText, intialViewMapPreset;
+      var _action$payload, newMapPresetText, newWorkspaceText, currentWorkspace, intialViewMapPreset;
       return _regeneratorRuntime().wrap(function _callee1$(_context1) {
         while (1) switch (_context1.prev = _context1.next) {
           case 0:
             _action$payload = action.payload, newMapPresetText = _action$payload.newMapPresetText, newWorkspaceText = _action$payload.newWorkspaceText; // Cancel any in-progress instances of this listener
             listenerApi.cancelActiveListeners();
+            currentWorkspace = listenerApi.getState().workspace;
+            if (!((currentWorkspace == null ? void 0 : currentWorkspace.id) === '' && currentWorkspace != null && currentWorkspace.mosaicNode)) {
+              _context1.next = 5;
+              break;
+            }
+            return _context1.abrupt("return");
+          case 5:
             intialViewMapPreset = mapSelectors.getdefaultMapSettings(listenerApi.getState());
             listenerApi.dispatch(workspaceActions.changePreset({
               workspacePreset: createCustomEmptyMapWorkspace(newWorkspaceText, newMapPresetText, intialViewMapPreset)
             }));
-          case 4:
+          case 7:
           case "end":
             return _context1.stop();
         }
@@ -5648,27 +5645,46 @@ workspaceListener.startListening({
     return effect;
   }()
 });
+var waitForFrame = /*#__PURE__*/function () {
+  var _ref1 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
+    return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+      while (1) switch (_context11.prev = _context11.next) {
+        case 0:
+          return _context11.abrupt("return", new Promise(function (resolve) {
+            requestAnimationFrame(function () {
+              return resolve();
+            });
+          }));
+        case 1:
+        case "end":
+          return _context11.stop();
+      }
+    }, _callee11);
+  }));
+  return function waitForFrame() {
+    return _ref1.apply(this, arguments);
+  };
+}();
 workspaceListener.startListening({
   actionCreator: workspaceActions.updateWorkspaceViews,
   effect: function () {
-    var _effect9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(_, listenerApi) {
+    var _effect9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12(_, listenerApi) {
       var viewIds;
-      return _regeneratorRuntime().wrap(function _callee11$(_context11) {
-        while (1) switch (_context11.prev = _context11.next) {
+      return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+        while (1) switch (_context12.prev = _context12.next) {
           case 0:
             // Cancel any in-progress instances of this listener
             listenerApi.cancelActiveListeners();
-            // Delay before starting actual work
-            _context11.next = 3;
-            return listenerApi.delay(100);
+            _context12.next = 3;
+            return waitForFrame();
           case 3:
             /* This will trigger all maps and other components
             to get the correct size after views are updated */
             window.dispatchEvent(new Event('resize'));
             // Adjust the bbox of the original view after the new map is added. This is a temporal solution until the OpenLayers ticket
             // https://github.com/openlayers/openlayers/issues/16572 is solved.
-            _context11.next = 6;
-            return listenerApi.delay(10);
+            _context12.next = 6;
+            return waitForFrame();
           case 6:
             viewIds = getViewIds(listenerApi.getState());
             viewIds.forEach(function (viewId) {
@@ -5684,9 +5700,9 @@ workspaceListener.startListening({
             });
           case 8:
           case "end":
-            return _context11.stop();
+            return _context12.stop();
         }
-      }, _callee11);
+      }, _callee12);
     }));
     function effect(_x22, _x23) {
       return _effect9.apply(this, arguments);
@@ -5804,39 +5820,38 @@ viewPresetsListener.startListening({
   actionCreator: viewPresetActions.fetchViewPresets,
   effect: function () {
     var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
-      var payload, panelId, filterParams, workspaceApi, _yield$workspaceApi$g, viewPresets;
+      var payload, _listenerApi$getState, common, panelId, filterParams, viewPresets;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             payload = _ref.payload;
             listenerApi.cancelActiveListeners();
+            _listenerApi$getState = listenerApi.getState(), common = _listenerApi$getState.common;
             panelId = payload.panelId, filterParams = payload.filterParams;
-            _context.prev = 3;
-            workspaceApi = getWorkspaceApi();
+            _context.prev = 4;
             _context.next = 7;
-            return workspaceApi.getViewPresets(filterParams);
+            return getQueryClient().fetchQuery(viewpresetQueryOptions.getViewPresets(filterParams, common == null ? void 0 : common.auth.credentials));
           case 7:
-            _yield$workspaceApi$g = _context.sent;
-            viewPresets = _yield$workspaceApi$g.data;
+            viewPresets = _context.sent;
             listenerApi.dispatch(viewPresetActions.fetchedViewPresets({
               viewPresets: viewPresets,
               panelId: panelId,
               filterParams: filterParams
             }));
-            _context.next = 15;
+            _context.next = 14;
             break;
-          case 12:
-            _context.prev = 12;
-            _context.t0 = _context["catch"](3);
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](4);
             listenerApi.dispatch(viewPresetActions.errorViewPreset({
               error: processError(_context.t0, ViewPresetErrorComponent.PRESET_LIST, 'workspace-mappreset-error-fetch'),
               panelId: panelId
             }));
-          case 15:
+          case 14:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[3, 12]]);
+      }, _callee, null, [[4, 11]]);
     }));
     function effect(_x, _x2) {
       return _effect.apply(this, arguments);
@@ -5849,21 +5864,20 @@ viewPresetsListener.startListening({
   actionCreator: viewPresetsListActions.fetchViewPresetsList,
   effect: function () {
     var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_, listenerApi) {
-      var workspaceApi, _yield$workspaceApi$g2, viewPresets;
+      var _listenerApi$getState2, common, viewPresets;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
+            _listenerApi$getState2 = listenerApi.getState(), common = _listenerApi$getState2.common;
             listenerApi.cancelActiveListeners();
-            workspaceApi = getWorkspaceApi();
             _context2.next = 4;
-            return workspaceApi.getViewPresets();
+            return getQueryClient().fetchQuery(viewpresetQueryOptions.getViewPresets(undefined, common == null ? void 0 : common.auth.credentials));
           case 4:
-            _yield$workspaceApi$g2 = _context2.sent;
-            viewPresets = _yield$workspaceApi$g2.data;
+            viewPresets = _context2.sent;
             listenerApi.dispatch(viewPresetsListActions.fetchedViewPresetsList({
               viewPresets: viewPresets
             }));
-          case 7:
+          case 6:
           case "end":
             return _context2.stop();
         }
@@ -5990,51 +6004,54 @@ viewPresetsListener.startListening({
             listenerApi.cancelActiveListeners();
             action = payload.action, viewPresetId = payload.viewPresetId, title = payload.title, panelId = payload.panelId; // eslint-disable-next-line @typescript-eslint/naming-convention
             is_shared = 'is_shared' in payload ? payload.is_shared : undefined;
-            _context6.prev = 4;
-            listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage(action, title, is_shared)));
-            activeMapPresetId = getViewPresetActiveId(listenerApi.getState(), panelId);
-            hasChanges = false; // if active preset has been deleted, select the empty new preset
-            if (action === PresetAction.DELETE && viewPresetId === activeMapPresetId) {
-              listenerApi.dispatch(viewPresetActions.setActiveViewPresetId({
-                panelId: panelId,
-                viewPresetId: ''
-              }));
-              hasChanges = true;
-            }
-            // Fetch the full list to update the list store with the latest presets
-            listenerApi.dispatch(viewPresetsListActions.fetchViewPresetsList());
-            // Also retrieve new list with current filter and search query for current panel
-            viewPresetFilters = getViewPresetListFiltersForView(listenerApi.getState(), panelId);
-            viewPresetSearchQuery = getViewPresetListSearchQueryForView(listenerApi.getState(), panelId);
-            listenerApi.dispatch(viewPresetActions.fetchViewPresets({
-              panelId: panelId,
-              filterParams: constructFilterParams(viewPresetFilters, viewPresetSearchQuery)
-            }));
-            if (action !== PresetAction.EDIT) {
-              listenerApi.dispatch(viewPresetActions.setViewPresetHasChanges({
-                panelId: panelId,
-                hasChanges: hasChanges
-              }));
-            }
-            if (action === PresetAction.SAVE_AS && viewPresetId) {
-              listenerApi.dispatch(viewPresetActions.setActiveViewPresetId({
+            _context6.next = 6;
+            return getQueryClient().invalidateQueries(viewpresetQueryOptions.getViewPreset(viewPresetId));
+          case 6:
+            _context6.next = 8;
+            return getQueryClient().invalidateQueries({
+              queryKey: viewpresetQueryOptions.keys.lists()
+            });
+          case 8:
+            try {
+              listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage(action, title, is_shared)));
+              activeMapPresetId = getViewPresetActiveId(listenerApi.getState(), panelId);
+              hasChanges = false; // if active preset has been deleted, select the empty new preset
+              if (action === PresetAction.DELETE && viewPresetId === activeMapPresetId) {
+                listenerApi.dispatch(viewPresetActions.setActiveViewPresetId({
+                  panelId: panelId,
+                  viewPresetId: ''
+                }));
+                hasChanges = true;
+              }
+              // Fetch the full list to update the list store with the latest presets
+              listenerApi.dispatch(viewPresetsListActions.fetchViewPresetsList());
+              // Also retrieve new list with current filter and search query for current panel
+              viewPresetFilters = getViewPresetListFiltersForView(listenerApi.getState(), panelId);
+              viewPresetSearchQuery = getViewPresetListSearchQueryForView(listenerApi.getState(), panelId);
+              listenerApi.dispatch(viewPresetActions.fetchViewPresets({
                 panelId: panelId,
-                viewPresetId: viewPresetId
+                filterParams: constructFilterParams(viewPresetFilters, viewPresetSearchQuery)
               }));
+              if (action !== PresetAction.EDIT) {
+                listenerApi.dispatch(viewPresetActions.setViewPresetHasChanges({
+                  panelId: panelId,
+                  hasChanges: hasChanges
+                }));
+              }
+              if (action === PresetAction.SAVE_AS && viewPresetId && payload.shouldSetActiveViewPreset !== false) {
+                listenerApi.dispatch(viewPresetActions.setActiveViewPresetId({
+                  panelId: panelId,
+                  viewPresetId: viewPresetId
+                }));
+              }
+            } catch (_error) {
+              // TODO: use error handling of mapPreset https://gitlab.com/opengeoweb/opengeoweb/-/issues/3043
             }
-            _context6.next = 17;
-            return getQueryClient().invalidateQueries(viewpresetsQueryOptions.getViewPreset(viewPresetId));
-          case 17:
-            _context6.next = 21;
-            break;
-          case 19:
-            _context6.prev = 19;
-            _context6.t0 = _context6["catch"](4);
-          case 21:
+          case 9:
           case "end":
             return _context6.stop();
         }
-      }, _callee6, null, [[4, 19]]);
+      }, _callee6);
     }));
     function effect(_x1, _x10) {
       return _effect4.apply(this, arguments);
@@ -6072,6 +6089,7 @@ var workspaceReducersMap = {
   viewPresetsList: viewPresetsListReducer,
   viewPresets: viewPresetsReducer,
   timeSeries: timeSeriesReducer,
+  soundings: soundingsReducer,
   snackbar: snackbarReducer
 };
 var workspaceMiddlewares = [mapListener.middleware, serviceListener.middleware, layersListener.middleware, syncGroupsListener.middleware, workspaceListener.middleware, workspaceListListener.middleware, viewPresetsListener.middleware, snackbarListener.middleware, openlayersListener.middleware];
@@ -6765,245 +6783,11 @@ var defaultComponentsLookUp = function defaultComponentsLookUp(_ref3) {
     case 'ViewError':
       return jsx(ViewError, {
         mosaicNodeId: mosaicNodeId,
-        viewPresetId: viewPresetId
-      });
-    default:
-      return null;
-  }
-};
-
-var config = sessionStorageProvider.getConfig();
-var presetBaseUrl = (config == null ? void 0 : config.GW_PRESET_BACKEND_URL) || '';
-var labelsConfigUrl = '/assets/workspaceLabelsConfig.json';
-var getWorkspaceLabelsConfig = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          return _context.abrupt("return", fetch(labelsConfigUrl).then(handleResponse));
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function getWorkspaceLabelsConfig() {
-    return _ref.apply(this, arguments);
-  };
-}();
-var getWorkspace = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(workspaceId, auth) {
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          return _context2.abrupt("return", fetch(presetBaseUrl + "/workspacepreset/" + workspaceId, {
-            headers: getHeaders(auth)
-          }).then(handleResponse));
-        case 1:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  }));
-  return function getWorkspace(_x, _x2) {
-    return _ref2.apply(this, arguments);
-  };
-}();
-var deleteWorkspace = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(workspaceId, auth) {
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          return _context3.abrupt("return", fetch(presetBaseUrl + "/workspacepreset/" + workspaceId, {
-            headers: getHeaders(auth),
-            method: 'DELETE'
-          }).then(handleResponse));
-        case 1:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  }));
-  return function deleteWorkspace(_x3, _x4) {
-    return _ref3.apply(this, arguments);
-  };
-}();
-var updateWorkspace = /*#__PURE__*/function () {
-  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(workspaceId, data, auth) {
-    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          return _context4.abrupt("return", fetch(presetBaseUrl + "/workspacepreset/" + workspaceId, {
-            headers: getHeaders(auth),
-            method: 'PUT',
-            body: JSON.stringify(data)
-          }).then(handleResponse));
-        case 1:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  }));
-  return function updateWorkspace(_x5, _x6, _x7) {
-    return _ref4.apply(this, arguments);
-  };
-}();
-var createWorkspace = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data, auth) {
-    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
-        case 0:
-          return _context5.abrupt("return", fetch(presetBaseUrl + "/workspacepreset", {
-            headers: getHeaders(auth),
-            method: 'POST',
-            body: JSON.stringify(data)
-          }).then(handleResponse));
-        case 1:
-        case "end":
-          return _context5.stop();
-      }
-    }, _callee5);
-  }));
-  return function createWorkspace(_x8, _x9) {
-    return _ref5.apply(this, arguments);
-  };
-}();
-
-var useWorkspaceLabelsConfig = function useWorkspaceLabelsConfig() {
-  return useQuery({
-    queryKey: ['workspace-labels-config'],
-    queryFn: getWorkspaceLabelsConfig
-  });
-};
-var onWorkspaceApiError = function onWorkspaceApiError(dispatch, error, t) {
-  dispatch(workspaceListActions.onErrorWorkspacePresetAction({
-    error: {
-      message: error.message + " " + t('workspace-error-generic'),
-      type: WorkspaceListErrorType.VERBATIM_ERROR,
-      category: error.message === 'Authentication context not found' ? WorkspaceListErrorCategory.AUTH : WorkspaceListErrorCategory.GENERIC
-    }
-  }));
-};
-var useDeleteWorkspacePreset = function useDeleteWorkspacePreset() {
-  var _useAuthenticationCon = useAuthenticationContext(),
-    auth = _useAuthenticationCon.auth;
-  var _useSelector = useSelector(getWorkspaceActionFormValues),
-    title = _useSelector.title;
-  var _useWorkspaceTranslat = useWorkspaceTranslation(),
-    t = _useWorkspaceTranslat.t;
-  var dispatch = useDispatch();
-  return useMutation({
-    mutationFn: function () {
-      var _mutationFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
-        var id;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              id = _ref.id;
-              if (auth) {
-                _context.next = 3;
-                break;
-              }
-              throw new Error('Authentication context not found');
-            case 3:
-              return _context.abrupt("return", deleteWorkspace(id, auth));
-            case 4:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      function mutationFn(_x) {
-        return _mutationFn.apply(this, arguments);
-      }
-      return mutationFn;
-    }(),
-    onSuccess: function onSuccess(data, variables) {
-      dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
-        workspaceId: variables.id,
-        action: WorkspacePresetAction.DELETE,
-        emptyWorkspacePresetTitle: t('workspace-new'),
-        title: title
-      }));
-    },
-    onError: function onError(error) {
-      onWorkspaceApiError(dispatch, error, t);
-    }
-  });
-};
-var useCreateWorkspacePreset = function useCreateWorkspacePreset() {
-  var _useAuthenticationCon2 = useAuthenticationContext(),
-    auth = _useAuthenticationCon2.auth;
-  var _useWorkspaceTranslat2 = useWorkspaceTranslation(),
-    t = _useWorkspaceTranslat2.t;
-  var dispatch = useDispatch();
-  return useMutation({
-    mutationFn: function () {
-      var _mutationFn2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2) {
-        var data;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              data = _ref2.data;
-              if (auth) {
-                _context2.next = 3;
-                break;
-              }
-              throw new Error('Authentication context not found');
-            case 3:
-              return _context2.abrupt("return", createWorkspace(data, auth));
-            case 4:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      function mutationFn(_x2) {
-        return _mutationFn2.apply(this, arguments);
-      }
-      return mutationFn;
-    }(),
-    onSuccess: function onSuccess(data, variables) {
-      var location = data == null ? void 0 : data.get('location');
-      var newId = getIdFromUrl(location);
-      var scope = variables.data.scope || 'user';
-      dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
-        workspaceId: newId,
-        action: variables.action || WorkspacePresetAction.SAVE_AS,
-        title: variables.data.title,
-        scope: scope
-      }));
-    },
-    onError: function onError(error) {
-      onWorkspaceApiError(dispatch, error, t);
-    }
-  });
-};
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2025 - Finnish Meteorological Institute (FMI)
- * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var LABELS_CONFIG_DEFAULT = {
-  purpose: ['Aviation', 'Monitor', 'Public', 'Maritime', 'Warning', 'Media', 'Nowcasting (0–12h)'],
-  parameters: ['Pressure', 'Temperature', 'Wind', 'Humidity', 'Water vapour', 'Visibility', 'Geopotential', 'Snow', 'Cloud', 'Waves', 'Index', 'Precipitation'],
-  phenomena: ['Turbulence', 'MTW', 'CAT', 'Icing', 'Freezing rain', 'FlashFlood', 'Wind gust', 'Rain', 'Snow', 'Road ice', 'Lightning strike', 'Drifting snow', 'Wave height + water level', 'Forest fire', 'Polar Low', 'Heat wave', 'Gale warning'],
-  viewType: [].concat(ALL_COMPONENT_TYPES),
-  dataType: ['observation', 'forecast', 'archive'],
-  dataSource: ['Meps', 'Arome Arctic', 'Ecmwf', 'Ensemble', 'AIFS', 'BRIS', 'radar', 'satellite', 'synop']
+        viewPresetId: viewPresetId
+      });
+    default:
+      return null;
+  }
 };
 
 var VIEW_TYPE_KEY = 'viewType';
@@ -7037,13 +6821,12 @@ var PresetLabelsPanel = function PresetLabelsPanel(_ref) {
     control: control,
     name: 'views'
   });
-  var availableLabels = labelsConfig != null ? labelsConfig : LABELS_CONFIG_DEFAULT;
   var labels = React.useMemo(function () {
-    return normalizeLabels(watchedLabels, availableLabels);
-  }, [watchedLabels, availableLabels]);
+    return normalizeLabels(watchedLabels, labelsConfig);
+  }, [watchedLabels, labelsConfig]);
   var groupKeys = React.useMemo(function () {
-    return Array.from(new Set([VIEW_TYPE_KEY].concat(Object.keys(availableLabels != null ? availableLabels : {}), watchedLabels ? Object.keys(watchedLabels) : [])));
-  }, [availableLabels, watchedLabels]);
+    return Array.from(new Set([VIEW_TYPE_KEY].concat(Object.keys(labelsConfig != null ? labelsConfig : {}), watchedLabels ? Object.keys(watchedLabels) : [])));
+  }, [labelsConfig, watchedLabels]);
   var orderedGroupKeys = React.useMemo(function () {
     var withoutViewType = groupKeys.filter(function (key) {
       return key !== VIEW_TYPE_KEY;
@@ -7105,9 +6888,9 @@ var PresetLabelsPanel = function PresetLabelsPanel(_ref) {
     return (_labels$VIEW_TYPE_KEY = labels[VIEW_TYPE_KEY]) != null ? _labels$VIEW_TYPE_KEY : [];
   }, [labels]);
   var viewTypeConfigItems = React.useMemo(function () {
-    var _availableLabels$VIEW;
-    return ((_availableLabels$VIEW = availableLabels == null ? void 0 : availableLabels[VIEW_TYPE_KEY]) != null ? _availableLabels$VIEW : []).slice();
-  }, [availableLabels]);
+    var _labelsConfig$VIEW_TY;
+    return ((_labelsConfig$VIEW_TY = labelsConfig == null ? void 0 : labelsConfig[VIEW_TYPE_KEY]) != null ? _labelsConfig$VIEW_TY : []).slice();
+  }, [labelsConfig]);
   var viewTypeItems = React.useMemo(function () {
     if (isMenuFilterMode) {
       if (viewTypeConfigItems.length > 0) {
@@ -7194,9 +6977,9 @@ var PresetLabelsPanel = function PresetLabelsPanel(_ref) {
   };
   var groups = React.useMemo(function () {
     return orderedGroupKeys.map(function (key) {
-      var _availableLabels$key;
+      var _labelsConfig$key;
       var isViewType = key === VIEW_TYPE_KEY;
-      var items = isViewType ? viewTypeItems : (_availableLabels$key = availableLabels[key]) != null ? _availableLabels$key : [];
+      var items = isViewType ? viewTypeItems : (_labelsConfig$key = labelsConfig[key]) != null ? _labelsConfig$key : [];
       var locked = !isMenuFilterMode && isViewType;
       return {
         key: key,
@@ -7205,7 +6988,7 @@ var PresetLabelsPanel = function PresetLabelsPanel(_ref) {
         locked: locked
       };
     });
-  }, [orderedGroupKeys, availableLabels, viewTypeItems, isMenuFilterMode, titleForGroup]);
+  }, [orderedGroupKeys, labelsConfig, viewTypeItems, isMenuFilterMode, titleForGroup]);
   var _React$useState = React.useState(false),
     expandAll = _React$useState[0],
     setExpandAll = _React$useState[1];
@@ -7397,11 +7180,183 @@ var PresetLabelsPanel = function PresetLabelsPanel(_ref) {
   });
 };
 
+var useWorkspaceLabelsConfig = function useWorkspaceLabelsConfig() {
+  var _useAuthenticationCon = useAuthenticationContext(),
+    auth = _useAuthenticationCon.auth;
+  return useQuery({
+    queryKey: ['workspace-labels-config'],
+    queryFn: function () {
+      var _queryFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt("return", getWorkspaceLabelsConfig(auth));
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function queryFn() {
+        return _queryFn.apply(this, arguments);
+      }
+      return queryFn;
+    }()
+  });
+};
+var onWorkspaceApiError = function onWorkspaceApiError(dispatch, error, t) {
+  dispatch(workspaceListActions.onErrorWorkspacePresetAction({
+    error: {
+      message: error.message + " " + t('workspace-error-generic'),
+      type: WorkspaceListErrorType.VERBATIM_ERROR,
+      category: error.message === 'Authentication context not found' ? WorkspaceListErrorCategory.AUTH : WorkspaceListErrorCategory.GENERIC
+    }
+  }));
+};
+var useDeleteWorkspacePreset = function useDeleteWorkspacePreset() {
+  var _useAuthenticationCon2 = useAuthenticationContext(),
+    auth = _useAuthenticationCon2.auth;
+  var _useSelector = useSelector(getWorkspaceActionFormValues),
+    title = _useSelector.title;
+  var _useWorkspaceTranslat = useWorkspaceTranslation(),
+    t = _useWorkspaceTranslat.t;
+  var dispatch = useDispatch();
+  return useMutation({
+    mutationFn: function () {
+      var _mutationFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref) {
+        var id;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              id = _ref.id;
+              if (auth) {
+                _context2.next = 3;
+                break;
+              }
+              throw new Error('Authentication context not found');
+            case 3:
+              return _context2.abrupt("return", deleteWorkspace(id, auth));
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      function mutationFn(_x) {
+        return _mutationFn.apply(this, arguments);
+      }
+      return mutationFn;
+    }(),
+    onSuccess: function onSuccess(data, variables) {
+      dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
+        workspaceId: variables.id,
+        action: WorkspacePresetAction.DELETE,
+        emptyWorkspacePresetTitle: t('workspace-new'),
+        title: title
+      }));
+    },
+    onError: function onError(error) {
+      onWorkspaceApiError(dispatch, error, t);
+    }
+  });
+};
+var useCreateWorkspacePreset = function useCreateWorkspacePreset() {
+  var _useAuthenticationCon3 = useAuthenticationContext(),
+    auth = _useAuthenticationCon3.auth;
+  var _useWorkspaceTranslat2 = useWorkspaceTranslation(),
+    t = _useWorkspaceTranslat2.t;
+  var dispatch = useDispatch();
+  return useMutation({
+    mutationFn: function () {
+      var _mutationFn2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref2) {
+        var data;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              data = _ref2.data;
+              if (auth) {
+                _context3.next = 3;
+                break;
+              }
+              throw new Error('Authentication context not found');
+            case 3:
+              return _context3.abrupt("return", createWorkspace(data, auth));
+            case 4:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      function mutationFn(_x2) {
+        return _mutationFn2.apply(this, arguments);
+      }
+      return mutationFn;
+    }(),
+    onSuccess: function onSuccess(data, variables) {
+      var location = data == null ? void 0 : data.get('location');
+      var newId = getIdFromUrl(location);
+      var scope = variables.data.scope || 'user';
+      dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
+        workspaceId: newId,
+        action: variables.action || WorkspacePresetAction.SAVE_AS,
+        title: variables.data.title,
+        scope: scope
+      }));
+    },
+    onError: function onError(error) {
+      onWorkspaceApiError(dispatch, error, t);
+    }
+  });
+};
+
+var PresetLabelsPanelWrapper = function PresetLabelsPanelWrapper(_ref) {
+  var viewComponentType = _ref.viewComponentType,
+    onLabelsChange = _ref.onLabelsChange,
+    menuLabels = _ref.menuLabels,
+    _ref$isMenuFilterMode = _ref.isMenuFilterMode,
+    isMenuFilterMode = _ref$isMenuFilterMode === void 0 ? false : _ref$isMenuFilterMode;
+  var _useWorkspaceTranslat = useWorkspaceTranslation(),
+    t = _useWorkspaceTranslat.t;
+  var _useWorkspaceLabelsCo = useWorkspaceLabelsConfig(),
+    labelsConfig = _useWorkspaceLabelsCo.data,
+    isLoading = _useWorkspaceLabelsCo.isFetching,
+    labelsError = _useWorkspaceLabelsCo.error,
+    refetchLabelsConfig = _useWorkspaceLabelsCo.refetch;
+  if (isLoading) {
+    return jsx(LinearProgress, {
+      color: "secondary",
+      "data-testid": "labelspanel-loading-bar",
+      sx: {
+        marginBottom: '-4px'
+      }
+    });
+  }
+  if (labelsError || labelsConfig === undefined) {
+    return jsx(AlertBanner, {
+      actionButtonProps: {
+        title: t('fetch-config-error-retry'),
+        onClick: function onClick() {
+          void refetchLabelsConfig();
+        }
+      },
+      info: labelsError ? labelsError.message : t('fetch-config-no-labels-available'),
+      severity: "error",
+      title: t('fetch-config-error-title')
+    });
+  }
+  return jsx(PresetLabelsPanel, {
+    isMenuFilterMode: isMenuFilterMode,
+    labelsConfig: labelsConfig,
+    menuLabels: menuLabels,
+    onLabelsChange: onLabelsChange,
+    viewComponentType: viewComponentType
+  });
+};
+
 var WorkspaceMenuLabelsPanel = function WorkspaceMenuLabelsPanel(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
-    menuLabels = _ref.menuLabels,
-    labelsConfig = _ref.labelsConfig;
+    menuLabels = _ref.menuLabels;
   var methods = useForm({
     defaultValues: {
       labels: value != null ? value : {},
@@ -7409,10 +7364,9 @@ var WorkspaceMenuLabelsPanel = function WorkspaceMenuLabelsPanel(_ref) {
     }
   });
   return jsx(FormProvider, Object.assign({}, methods, {
-    children: jsx(PresetLabelsPanel, {
+    children: jsx(PresetLabelsPanelWrapper, {
       "data-testid": "workspace-menu-labels-panel",
       isMenuFilterMode: true,
-      labelsConfig: labelsConfig,
       menuLabels: menuLabels,
       onLabelsChange: onChange
     })
@@ -7783,7 +7737,7 @@ var WorkspacePresetInfo = function WorkspacePresetInfo(_ref) {
   });
 };
 
-var WORKSPACE_SELECT_LIST_ROW_HEIGHT = 46;
+var WORKSPACE_SELECT_LIST_ROW_HEIGHT = 41;
 var getPresetIcon = function getPresetIcon(preset, currentUsername) {
   if (preset.scope === 'system') {
     return jsx(WorkspacePresetsSystemIcon, {
@@ -7903,12 +7857,13 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
     disablePadding: true,
     sx: {
       mb: 0.5,
+      ml: 0.5,
       borderRadius: 1.5,
       backgroundColor: 'geowebColors.cards.cardContainer',
-      boxShadow: '0px 1px 3px rgba(15, 23, 42, 0.12)',
+      boxShadow: '0px 4px 4px rgba(15, 23, 42, 0.2), 2px 2px 6px rgba(15, 23, 42, 0.12)',
       transition: 'box-shadow 0.15s ease-out, transform 0.15s ease-out',
       ' .MuiListItemText-primary': {
-        fontSize: '12px',
+        fontSize: '16px',
         fontWeight: 500,
         textOverflow: 'ellipsis',
         overflow: 'hidden',
@@ -7938,7 +7893,9 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
       role: "listitem",
       selected: isSelected,
       sx: {
-        padding: 1,
+        pl: 2,
+        pr: 1,
+        py: 1,
         height: WORKSPACE_SELECT_LIST_ROW_HEIGHT + "px"
       },
       children: [jsx(ListItemIcon, {
@@ -8032,7 +7989,7 @@ var MIN_HEIGHT_SCROLLABLE_LIST = 88; // Slightly less than 2 rows
 var LIST_PADDING_TOP = 8;
 var DEFAULT_RESULTS_HEIGHT = 22;
 // row height = height + margin
-var rowHeight = WORKSPACE_SELECT_LIST_ROW_HEIGHT + 4;
+var rowHeight = WORKSPACE_SELECT_LIST_ROW_HEIGHT + 12;
 var WorkspaceSelectList = function WorkspaceSelectList(_ref) {
   var workspacePresets = _ref.workspacePresets,
     currentSelectedId = _ref.currentSelectedId,
@@ -8063,7 +8020,8 @@ var WorkspaceSelectList = function WorkspaceSelectList(_ref) {
     children: [jsxs(Box, {
       sx: {
         marginBottom: '4px',
-        fontSize: '12px'
+        fontSize: '12px',
+        ml: 0.5
       },
       children: [workspacePresets.length, " ", t('workspace-results')]
     }), jsx(AutoSizer, {
@@ -8086,7 +8044,9 @@ var WorkspaceSelectList = function WorkspaceSelectList(_ref) {
                 style = _ref3.style;
               var preset = items[index];
               return jsx("div", {
-                style: style,
+                style: Object.assign({}, style, {
+                  paddingRight: '8px'
+                }),
                 children: jsx(WorkspaceSelectListRow, {
                   infoOpenPresetId: infoOpenPresetId,
                   isAdmin: isAdmin,
@@ -8118,9 +8078,8 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
   var dispatch = useDispatch();
+  var queryClient = useQueryClient();
   var store = useStore();
-  var _useWorkspaceLabelsCo = useWorkspaceLabelsConfig(),
-    labelsConfig = _useWorkspaceLabelsCo.data;
   var _useAuthenticationCon = useAuthenticationContext(),
     currentRole = _useAuthenticationCon.currentRole,
     isLoggedIn = _useAuthenticationCon.isLoggedIn,
@@ -8148,6 +8107,12 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
       return Array.isArray(group) && group.length > 0;
     });
   }, [viewPresetLabelFilters]);
+  var activeLabelFilterCount = React.useMemo(function () {
+    if (!viewPresetLabelFilters) {
+      return 0;
+    }
+    return Object.values(viewPresetLabelFilters).flat().length;
+  }, [viewPresetLabelFilters]);
   var filteredPresets = React.useMemo(function () {
     return filterAndSortPresets(viewPresets, viewPresetListFilters, username, isAdmin, viewPresetLabelFilters != null ? viewPresetLabelFilters : undefined);
   }, [viewPresets, viewPresetListFilters, username, isAdmin, viewPresetLabelFilters]);
@@ -8214,6 +8179,22 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
       filterParams: filterParams
     }));
   }, [dispatch, panelId, viewPresetListSearchQuery]);
+  var refreshViewPresets = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return queryClient.invalidateQueries({
+            queryKey: viewpresetQueryOptions.keys.lists()
+          });
+        case 2:
+          fetchViewPresets();
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [queryClient, fetchViewPresets]);
   var constructInitialProps = function constructInitialProps() {
     switch (viewComponentType) {
       case 'WarningList':
@@ -8233,16 +8214,17 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     switch (workspaceAction) {
       case WorkspacePresetAction.DUPLICATE:
         {
-          getQueryClient().fetchQuery(viewpresetsQueryOptions.getViewPreset(presetId, auth)).then(function (presetFromBE) {
-            var _getViewById, _ref2, _preset$initialProps;
+          getQueryClient().fetchQuery(viewpresetQueryOptions.getViewPreset(presetId, auth)).then(function (presetFromBE) {
+            var _getViewById, _ref3, _preset$initialProps;
             var preset = presetFromBE;
             var fallbackInitialProps = (_getViewById = getViewById(store.getState(), panelId)) == null ? void 0 : _getViewById.initialProps;
-            var initialPropsForForm = (_ref2 = (_preset$initialProps = preset.initialProps) != null ? _preset$initialProps : fallbackInitialProps) != null ? _ref2 : constructInitialProps();
+            var initialPropsForForm = (_ref3 = (_preset$initialProps = preset.initialProps) != null ? _preset$initialProps : fallbackInitialProps) != null ? _ref3 : constructInitialProps();
             openViewPresetsDialog({
               title: t('workspace-mappreset-save-as'),
               action: PresetAction.SAVE_AS,
               viewPresetId: presetId,
               panelId: panelId,
+              shouldSetActiveViewPreset: false,
               formValues: {
                 title: preset.title,
                 description: preset.description,
@@ -8258,6 +8240,7 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
               action: PresetAction.SAVE_AS,
               viewPresetId: presetId,
               panelId: panelId,
+              shouldSetActiveViewPreset: false,
               formValues: {
                 title: preset.title,
                 description: preset.description,
@@ -8286,7 +8269,7 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
               updated: new Date().toISOString()
             }
           });
-          void getQueryClient().fetchQuery(viewpresetsQueryOptions.getViewPreset(presetId, auth)).then(function (fullPreset) {
+          void getQueryClient().fetchQuery(viewpresetQueryOptions.getViewPreset(presetId, auth)).then(function (fullPreset) {
             openViewPresetsDialog({
               title: t('workspace-mappreset-dialog-title-edit'),
               action: PresetAction.EDIT,
@@ -8308,13 +8291,14 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
         }
       case WorkspacePresetAction.SHARE:
         {
-          void getQueryClient().fetchQuery(viewpresetsQueryOptions.getViewPreset(presetId, auth)).then(function (preset) {
+          void getQueryClient().fetchQuery(viewpresetQueryOptions.getViewPreset(presetId, auth)).then(function (preset) {
             return void updateViewPreset(presetId, Object.assign({}, preset, {
               is_shared: !preset.is_shared
             }), auth).then(function () {
               dispatch(viewPresetActions.onSuccessViewPresetAction({
                 panelId: panelId,
                 viewPresetId: presetId,
+                activeViewPresetId: activeViewPresetId,
                 action: PresetAction.SHARE,
                 title: preset.title,
                 description: preset.description,
@@ -8405,14 +8389,15 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
       flexDirection: 'column',
       height: '100%'
     },
-    children: [!!isViewPresetsListFetching && jsx(LinearProgress, {
-      color: "secondary",
-      "data-testid": "loading-bar",
+    children: [jsx(Box, {
       sx: {
-        position: 'absolute',
-        width: '100%',
-        top: 0
-      }
+        height: 4,
+        overflow: 'hidden'
+      },
+      children: !!isViewPresetsListFetching && jsx(LinearProgress, {
+        color: "secondary",
+        "data-testid": "loading-bar"
+      })
     }), !isViewPresetsListFetching && !!error && jsx(AlertBanner, Object.assign({
       info: error.message,
       shouldClose: true,
@@ -8422,16 +8407,9 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
         title: t('workspace-retry'),
         onClick: fetchViewPresets
       }
-    })), !error && jsx(Box, {
-      sx: {
-        padding: 1,
-        pt: 1,
-        flexShrink: 0
-      },
-      children: jsx(SearchField, {
-        searchFilter: viewPresetListSearchQuery,
-        setSearchFilter: onSearchFilter
-      })
+    })), !error && jsx(SearchField, {
+      searchFilter: viewPresetListSearchQuery,
+      setSearchFilter: onSearchFilter
     }), jsxs(Box, {
       sx: {
         display: 'grid',
@@ -8452,7 +8430,6 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
         },
         children: jsx(FormProvider, Object.assign({}, labelsFormMethods, {
           children: jsx(WorkspaceMenuLabelsPanel, {
-            labelsConfig: labelsConfig,
             menuLabels: viewPresetLabelFilters,
             onChange: onLabelsFilterChange
           })
@@ -8482,6 +8459,7 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
               width: '100%'
             },
             children: jsx(Filter, {
+              activeLabelFilterCount: activeLabelFilterCount,
               filters: viewPresetListFilters,
               isAllSelected: isAllSelectedForFilters,
               isLabelFilterOpen: isLabelFilterOpen,
@@ -8499,9 +8477,23 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
             },
             children: jsx(LastUpdateTime, {
               hideLabel: true,
-              onPressRefresh: function onPressRefresh() {
-                return fetchViewPresets();
-              }
+              onPressRefresh: function () {
+                var _onPressRefresh = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+                  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                    while (1) switch (_context2.prev = _context2.next) {
+                      case 0:
+                        return _context2.abrupt("return", refreshViewPresets());
+                      case 1:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }, _callee2);
+                }));
+                function onPressRefresh() {
+                  return _onPressRefresh.apply(this, arguments);
+                }
+                return onPressRefresh;
+              }()
             })
           })]
         }), jsxs(Box, {
@@ -8638,8 +8630,6 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
   var dispatch = useDispatch();
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
-  var _useWorkspaceLabelsCo = useWorkspaceLabelsConfig(),
-    labelsConfig = _useWorkspaceLabelsCo.data;
   var _useAuthenticationCon = useAuthenticationContext(),
     currentRole = _useAuthenticationCon.currentRole,
     isLoggedIn = _useAuthenticationCon.isLoggedIn,
@@ -8662,6 +8652,12 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
       return Array.isArray(group) && group.length > 0;
     });
   }, [labelFilters]);
+  var activeLabelFilterCount = React.useMemo(function () {
+    if (!labelFilters) {
+      return 0;
+    }
+    return Object.values(labelFilters).flat().length;
+  }, [labelFilters]);
   var filteredPresets = React.useMemo(function () {
     return filterAndSortPresets(workspacePresets, selectedFilters, username, isAdmin, labelFilters != null ? labelFilters : undefined);
   }, [workspacePresets, selectedFilters, username, isAdmin, labelFilters]);
@@ -8954,15 +8950,15 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
       height: '100%'
     },
     tabIndex: 0,
-    children: [!!isFetching && jsx(LinearProgress, {
-      color: "secondary",
-      "data-testid": "loading-bar",
+    children: [jsx(Box, {
       sx: {
-        position: 'absolute',
-        width: '100%',
-        top: 0,
-        left: 0
-      }
+        height: 4,
+        overflow: 'hidden'
+      },
+      children: !!isFetching && jsx(LinearProgress, {
+        color: "secondary",
+        "data-testid": "loading-bar"
+      })
     }), !!error && jsx("div", {
       style: {
         whiteSpace: 'normal'
@@ -8982,15 +8978,9 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
           }
         }
       }))
-    }), !error && jsx(Box, {
-      sx: {
-        padding: 1,
-        pt: 1
-      },
-      children: jsx(SearchField, {
-        searchFilter: workspaceSearchQuery,
-        setSearchFilter: searchFilter
-      })
+    }), !error && jsx(SearchField, {
+      searchFilter: workspaceSearchQuery,
+      setSearchFilter: searchFilter
     }), jsxs(Box, {
       sx: {
         display: 'grid',
@@ -9008,7 +8998,6 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
         },
         children: jsx(FormProvider, Object.assign({}, labelsFormMethods, {
           children: jsx(WorkspaceMenuLabelsPanel, {
-            labelsConfig: labelsConfig,
             menuLabels: labelFilters,
             onChange: onLabelsFilterChange
           })
@@ -9024,7 +9013,8 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
         },
         children: [!error && jsxs(Box, {
           sx: {
-            marginBottom: 1
+            marginBottom: 1,
+            mx: 0.5
           },
           children: [jsx(Box, {
             sx: {
@@ -9032,6 +9022,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
               width: '100%'
             },
             children: jsx(Filter, {
+              activeLabelFilterCount: activeLabelFilterCount,
               filters: workspaceListFilters,
               isAllSelected: isAllSelected,
               isLabelFilterOpen: isLabelFilterOpen,
@@ -9049,6 +9040,9 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
             },
             children: jsx(LastUpdateTime, {
               hideLabel: true,
+              iconButtonSx: {
+                marginLeft: 0
+              },
               onPressRefresh: function onPressRefresh() {
                 return fetchWorkspaceList();
               }
@@ -9098,7 +9092,7 @@ var WorkspaceMenu = function WorkspaceMenu(_ref) {
       return !prev;
     });
   }, []);
-  var dialogWidth = isLabelFilterOpen ? 700 : 380;
+  var dialogWidth = isLabelFilterOpen ? 700 : 483;
   return jsx(CustomDialog, {
     "data-testid": "workspace-menu",
     hasLayout: false,
@@ -9486,6 +9480,8 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
         return currentWarningsPreset;
       case 'TimeSeries':
         return timeSeriesSelectors.getTimeSeriesPreset(store.getState());
+      case 'Soundings':
+        return soundingsSelectors.getSoundingsPreset(store.getState());
       case 'Map':
         return {
           mapPreset: mapSelectors.getMapPreset(store.getState(), panelId),
@@ -10047,6 +10043,11 @@ var WorkspaceViewConnect = function WorkspaceViewConnect(_ref) {
       return window.removeEventListener('orientationchange', handleOrientationChange);
     };
   }, [handleOrientationChange]);
+  React.useEffect(function () {
+    if (!mosaicNode) {
+      dispatch(workspaceActions.teardownComplete());
+    }
+  }, [mosaicNode, dispatch]);
   return jsx(WorkspaceView, {
     activeWindowId: activeWindowId,
     componentsLookUp: componentsLookUp,
@@ -10359,8 +10360,7 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
     confirmLabel = _ref.confirmLabel,
     cancelLabel = _ref.cancelLabel,
     onClose = _ref.onClose,
-    dialogTitle = _ref.dialogTitle,
-    labelsConfig = _ref.labelsConfig;
+    dialogTitle = _ref.dialogTitle;
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
   var _useFormContext = useFormContext(),
@@ -10490,9 +10490,7 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
               bgcolor: 'geowebColors.background.surface',
               maxWidth: '80%'
             },
-            children: jsx(PresetLabelsPanel, {
-              labelsConfig: labelsConfig
-            })
+            children: jsx(PresetLabelsPanelWrapper, {})
           }), jsxs(Box, {
             sx: {
               pl: {
@@ -10639,8 +10637,7 @@ var WorkspacePresetsFormDialog = function WorkspacePresetsFormDialog(_ref) {
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
     error = _ref.error,
     _ref$isWorkspaceSaved = _ref.isWorkspaceSaved,
-    isWorkspaceSaved = _ref$isWorkspaceSaved === void 0 ? false : _ref$isWorkspaceSaved,
-    labelsConfig = _ref.labelsConfig;
+    isWorkspaceSaved = _ref$isWorkspaceSaved === void 0 ? false : _ref$isWorkspaceSaved;
   var _useFormContext = useFormContext(),
     handleFormSubmit = _useFormContext.handleSubmit,
     reset = _useFormContext.reset;
@@ -10817,7 +10814,6 @@ var WorkspacePresetsFormDialog = function WorkspacePresetsFormDialog(_ref) {
       formValues: formValues,
       hasSavedWorkspace: isWorkspaceSaved,
       isLoading: isLoading,
-      labelsConfig: labelsConfig,
       onClose: onClose,
       onSubmit: onSubmit,
       showInlineActions: withLabelsPanel
@@ -10849,8 +10845,6 @@ var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
     deleteWorkspace = _useDeleteWorkspacePr.mutate;
   var _useCreateWorkspacePr = useCreateWorkspacePreset(),
     createWorkspace = _useCreateWorkspacePr.mutate;
-  var _useWorkspaceLabelsCo = useWorkspaceLabelsConfig(),
-    labelsConfig = _useWorkspaceLabelsCo.data;
   var title = useSelector(function (store) {
     return getSelectedWorkspaceTitle(store);
   });
@@ -10909,7 +10903,7 @@ var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
                       }
                       _context.prev = 4;
                       _context.next = 7;
-                      return getQueryClient().fetchQuery(viewpresetsQueryOptions.getViewPreset(view.viewPresetId, auth));
+                      return getQueryClient().fetchQuery(viewpresetQueryOptions.getViewPreset(view.viewPresetId, auth));
                     case 7:
                       preset = _context.sent;
                       _viewPresetId = view.viewPresetId, _rest = _objectWithoutPropertiesLoose(view, _excluded2);
@@ -10991,7 +10985,6 @@ var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
       isLoading: isFetching,
       isOpen: Boolean(dialogDetails),
       isWorkspaceSaved: hasSavedWorkspace,
-      labelsConfig: labelsConfig,
       onClose: closeWorkspaceActionDialog,
       onFormSubmit: onSubmitForm,
       presetId: presetId || undefined
@@ -11045,8 +11038,7 @@ var ViewPresetsForm = function ViewPresetsForm(_ref) {
     confirmLabel = _ref.confirmLabel,
     cancelLabel = _ref.cancelLabel,
     onClose = _ref.onClose,
-    dialogTitle = _ref.dialogTitle,
-    labelsConfig = _ref.labelsConfig;
+    dialogTitle = _ref.dialogTitle;
   var fieldName = 'title';
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
@@ -11114,8 +11106,7 @@ var ViewPresetsForm = function ViewPresetsForm(_ref) {
               bgcolor: 'geowebColors.background.surface',
               maxWidth: '80%'
             },
-            children: jsx(PresetLabelsPanel, {
-              labelsConfig: labelsConfig,
+            children: jsx(PresetLabelsPanelWrapper, {
               viewComponentType: viewComponentType
             })
           }), jsxs(Box, {
@@ -11255,7 +11246,6 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
     viewPresetId = _ref.viewPresetId,
     viewComponentType = _ref.viewComponentType,
     formValues = _ref.formValues,
-    labelsConfig = _ref.labelsConfig,
     onSuccess = _ref.onSuccess,
     onClose = _ref.onClose,
     title = _ref.title,
@@ -11347,7 +11337,7 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
             return _context.abrupt("break", 31);
           case 19:
             _context.next = 21;
-            return getQueryClient().fetchQuery(viewpresetsQueryOptions.getViewPreset(viewPresetId, auth));
+            return getQueryClient().fetchQuery(viewpresetQueryOptions.getViewPreset(viewPresetId, auth));
           case 21:
             originalViewPreset = _context.sent;
             viewPresetEdited = Object.assign({}, originalViewPreset, {
@@ -11469,7 +11459,6 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
       error: error,
       formValues: formValues,
       isLoading: isLoading,
-      labelsConfig: labelsConfig,
       onClose: onClose,
       onSubmit: onSubmit,
       showInlineActions: withLabelsPanel,
@@ -11520,13 +11509,15 @@ var useDeleteViewPreset = function useDeleteViewPreset() {
 var ViewPresetsFormDialogConnect = function ViewPresetsFormDialogConnect(_ref) {
   var _dialogOptions$formVa;
   var _ref$scope = _ref.scope,
-    scope = _ref$scope === void 0 ? 'user' : _ref$scope,
-    labelsConfig = _ref.labelsConfig;
+    scope = _ref$scope === void 0 ? 'user' : _ref$scope;
   var dispatch = useDispatch();
   var dialogOptions = useSelector(function (store) {
     return getDialogOptions(store);
   });
   var panelId = dialogOptions == null ? void 0 : dialogOptions.panelId;
+  var activeViewPresetId = useSelector(function (store) {
+    return getViewPresetActiveId(store, panelId);
+  });
   var fallbackComponentType = useSelector(function (store) {
     return getViewComponentType(store, panelId);
   });
@@ -11550,6 +11541,8 @@ var ViewPresetsFormDialogConnect = function ViewPresetsFormDialogConnect(_ref) {
     dispatch(viewPresetActions.onSuccessViewPresetAction({
       panelId: panelId,
       viewPresetId: newViewPresetId,
+      activeViewPresetId: activeViewPresetId,
+      shouldSetActiveViewPreset: dialogOptions == null ? void 0 : dialogOptions.shouldSetActiveViewPreset,
       action: action,
       title: title,
       description: description,
@@ -11563,7 +11556,6 @@ var ViewPresetsFormDialogConnect = function ViewPresetsFormDialogConnect(_ref) {
     action: (dialogOptions == null ? void 0 : dialogOptions.action) || PresetAction.SAVE,
     formValues: dialogOptions == null ? void 0 : dialogOptions.formValues,
     isOpen: isOpen,
-    labelsConfig: labelsConfig,
     onClose: onClose,
     onDelete: deleteViewPreset,
     onReset: onReset,
@@ -11586,8 +11578,6 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
     t = _useWorkspaceTranslat.t;
   var _useAuthenticationCon = useAuthenticationContext(),
     currentRole = _useAuthenticationCon.currentRole;
-  var _useWorkspaceLabelsCo = useWorkspaceLabelsConfig(),
-    labelsConfig = _useWorkspaceLabelsCo.data;
   var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
   var error = useSelector(function (store) {
     return getWorkspaceError(store);
@@ -11688,10 +11678,126 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
         })
       })]
     }), jsx(ViewPresetsFormDialogConnect, {
-      labelsConfig: labelsConfig,
       scope: isAdmin ? 'system' : 'user'
     })]
   });
 };
 
-export { ALL_COMPONENT_TYPES, AVIATION_COMPONENT_TYPES, CAP_COMPONENT_TYPES, ComponentsLookUpWrapper, DemoWrapper, PresetAction, SUPPORTED_COMPONENT_TYPES, SUPPORTED_TIMESERIES_COMPONENT_TYPES, ViewPresetErrorComponent, ViewPresetErrorType, WARNING_LIST_COMPONENT_TYPES, WORKSPACE_NAMESPACE, WorkspaceDetail, WorkspaceErrorType, WorkspaceI18nProvider, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceStoreWrapper, WorkspaceThemeProvider, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProviderWithStore, createBalancedMosaicNode, createCustomEmptyMapWorkspace, defaultAuthConfig, getEmptyMapWorkspace, getWorkspaceRouteUrl, selectors$2 as selectors, viewPresetActions, viewPresetsListReducer, viewPresetsListener, viewPresetsReducer, workspaceActions, workspaceListActions, workspaceListListener, workspaceListReducer, workspaceListener, workspaceMiddlewares, workspaceReducer, workspaceReducersMap, routes as workspaceRoutes, workspaceTranslations };
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var LABELS_CONFIG_DEFAULT = {
+  purpose: ['Aviation', 'Monitor', 'Public', 'Maritime', 'Warning', 'Media', 'Nowcasting (0–12h)'],
+  parameters: ['Pressure', 'Temperature', 'Wind', 'Humidity', 'Water vapour', 'Visibility', 'Geopotential', 'Snow', 'Cloud', 'Waves', 'Index', 'Precipitation'],
+  phenomena: ['Turbulence', 'MTW', 'CAT', 'Icing', 'Freezing rain', 'FlashFlood', 'Wind gust', 'Rain', 'Snow', 'Road ice', 'Lightning strike', 'Drifting snow', 'Wave height + water level', 'Forest fire', 'Polar Low', 'Heat wave', 'Gale warning'],
+  viewType: [].concat(ALL_COMPONENT_TYPES),
+  dataType: ['observation', 'forecast', 'archive'],
+  dataSource: ['Meps', 'Arome Arctic', 'Ecmwf', 'Ensemble', 'AIFS', 'BRIS', 'radar', 'satellite', 'synop']
+};
+
+var workspaceEndpoints = [http["delete"](/^.*\/workspacepreset\/(.*)$/, /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  return _regeneratorRuntime().wrap(function _callee$(_context) {
+    while (1) switch (_context.prev = _context.next) {
+      case 0:
+        _context.next = 2;
+        return delay();
+      case 2:
+        return _context.abrupt("return", HttpResponse.json(null));
+      case 3:
+      case "end":
+        return _context.stop();
+    }
+  }, _callee);
+}))), http.post(/^.*\/workspacepreset$/, /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+    while (1) switch (_context2.prev = _context2.next) {
+      case 0:
+        _context2.next = 2;
+        return delay();
+      case 2:
+        return _context2.abrupt("return", HttpResponse.json(null, {
+          status: 200,
+          headers: {
+            Location: '/workspacepreset/workspace-id-1'
+          }
+        }));
+      case 3:
+      case "end":
+        return _context2.stop();
+    }
+  }, _callee2);
+}))), http.put(/^.*\/workspacepreset\/(.*)$/, /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+  return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+    while (1) switch (_context3.prev = _context3.next) {
+      case 0:
+        _context3.next = 2;
+        return delay();
+      case 2:
+        return _context3.abrupt("return", HttpResponse.json(null));
+      case 3:
+      case "end":
+        return _context3.stop();
+    }
+  }, _callee3);
+}))), http.get(/^.*\/workspacepreset\/(.*)$/, /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref4) {
+    var _params$;
+    var params, presetId, preset;
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          params = _ref4.params;
+          _context4.next = 3;
+          return delay();
+        case 3:
+          presetId = String((_params$ = params[0]) != null ? _params$ : '');
+          preset = workspacePresets.find(function (item) {
+            return item.id === presetId;
+          });
+          if (preset) {
+            _context4.next = 7;
+            break;
+          }
+          return _context4.abrupt("return", HttpResponse.json({
+            message: 'Not found'
+          }, {
+            status: 404
+          }));
+        case 7:
+          return _context4.abrupt("return", HttpResponse.json(preset));
+        case 8:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return function (_x) {
+    return _ref5.apply(this, arguments);
+  };
+}()), http.get(/^.*\/workspace-labels-config$/, /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+  return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+    while (1) switch (_context5.prev = _context5.next) {
+      case 0:
+        return _context5.abrupt("return", HttpResponse.json(LABELS_CONFIG_DEFAULT));
+      case 1:
+      case "end":
+        return _context5.stop();
+    }
+  }, _callee5);
+})))];
+
+export { ALL_COMPONENT_TYPES, AVIATION_COMPONENT_TYPES, CAP_COMPONENT_TYPES, ComponentsLookUpWrapper, DemoWrapper, PresetAction, SUPPORTED_COMPONENT_TYPES, SUPPORTED_TIMESERIES_COMPONENT_TYPES, ViewPresetErrorComponent, ViewPresetErrorType, WARNING_LIST_COMPONENT_TYPES, WORKSPACE_NAMESPACE, WorkspaceDetail, WorkspaceErrorType, WorkspaceI18nProvider, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceStoreWrapper, WorkspaceThemeProvider, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProviderWithStore, createBalancedMosaicNode, createCustomEmptyMapWorkspace, defaultAuthConfig, getEmptyMapWorkspace, getWorkspaceRouteUrl, selectors$2 as selectors, viewPresetActions, viewPresetsListReducer, viewPresetsListener, viewPresetsReducer, workspaceActions, workspaceEndpoints, workspaceListActions, workspaceListListener, workspaceListReducer, workspaceListener, workspaceMiddlewares, workspaceReducer, workspaceReducersMap, routes as workspaceRoutes, workspaceTranslations };