@opengeoweb/workspace 15.0.0 → 15.1.0

package/index.esm.js

@@ -3,8 +3,9 @@ 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 { queryOptions, useMutation, useQuery } 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 { 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';
@@ -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",
@@ -791,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
@@ -817,88 +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;
-    }(),
-    saveWorkspacePresetAs: function () {
-      var _saveWorkspacePresetAs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              return _context3.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 _context3.stop();
-          }
-        }, _callee3);
-      }));
-      function saveWorkspacePresetAs(_x3) {
-        return _saveWorkspacePresetAs.apply(this, arguments);
-      }
-      return saveWorkspacePresetAs;
-    }(),
-    // view presets
-    getViewPresets: function () {
-      var _getViewPresets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(params) {
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              return _context4.abrupt("return", axiosInstance.get('/viewpreset', {
-                params: params
-              }));
-            case 1:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4);
-      }));
-      function getViewPresets(_x4) {
-        return _getViewPresets.apply(this, arguments);
-      }
-      return getViewPresets;
-    }(),
-    saveViewPreset: function () {
-      var _saveViewPreset = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(viewPresetId, data) {
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              return _context5.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 _context5.stop();
+              return _context2.stop();
           }
-        }, _callee5);
+        }, _callee2);
       }));
-      function saveViewPreset(_x5, _x6) {
+      function saveViewPreset(_x2, _x3) {
         return _saveViewPreset.apply(this, arguments);
       }
       return saveViewPreset;
     }(),
     saveViewPresetAs: function () {
-      var _saveViewPresetAs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(data) {
-        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.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 _context6.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');
@@ -906,11 +879,11 @@ var getApiRoutes$1 = function getApiRoutes(axiosInstance) {
               }));
             case 1:
             case "end":
-              return _context6.stop();
+              return _context3.stop();
           }
-        }, _callee6);
+        }, _callee3);
       }));
-      function saveViewPresetAs(_x7) {
+      function saveViewPresetAs(_x4) {
         return _saveViewPresetAs.apply(this, arguments);
       }
       return saveViewPresetAs;
@@ -1048,34 +1021,6 @@ var toViewsArray = function toViewsArray(wsViews) {
   });
 };
 
-/* *
- * 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 getViewPreset = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(viewpresetId, auth) {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -1094,34 +1039,47 @@ var getViewPreset = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-var updateViewPreset = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(viewpresetId, data, auth) {
+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:
-          return _context2.abrupt("return", fetch(getPresetBaseUrl() + "/viewpreset/" + viewpresetId, {
-            headers: getHeaders(auth),
-            method: 'PUT',
-            body: JSON.stringify(data)
+          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 1:
+        case 6:
         case "end":
           return _context2.stop();
       }
     }, _callee2);
   }));
-  return function updateViewPreset(_x3, _x4, _x5) {
+  return function getViewPresets(_x3, _x4) {
     return _ref2.apply(this, arguments);
   };
 }();
-var deleteViewPreset = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(viewPresetId, auth) {
+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, {
-            method: 'DELETE',
-            headers: getHeaders(auth)
+          return _context3.abrupt("return", fetch(getPresetBaseUrl() + "/viewpreset/" + viewpresetId, {
+            headers: getHeaders(auth),
+            method: 'PUT',
+            body: JSON.stringify(data)
           }).then(handleResponse));
         case 1:
         case "end":
@@ -1129,19 +1087,52 @@ var deleteViewPreset = /*#__PURE__*/function () {
       }
     }, _callee3);
   }));
-  return function deleteViewPreset(_x6, _x7) {
-    return _ref3.apply(this, arguments);
+  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 = 'viewpresets-api';
-var generateViewPresetsQueryKeys = function generateViewPresetsQueryKeys(queryKeys) {
+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 viewpresetsQueryOptions = {
+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: generateViewPresetsQueryKeys([id]),
+      queryKey: [].concat(viewpresetQueryOptions.keys.views(), [id]),
       queryFn: function () {
         var _queryFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
           return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -1160,6 +1151,28 @@ var viewpresetsQueryOptions = {
         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;
+      }()
+    });
   }
 };
 
@@ -1520,8 +1533,10 @@ 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, 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',
@@ -1927,6 +1942,21 @@ 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,
@@ -2010,7 +2040,7 @@ var filterAndSortPresets = function filterAndSortPresets(presets, selectedFilter
     var matchesLabelFilters = function matchesLabelFilters(preset) {
       var _preset$labels;
       var presetLabels = (_preset$labels = preset.labels) != null ? _preset$labels : {};
-      return activeGroups.some(function (_ref2) {
+      return activeGroups.every(function (_ref2) {
         var _presetLabels$key;
         var key = _ref2.key,
           selectedValues = _ref2.values;
@@ -2231,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) {
@@ -2461,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;
@@ -2777,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;
@@ -2786,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';
@@ -2803,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,
@@ -2971,7 +3011,7 @@ var getWorkspaceLabelsConfig = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-var getWorkspace = /*#__PURE__*/function () {
+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) {
@@ -2985,18 +3025,17 @@ var getWorkspace = /*#__PURE__*/function () {
       }
     }, _callee2);
   }));
-  return function getWorkspace(_x2, _x3) {
+  return function getWorkspacePreset(_x2, _x3) {
     return _ref2.apply(this, arguments);
   };
 }();
-var deleteWorkspace = /*#__PURE__*/function () {
+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() + "/workspacepreset/" + workspaceId, {
-            headers: getHeaders(auth),
-            method: 'DELETE'
+            headers: getHeaders(auth)
           }).then(handleResponse));
         case 1:
         case "end":
@@ -3004,19 +3043,18 @@ var deleteWorkspace = /*#__PURE__*/function () {
       }
     }, _callee3);
   }));
-  return function deleteWorkspace(_x4, _x5) {
+  return function getWorkspace(_x4, _x5) {
     return _ref3.apply(this, arguments);
   };
 }();
-var updateWorkspace = /*#__PURE__*/function () {
-  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(workspaceId, data, auth) {
+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: 'PUT',
-            body: JSON.stringify(data)
+            method: 'DELETE'
           }).then(handleResponse));
         case 1:
         case "end":
@@ -3024,16 +3062,16 @@ var updateWorkspace = /*#__PURE__*/function () {
       }
     }, _callee4);
   }));
-  return function updateWorkspace(_x6, _x7, _x8) {
+  return function deleteWorkspace(_x6, _x7) {
     return _ref4.apply(this, arguments);
   };
 }();
-var saveWorkspacePreset = /*#__PURE__*/function () {
+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 + "/", {
+          return _context5.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset/" + workspaceId, {
             headers: getHeaders(auth),
             method: 'PUT',
             body: JSON.stringify(data)
@@ -3044,18 +3082,18 @@ var saveWorkspacePreset = /*#__PURE__*/function () {
       }
     }, _callee5);
   }));
-  return function saveWorkspacePreset(_x9, _x0, _x1) {
+  return function updateWorkspace(_x8, _x9, _x0) {
     return _ref5.apply(this, arguments);
   };
 }();
-var createWorkspace = /*#__PURE__*/function () {
-  var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(data, auth) {
+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", {
+          return _context6.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset/" + workspaceId + "/", {
             headers: getHeaders(auth),
-            method: 'POST',
+            method: 'PUT',
             body: JSON.stringify(data)
           }).then(handleResponse));
         case 1:
@@ -3064,32 +3102,78 @@ var createWorkspace = /*#__PURE__*/function () {
       }
     }, _callee6);
   }));
-  return function createWorkspace(_x10, _x11) {
+  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);
+  };
+}();
 
-var API_KEY = 'workspaces-api';
-// set default query options for this API
-/*
- configureLibraryDefaults([LIB_KEY, API_KEY], {
-  staleTime: 5 * 60 * 1000,
-});
-*/
-var generateWorkspaceQueryKeys = function generateWorkspaceQueryKeys(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 workspaceQueryOptions = {
-  saveWorkspacePreset: function saveWorkspacePreset$1(id, data, credentials) {
+  getWorkspacePreset: function getWorkspacePreset$1(id, credentials) {
     return queryOptions({
-      queryKey: generateWorkspaceQueryKeys([id]),
-      staleTime: 0,
+      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", saveWorkspacePreset(id, data, credentials));
+                return _context.abrupt("return", getWorkspacePreset(id, credentials));
               case 1:
               case "end":
                 return _context.stop();
@@ -3102,196 +3186,56 @@ var workspaceQueryOptions = {
         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"
-	}
-];
+  },
+  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 workspacePresetsListFullContent = [
+var workspacePresets = [
 	{
 		id: "screenConfigRadarTemp",
 		title: "Radar and temperature",
@@ -4453,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"
 	}
 ];
 
@@ -4614,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;
@@ -4635,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 () {
@@ -4683,112 +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;
-    }(),
-    saveWorkspacePresetAs: function () {
-      var _saveWorkspacePresetAs = _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 workspace preset as', data);
-              return _context3.abrupt("return", axiosInstance.post("/workspacepreset/", data).then(function () {
-                return null;
-              }));
-            case 2:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }));
-      function saveWorkspacePresetAs(_x3) {
-        return _saveWorkspacePresetAs.apply(this, arguments);
-      }
-      return saveWorkspacePresetAs;
-    }(),
-    // view presets
-    getViewPresets: function () {
-      var _getViewPresets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(params) {
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              return _context4.abrupt("return", axiosInstance.get('/viewpreset', {
-                params: params
-              }).then(function () {
-                var data = filterViewPresetList(params);
-                return {
-                  data: sortViewPresets(data)
-                };
-              }));
-            case 1:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4);
-      }));
-      function getViewPresets(_x4) {
-        return _getViewPresets.apply(this, arguments);
-      }
-      return getViewPresets;
-    }(),
-    saveViewPreset: function () {
-      var _saveViewPreset = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(presetId, data) {
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               // eslint-disable-next-line no-console
               console.log('api: save view preset', presetId, data);
-              return _context5.abrupt("return", axiosInstance.put("/viewpreset/" + presetId + "/", data));
+              return _context2.abrupt("return", axiosInstance.put("/viewpreset/" + presetId + "/", data));
             case 2:
             case "end":
-              return _context5.stop();
+              return _context2.stop();
           }
-        }, _callee5);
+        }, _callee2);
       }));
-      function saveViewPreset(_x5, _x6) {
+      function saveViewPreset(_x2, _x3) {
         return _saveViewPreset.apply(this, arguments);
       }
       return saveViewPreset;
     }(),
     saveViewPresetAs: function () {
-      var _saveViewPresetAs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(data) {
-        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.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 _context6.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 _context6.stop();
+              return _context3.stop();
           }
-        }, _callee6);
+        }, _callee3);
       }));
-      function saveViewPresetAs(_x7) {
+      function saveViewPresetAs(_x4) {
         return _saveViewPresetAs.apply(this, arguments);
       }
       return saveViewPresetAs;
@@ -5037,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, _listenerApi$getState, _yield$workspaceApi$g2, originalData, workspaceDataNewTitle, credentials, _originalData$views, _listenerApi$getState2, _data$views2, _yield$workspaceApi$g3, _originalData, mergedViews, payloadToSave, _credentials, isSaveWorkspaceAction, isSaveAsWorkspaceAction, hasWorkspaceAlreadyBeenSaved, workspaceId, workspaceData, viewsWithInitialProps, newWorkspace, hasChanges, _listenerApi$getState3, _credentials2, 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
@@ -5057,10 +4926,9 @@ workspaceListListener.startListening({
               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"],
@@ -5069,9 +4937,11 @@ workspaceListListener.startListening({
               updated: data.updated,
               updatedBy: data.updatedBy
             });
-            credentials = (_listenerApi$getState = listenerApi.getState().common) == null || (_listenerApi$getState = _listenerApi$getState.auth) == null ? void 0 : _listenerApi$getState.credentials;
-            _context3.next = 18;
+            _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,
@@ -5090,10 +4960,9 @@ workspaceListListener.startListening({
               break;
             }
             _context3.next = 22;
-            return workspaceApi.getWorkspacePreset(presetId);
+            return getQueryClient().fetchQuery(workspaceQueryOptions.getWorkspacePreset(presetId, credentials));
           case 22:
-            _yield$workspaceApi$g3 = _context3.sent;
-            _originalData = _yield$workspaceApi$g3.data;
+            _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;
@@ -5107,9 +4976,11 @@ workspaceListListener.startListening({
             payloadToSave = Object.assign({}, _originalData, {
               views: mergedViews
             });
-            _credentials = (_listenerApi$getState2 = listenerApi.getState().common) == null || (_listenerApi$getState2 = _listenerApi$getState2.auth) == null ? void 0 : _listenerApi$getState2.credentials;
+            _context3.next = 27;
+            return getQueryClient().fetchQuery(workspaceQueryOptions.saveWorkspacePreset(presetId, payloadToSave, credentials));
+          case 27:
             _context3.next = 29;
-            return getQueryClient().fetchQuery(workspaceQueryOptions.saveWorkspacePreset(presetId, payloadToSave, _credentials));
+            return getQueryClient().invalidateQueries(workspaceQueryOptions.getWorkspacePreset(presetId, credentials));
           case 29:
             // 4) Notify success so reducer updates local state
             listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
@@ -5128,7 +4999,7 @@ workspaceListListener.startListening({
             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 = 52;
+              _context3.next = 54;
               break;
             }
             hasWorkspaceAlreadyBeenSaved = getWorkspaceDialogIsSaved(workspaceState);
@@ -5152,33 +5023,36 @@ workspaceListListener.startListening({
               views: viewsWithInitialProps
             });
             if (!(!hasWorkspaceAlreadyBeenSaved && isSaveAsWorkspaceAction)) {
-              _context3.next = 43;
+              _context3.next = 44;
               break;
             }
-            _context3.next = 41;
-            return workspaceApi.saveWorkspacePresetAs(newWorkspace);
-          case 41:
+            _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 43:
+          case 44:
             listenerApi.dispatch(workspaceListActions.onSuccessWorkspaceSaveDialog({
               presetId: workspaceId
             }));
             if (isSaveAsWorkspaceAction) {
-              _context3.next = 50;
+              _context3.next = 52;
               break;
             }
             hasChanges = hasWorkspaceChanges(listenerApi.getState());
             if (!hasChanges) {
-              _context3.next = 50;
+              _context3.next = 52;
               break;
             }
-            _credentials2 = (_listenerApi$getState3 = listenerApi.getState().common) == null || (_listenerApi$getState3 = _listenerApi$getState3.auth) == null ? void 0 : _listenerApi$getState3.credentials;
             _context3.next = 50;
-            return getQueryClient().fetchQuery(workspaceQueryOptions.saveWorkspacePreset(workspaceId, newWorkspace, _credentials2));
+            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,
@@ -5191,7 +5065,7 @@ workspaceListListener.startListening({
             listenerApi.dispatch(routerActions.navigateToUrl({
               url: getWorkspaceRouteUrl(workspaceId)
             }));
-          case 52:
+          case 54:
             // Reset
             if (presetAction === WorkspacePresetAction.RESET) {
               // In case we're resetting the `New workspace` preset
@@ -5216,10 +5090,10 @@ workspaceListListener.startListening({
                 scope: scope
               }));
             }
-            _context3.next = 60;
+            _context3.next = 62;
             break;
-          case 55:
-            _context3.prev = 55;
+          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;
@@ -5230,11 +5104,11 @@ workspaceListListener.startListening({
                 message: message
               }
             }));
-          case 60:
+          case 62:
           case "end":
             return _context3.stop();
         }
-      }, _callee3, null, [[4, 55]]);
+      }, _callee3, null, [[4, 57]]);
     }));
     function effect(_x5, _x6) {
       return _effect3.apply(this, arguments);
@@ -5307,20 +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();
-            _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);
@@ -5335,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;
@@ -5367,7 +5246,7 @@ workspaceListener.startListening({
                 return _ref4.apply(this, arguments);
               };
             }()));
-          case 14:
+          case 16:
             views.forEach(function (view) {
               var panelId = view.mosaicNodeId;
               if (!panelId) {
@@ -5379,7 +5258,7 @@ workspaceListener.startListening({
                 isInline: hasInlineConfig
               }));
             });
-          case 15:
+          case 17:
           case "end":
             return _context4.stop();
         }
@@ -5405,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({
@@ -5479,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:
@@ -5498,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
@@ -5519,17 +5396,16 @@ workspaceListener.startListening({
             listenerApi.dispatch(workspaceActions.changePreset({
               workspacePreset: fullLoadingWorkspace
             }));
-            // wait for teardown of previous workspace to finish
-            _context9.next = 19;
-            return listenerApi.condition(function (_action, currentState) {
-              var _currentState$workspa2;
-              return ((_currentState$workspa2 = currentState.workspace) == null ? void 0 : _currentState$workspa2.id) === fullLoadingWorkspace.id;
-            }, 500);
-          case 19:
+            _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 = [];
-            _context9.next = 23;
+            _context9.next = 21;
             return Promise.all(workspaceIdsInBatches.map(/*#__PURE__*/function () {
               var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(batchCall) {
                 return _regeneratorRuntime().wrap(function _callee8$(_context8) {
@@ -5568,14 +5444,21 @@ workspaceListener.startListening({
                 return _ref7.apply(this, arguments);
               };
             }()));
-          case 23:
+          case 21:
             // Trigger all actions at once
             actionsToDispatch.map(listenerApi.dispatch);
-            _context9.next = 30;
+            _context9.next = 31;
             break;
-          case 26:
-            _context9.prev = 26;
+          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,
@@ -5584,11 +5467,11 @@ workspaceListener.startListening({
                 type: errorType
               }
             }));
-          case 30:
+          case 31:
           case "end":
             return _context9.stop();
         }
-      }, _callee9, null, [[4, 26]]);
+      }, _callee9, null, [[4, 24]]);
     }));
     function effect(_x12, _x13) {
       return _effect5.apply(this, arguments);
@@ -5613,6 +5496,9 @@ workspaceListener.startListening({
             _context0.next = 7;
             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,
@@ -5621,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,
@@ -5633,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);
@@ -5649,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();
         }
@@ -5752,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) {
@@ -5788,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);
@@ -5908,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);
@@ -5953,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();
         }
@@ -6094,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);
@@ -6176,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];
@@ -8164,6 +8078,7 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
   var dispatch = useDispatch();
+  var queryClient = useQueryClient();
   var store = useStore();
   var _useAuthenticationCon = useAuthenticationContext(),
     currentRole = _useAuthenticationCon.currentRole,
@@ -8264,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':
@@ -8283,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,
@@ -8308,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,
@@ -8336,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,
@@ -8358,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,
@@ -8455,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,
@@ -8542,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, {
@@ -9001,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'
@@ -9531,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),
@@ -10092,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,
@@ -10947,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);
@@ -11381,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, {
@@ -11559,6 +11515,9 @@ var ViewPresetsFormDialogConnect = function ViewPresetsFormDialogConnect(_ref) {
     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);
   });
@@ -11582,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,
@@ -11722,4 +11683,121 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
   });
 };
 
-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 };