@opengeoweb/workspace 15.1.0 → 15.2.0

package/index.esm.js

@@ -1,13 +1,13 @@
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, isAnyOf, combineReducers, configureStore } from '@reduxjs/toolkit';
-import { createApiInstance, createNonAuthApiInstance, getApi, getHeaders, handleResponse, createFakeApiInstance, getQueryClient, QueryClientProviderWrapper, ApiProvider, useApiContext, useAuthenticationContext as useAuthenticationContext$1, GEOWEB_ROLE_PRESETS_ADMIN as GEOWEB_ROLE_PRESETS_ADMIN$1 } from '@opengeoweb/api';
+import { handleResponse, getHeaders, getQueryClient, QueryClientProviderWrapper, useAuthenticationContext as useAuthenticationContext$1, GEOWEB_ROLE_PRESETS_ADMIN as GEOWEB_ROLE_PRESETS_ADMIN$1 } from '@opengeoweb/api';
 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 { timeSeriesActions, TimeSeriesTypes, timeSeriesSelectors, timeSeriesReducer } from '@opengeoweb/time-series';
+import { chunk, union, cloneDeep, pick, isEqual, isString } from 'lodash';
 import { getLeaves, createBalancedTreeFromLeaves, MosaicContext, getAndAssertNodeAtPathExists, MosaicWindow, Mosaic } from 'react-mosaic-component';
-import { sessionStorageProvider, getAxiosErrorMessage, isAxiosError, isAxiosAuthError, safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, ConfirmationServiceProvider, CustomIconButton, useConfirmationDialog, usePrevious, AlertBanner, CustomAccordion, CustomTooltip, dateUtils, SystemScope, SearchHighlight, ToggleMenu, SearchField, Filter, LastUpdateTime, renderCounter, CustomDialog, ToolContainer, CustomToggleButton, ConfirmationButtons } from '@opengeoweb/shared';
 import { queryOptions, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { 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 { 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 { warningsFiltersActions, publicWarningsSelectors, warningsTranslations, WARN_NAMESPACE } from '@opengeoweb/warnings';
 import { snackbarTypes, snackbarActions, snackbarListener, snackbarReducer, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
 import { isAxiosError as isAxiosError$1 } from 'axios';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -23,8 +23,7 @@ import React, { useCallback, useEffect } from 'react';
 import { Menu, Typography, List, ListItem, ListItemButton, ListItemIcon, Checkbox, ListItemText, LinearProgress, Box, Button, Stack, FormControlLabel, Chip, Popper, ClickAwayListener, Paper, IconButton, Collapse, Divider, Grid, useTheme, ListSubheader, MenuItem, Tabs } from '@mui/material';
 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 { List as List$1 } from 'react-window';
 import { http, HttpResponse, delay } from 'msw';
 
 var en = {
@@ -806,99 +805,10 @@ function _regeneratorRuntime() {
  * 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)
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - 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
-    getWorkspacePresets: function () {
-      var _getWorkspacePresets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              return _context.abrupt("return", axiosInstance.get('/workspacepreset', {
-                params: params
-              }));
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      function getWorkspacePresets(_x) {
-        return _getWorkspacePresets.apply(this, arguments);
-      }
-      return getWorkspacePresets;
-    }(),
-    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.put("/viewpreset/" + viewPresetId + "/", data.initialProps === null ? Object.assign({}, data, {
-                initialProps: {}
-              }) : data));
-            case 1:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      function saveViewPreset(_x2, _x3) {
-        return _saveViewPreset.apply(this, arguments);
-      }
-      return saveViewPreset;
-    }(),
-    saveViewPresetAs: function () {
-      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 _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');
-                return getIdFromUrl(headerLocation);
-              }));
-            case 1:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }));
-      function saveViewPresetAs(_x4) {
-        return _saveViewPresetAs.apply(this, arguments);
-      }
-      return saveViewPresetAs;
-    }()
-  };
-};
-var createApi$1 = function createApi(props) {
-  var authInstance = createApiInstance(props);
-  var nonAuthInstance = createNonAuthApiInstance(props);
-  return getApiRoutes$1(props.auth ? authInstance : nonAuthInstance);
-};
-
-var getWorkspaceApi = function getWorkspaceApi() {
-  return getApi(API_NAME);
-};
 var getViewPresetState = function getViewPresetState(viewPresetId, mosaicNodeId, state) {
   var titlePrefix = state === 'loading' ? 'Loading' : 'Error';
   var componentType = state === 'loading' ? 'ViewLoading' : 'ViewError';
@@ -1021,6 +931,32 @@ 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)
+ * */
+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 getViewPreset = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(viewpresetId, auth) {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -1091,25 +1027,82 @@ var updateViewPreset = /*#__PURE__*/function () {
     return _ref4.apply(this, arguments);
   };
 }();
-var deleteViewPreset = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(viewPresetId, auth) {
+var saveViewPreset = /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(viewPresetId, data, auth) {
+    var payload;
     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)
+          payload = data.initialProps === null ? Object.assign({}, data, {
+            initialProps: {}
+          }) : data;
+          return _context4.abrupt("return", fetch(getPresetBaseUrl() + "/viewpreset/" + viewPresetId + "/", {
+            headers: getHeaders(auth),
+            method: 'PUT',
+            body: JSON.stringify(payload)
           }).then(handleResponse));
-        case 1:
+        case 2:
         case "end":
           return _context4.stop();
       }
     }, _callee4);
   }));
-  return function deleteViewPreset(_x8, _x9) {
+  return function saveViewPreset(_x8, _x9, _x0) {
     return _ref5.apply(this, arguments);
   };
 }();
+var saveViewPresetAs = /*#__PURE__*/function () {
+  var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data, auth) {
+    var _response$headers$get;
+    var payload, response, headerLocation;
+    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          payload = data.initialProps === null ? Object.assign({}, data, {
+            initialProps: {}
+          }) : data;
+          _context5.next = 3;
+          return fetch(getPresetBaseUrl() + "/viewpreset/", {
+            headers: getHeaders(auth),
+            method: 'POST',
+            body: JSON.stringify(payload)
+          });
+        case 3:
+          response = _context5.sent;
+          _context5.next = 6;
+          return handleResponse(response);
+        case 6:
+          headerLocation = (_response$headers$get = response.headers.get('Location')) != null ? _response$headers$get : response.headers.get('location');
+          return _context5.abrupt("return", getIdFromUrl(headerLocation));
+        case 8:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return function saveViewPresetAs(_x1, _x10) {
+    return _ref6.apply(this, arguments);
+  };
+}();
+var deleteViewPreset = /*#__PURE__*/function () {
+  var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(viewPresetId, auth) {
+    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          return _context6.abrupt("return", fetch(getPresetBaseUrl() + "/viewpreset/" + viewPresetId, {
+            method: 'DELETE',
+            headers: getHeaders(auth)
+          }).then(handleResponse));
+        case 1:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6);
+  }));
+  return function deleteViewPreset(_x11, _x12) {
+    return _ref7.apply(this, arguments);
+  };
+}();
 
 var API_KEY$1 = 'viewpreset-api';
 var generateViewPresetQueryKeys = function generateViewPresetQueryKeys() {
@@ -1173,6 +1166,52 @@ var viewpresetQueryOptions = {
         return queryFn;
       }()
     });
+  },
+  saveViewPreset: function saveViewPreset$1(id, data, credentials) {
+    return queryOptions({
+      queryKey: [].concat(viewpresetQueryOptions.keys.views(), [id, 'save']),
+      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", saveViewPreset(id, data, credentials));
+              case 1:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
+        }));
+        function queryFn() {
+          return _queryFn3.apply(this, arguments);
+        }
+        return queryFn;
+      }()
+    });
+  },
+  saveViewPresetAs: function saveViewPresetAs$1(data, credentials) {
+    return queryOptions({
+      queryKey: [].concat(viewpresetQueryOptions.keys.views(), ['save-as']),
+      staleTime: 0,
+      queryFn: function () {
+        var _queryFn4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+          return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+            while (1) switch (_context4.prev = _context4.next) {
+              case 0:
+                return _context4.abrupt("return", saveViewPresetAs(data, credentials));
+              case 1:
+              case "end":
+                return _context4.stop();
+            }
+          }, _callee4);
+        }));
+        function queryFn() {
+          return _queryFn4.apply(this, arguments);
+        }
+        return queryFn;
+      }()
+    });
   }
 };
 
@@ -1529,9 +1568,9 @@ var viewPresetsAdapter = createEntityAdapter({
   }
 });
 var initialState$2 = viewPresetsAdapter.getInitialState();
-var warningsPresetChangeActions = [publicWarningActions.setWarningFilters];
+var warningsPresetChangeActions = [warningsFiltersActions.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 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, mapActions.setClockPositionSize];
 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];
@@ -1833,11 +1872,11 @@ var slice$2 = createSlice({
         error = _action$payload13.error;
       var entity = draft.entities[mapId];
       if (entity) {
-        entity.error = {
+        entity.error = error ? {
           message: error,
           component: ViewPresetErrorComponent.PRESET_DETAIL,
           errorType: ViewPresetErrorType.GENERIC
-        };
+        } : undefined;
         entity.isFetching = false;
         viewPresetsAdapter.setOne(draft, entity);
       }
@@ -2510,6 +2549,7 @@ var slice$1 = createSlice({
         entity.title = title;
         entity.scope = scope || 'user';
         entity["abstract"] = _abstract;
+        entity.description = action.payload.description;
         entity.labels = labels;
       }
     });
@@ -2816,7 +2856,9 @@ 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, soundingsSelectors.getSoundingsPreset, function (store) {
+var getViewPresetToSendToBackend = createSelector(getViewById, getViewComponentType, mapSelectors.getMapPreset, syncGroupsSelectors.getAllTargetGroupsForSource, timeSeriesSelectors.getTimeSeriesPreset, publicWarningsSelectors.getWarningsPresetById, mapSelectors.getMultiMapInitialProps, mapSelectors.getTimeSliderInitialProps, function (store, panelId) {
+  return soundingsSelectors.getSoundingsPreset(store, panelId);
+}, function (store) {
   return store;
 }, function (panelId) {
   return panelId;
@@ -2919,7 +2961,7 @@ var getViewPresetsError = createSelector(getViewPresetById, function (_store, pa
 var getViewPresetDetailError = createSelector(getViewPresetsError, function (_store, panelId) {
   return panelId;
 }, function (error) {
-  if (error && error.component === 'PRESET_DETAIL') {
+  if ((error == null ? void 0 : error.component) === 'PRESET_DETAIL') {
     return error.message;
   }
   return undefined;
@@ -2993,6 +3035,25 @@ var getViewPresetLabelFilters = createSelector(getViewPresetById, function (_sto
   return viewPreset == null ? void 0 : viewPreset.labelFilters;
 }, selectorMemoizationOptions);
 
+/* *
+ * 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 ERROR_NOT_FOUND = 'Request failed with status code 400';
+
 var getWorkspaceLabelsConfig = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(auth) {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -3029,32 +3090,45 @@ var getWorkspacePreset = /*#__PURE__*/function () {
     return _ref2.apply(this, arguments);
   };
 }();
-var getWorkspace = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(workspaceId, auth) {
+var getWorkspacePresets = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(auth, params) {
+    var presetsUrl, searchParams, queryString, url;
     return _regeneratorRuntime().wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          return _context3.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset/" + workspaceId, {
+          presetsUrl = getPresetBaseUrl() + "/workspacepreset";
+          searchParams = new URLSearchParams();
+          if (params) {
+            Object.entries(params).forEach(function (_ref4) {
+              var key = _ref4[0],
+                value = _ref4[1];
+              if (value !== undefined && value !== null) {
+                searchParams.append(key, String(value));
+              }
+            });
+          }
+          queryString = searchParams.toString();
+          url = queryString ? presetsUrl + "?" + queryString : presetsUrl;
+          return _context3.abrupt("return", fetch(url, {
             headers: getHeaders(auth)
           }).then(handleResponse));
-        case 1:
+        case 6:
         case "end":
           return _context3.stop();
       }
     }, _callee3);
   }));
-  return function getWorkspace(_x4, _x5) {
+  return function getWorkspacePresets(_x4, _x5) {
     return _ref3.apply(this, arguments);
   };
 }();
-var deleteWorkspace = /*#__PURE__*/function () {
-  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(workspaceId, auth) {
+var getWorkspace = /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(workspaceId, auth) {
     return _regeneratorRuntime().wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
           return _context4.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset/" + workspaceId, {
-            headers: getHeaders(auth),
-            method: 'DELETE'
+            headers: getHeaders(auth)
           }).then(handleResponse));
         case 1:
         case "end":
@@ -3062,19 +3136,18 @@ var deleteWorkspace = /*#__PURE__*/function () {
       }
     }, _callee4);
   }));
-  return function deleteWorkspace(_x6, _x7) {
-    return _ref4.apply(this, arguments);
+  return function getWorkspace(_x6, _x7) {
+    return _ref5.apply(this, arguments);
   };
 }();
-var updateWorkspace = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(workspaceId, data, auth) {
+var deleteWorkspace = /*#__PURE__*/function () {
+  var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(workspaceId, auth) {
     return _regeneratorRuntime().wrap(function _callee5$(_context5) {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
           return _context5.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset/" + workspaceId, {
             headers: getHeaders(auth),
-            method: 'PUT',
-            body: JSON.stringify(data)
+            method: 'DELETE'
           }).then(handleResponse));
         case 1:
         case "end":
@@ -3082,16 +3155,16 @@ var updateWorkspace = /*#__PURE__*/function () {
       }
     }, _callee5);
   }));
-  return function updateWorkspace(_x8, _x9, _x0) {
-    return _ref5.apply(this, arguments);
+  return function deleteWorkspace(_x8, _x9) {
+    return _ref6.apply(this, arguments);
   };
 }();
-var saveWorkspacePreset = /*#__PURE__*/function () {
-  var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(workspaceId, data, auth) {
+var updateWorkspace = /*#__PURE__*/function () {
+  var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(workspaceId, data, auth) {
     return _regeneratorRuntime().wrap(function _callee6$(_context6) {
       while (1) switch (_context6.prev = _context6.next) {
         case 0:
-          return _context6.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset/" + workspaceId + "/", {
+          return _context6.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset/" + workspaceId, {
             headers: getHeaders(auth),
             method: 'PUT',
             body: JSON.stringify(data)
@@ -3102,18 +3175,18 @@ var saveWorkspacePreset = /*#__PURE__*/function () {
       }
     }, _callee6);
   }));
-  return function saveWorkspacePreset(_x1, _x10, _x11) {
-    return _ref6.apply(this, arguments);
+  return function updateWorkspace(_x0, _x1, _x10) {
+    return _ref7.apply(this, arguments);
   };
 }();
-var createWorkspace = /*#__PURE__*/function () {
-  var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(data, auth) {
+var saveWorkspacePreset = /*#__PURE__*/function () {
+  var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(workspaceId, data, auth) {
     return _regeneratorRuntime().wrap(function _callee7$(_context7) {
       while (1) switch (_context7.prev = _context7.next) {
         case 0:
-          return _context7.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset", {
+          return _context7.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset/" + workspaceId + "/", {
             headers: getHeaders(auth),
-            method: 'POST',
+            method: 'PUT',
             body: JSON.stringify(data)
           }).then(handleResponse));
         case 1:
@@ -3122,38 +3195,58 @@ var createWorkspace = /*#__PURE__*/function () {
       }
     }, _callee7);
   }));
-  return function createWorkspace(_x12, _x13) {
-    return _ref7.apply(this, arguments);
+  return function saveWorkspacePreset(_x11, _x12, _x13) {
+    return _ref8.apply(this, arguments);
+  };
+}();
+var createWorkspace = /*#__PURE__*/function () {
+  var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(data, auth) {
+    return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          return _context8.abrupt("return", fetch(getPresetBaseUrl() + "/workspacepreset", {
+            headers: getHeaders(auth),
+            method: 'POST',
+            body: JSON.stringify(data)
+          }).then(handleResponse));
+        case 1:
+        case "end":
+          return _context8.stop();
+      }
+    }, _callee8);
+  }));
+  return function createWorkspace(_x14, _x15) {
+    return _ref9.apply(this, arguments);
   };
 }();
 var saveWorkspacePresetAs = /*#__PURE__*/function () {
-  var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(data, auth) {
+  var _ref0 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(data, auth) {
     var _response$headers$get;
     var response, headerLocation;
-    return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-      while (1) switch (_context8.prev = _context8.next) {
+    return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+      while (1) switch (_context9.prev = _context9.next) {
         case 0:
-          _context8.next = 2;
+          _context9.next = 2;
           return fetch(getPresetBaseUrl() + "/workspacepreset", {
             headers: getHeaders(auth),
             method: 'POST',
             body: JSON.stringify(data)
           });
         case 2:
-          response = _context8.sent;
-          _context8.next = 5;
+          response = _context9.sent;
+          _context9.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));
+          return _context9.abrupt("return", getIdFromUrl(headerLocation));
         case 7:
         case "end":
-          return _context8.stop();
+          return _context9.stop();
       }
-    }, _callee8);
+    }, _callee9);
   }));
-  return function saveWorkspacePresetAs(_x14, _x15) {
-    return _ref8.apply(this, arguments);
+  return function saveWorkspacePresetAs(_x16, _x17) {
+    return _ref0.apply(this, arguments);
   };
 }();
 
@@ -3165,6 +3258,17 @@ var generateWorkspaceQueryKeys = function generateWorkspaceQueryKeys() {
   return [LIB_KEY, API_KEY].concat(queryKeys);
 };
 var workspaceQueryOptions = {
+  keys: {
+    all: function all() {
+      return generateWorkspaceQueryKeys();
+    },
+    workspaces: function workspaces() {
+      return [].concat(workspaceQueryOptions.keys.all(), ['workspace']);
+    },
+    lists: function lists() {
+      return [].concat(workspaceQueryOptions.keys.all(), ['list']);
+    }
+  },
   getWorkspacePreset: function getWorkspacePreset$1(id, credentials) {
     return queryOptions({
       queryKey: generateWorkspaceQueryKeys(id),
@@ -3187,16 +3291,15 @@ var workspaceQueryOptions = {
       }()
     });
   },
-  saveWorkspacePreset: function saveWorkspacePreset$1(id, data, credentials) {
+  getWorkspacePresets: function getWorkspacePresets$1(params, credentials) {
     return queryOptions({
-      queryKey: generateWorkspaceQueryKeys(id),
-      staleTime: 0,
+      queryKey: [].concat(workspaceQueryOptions.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", saveWorkspacePreset(id, data, credentials));
+                return _context2.abrupt("return", getWorkspacePresets(credentials, params));
               case 1:
               case "end":
                 return _context2.stop();
@@ -3210,16 +3313,16 @@ var workspaceQueryOptions = {
       }()
     });
   },
-  saveWorkspacePresetAs: function saveWorkspacePresetAs$1(data, credentials) {
+  saveWorkspacePreset: function saveWorkspacePreset$1(id, data, credentials) {
     return queryOptions({
-      queryKey: generateWorkspaceQueryKeys('save-as'),
+      queryKey: generateWorkspaceQueryKeys(id),
       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));
+                return _context3.abrupt("return", saveWorkspacePreset(id, data, credentials));
               case 1:
               case "end":
                 return _context3.stop();
@@ -3232,1441 +3335,30 @@ var workspaceQueryOptions = {
         return queryFn;
       }()
     });
-  }
-};
-
-var workspacePresets = [
-	{
-		id: "screenConfigRadarTemp",
-		title: "Radar and temperature",
-		scope: "system",
-		abstract: "",
-		description: "Radar and temp preset multi",
-		viewType: "multiWindow",
-		views: [
-			{
-				mosaicNodeId: "viewA",
-				componentType: "Map",
-				initialProps: {
-					mapPreset: {
-						layers: [
-							{
-								name: "WorldMap_Light_Grey_Canvas",
-								type: "twms",
-								dimensions: [
-								],
-								id: "layerid_64",
-								opacity: 1,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "baseLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							},
-							{
-								service: "https://geoservices.knmi.nl/wms?DATASET=baselayers&",
-								name: "countryborders",
-								format: "image/png",
-								dimensions: [
-								],
-								id: "layerid_63",
-								opacity: 1,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "overLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							},
-							{
-								name: "Radar:suomi_dbz_eureffin",
-								style: "Radar dbz Summer",
-								format: "image/png",
-								service: "https://openwms.fmi.fi/geoserver/wms?",
-								dimensions: [
-								],
-								id: "layerid_59",
-								opacity: 1,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "mapLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							},
-							{
-								name: "radar_precipitation_intensity_nordic",
-								style: "",
-								format: "image/png",
-								service: "https://public-wms.met.no/verportal/verportal.map?SERVICE=WMS&REQUEST=GetCapabilities",
-								dimensions: [
-								],
-								id: "layerid_60",
-								opacity: 1,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "mapLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							},
-							{
-								name: "RAD_NL25_PCP_CM",
-								style: "precip-blue-transparent/nearest",
-								format: "image/png",
-								service: "https://geoservices.knmi.nl/wms?dataset=RADAR",
-								dimensions: [
-								],
-								id: "layerid_61",
-								opacity: 1,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "mapLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							}
-						],
-						proj: {
-							bbox: {
-								left: -4537320.252629031,
-								bottom: 6408480.451399999,
-								right: 8563411.406429032,
-								top: 11520588.9031
-							},
-							srs: "EPSG:3857"
-						},
-						shouldAnimate: false,
-						shouldAutoUpdate: false,
-						showTimeSlider: true,
-						displayMapPin: false,
-						shouldShowZoomControls: true,
-						animationPayload: {
-							interval: 60,
-							speed: 4,
-							duration: 290
-						},
-						toggleTimestepAuto: true,
-						toggleTimeSpanAuto: true,
-						shouldShowLegend: false,
-						timeSliderSpan: 86400,
-						shouldShowDataExplorer: false,
-						defaultOverlayer: "countryborders"
-					},
-					syncGroupsIds: [
-						"Area_radarTemp",
-						"Time_radarTemp"
-					]
-				},
-				title: "Radar",
-				originalViewPresetId: "Radar"
-			},
-			{
-				mosaicNodeId: "viewB",
-				componentType: "Map",
-				initialProps: {
-					mapPreset: {
-						layers: [
-							{
-								name: "WorldMap_Light_Grey_Canvas",
-								type: "twms",
-								dimensions: [
-								],
-								id: "layerid_71",
-								opacity: 1,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "baseLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							},
-							{
-								service: "https://geoservices.knmi.nl/wms?DATASET=baselayers&",
-								name: "countryborders",
-								format: "image/png",
-								dimensions: [
-								],
-								id: "layerid_70",
-								opacity: 1,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "overLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							},
-							{
-								name: "10M/ta",
-								service: "https://geoservices.knmi.nl/adagucserver?dataset=OBS",
-								dimensions: [
-								],
-								id: "layerid_67",
-								opacity: 1,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "mapLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							},
-							{
-								name: "t850_public",
-								service: "https://eccharts.ecmwf.int/wms/?token=public",
-								dimensions: [
-								],
-								id: "layerid_68",
-								opacity: 0.8,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "mapLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							}
-						],
-						proj: {
-							bbox: {
-								left: -4537320.252629031,
-								bottom: 6408480.451399999,
-								right: 8563411.406429032,
-								top: 11520588.9031
-							},
-							srs: "EPSG:3857"
-						},
-						shouldAnimate: false,
-						shouldAutoUpdate: false,
-						showTimeSlider: true,
-						displayMapPin: false,
-						shouldShowZoomControls: true,
-						animationPayload: {
-							interval: 60,
-							speed: 4,
-							duration: 290
-						},
-						toggleTimestepAuto: true,
-						toggleTimeSpanAuto: true,
-						shouldShowLegend: false,
-						timeSliderSpan: 86400,
-						shouldShowDataExplorer: false,
-						defaultOverlayer: "countryborders"
-					},
-					syncGroupsIds: [
-						"Area_radarTemp",
-						"Time_radarTemp"
-					]
-				},
-				title: "Temperature"
-			}
-		],
-		syncGroups: [
-			{
-				id: "Area_RadarTemp",
-				type: "SYNCGROUPS_TYPE_SETBBOX"
-			},
-			{
-				id: "Time_RadarTemp",
-				type: "SYNCGROUPS_TYPE_SETTIME"
-			}
-		],
-		mosaicNode: {
-			direction: "row",
-			first: "screen_no_1",
-			second: "screen_no_2",
-			splitPercentage: 50
-		}
-	},
-	{
-		id: "screenConfigRadarRadar",
-		title: "Radar and Radar",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow",
-		views: [
-			{
-				mosaicNodeId: "view-1",
-				viewPresetId: "radar"
-			},
-			{
-				mosaicNodeId: "view-2",
-				viewPresetId: "radar"
-			}
-		],
-		syncGroups: [
-			{
-				id: "Area_RadarTemp",
-				type: "SYNCGROUPS_TYPE_SETBBOX"
-			},
-			{
-				id: "Time_RadarTemp",
-				type: "SYNCGROUPS_TYPE_SETTIME"
-			}
-		],
-		mosaicNode: {
-			direction: "row",
-			first: "view-1",
-			second: "view-2",
-			splitPercentage: 50
-		}
-	},
-	{
-		id: "screenConfigTimeSeries_knmi_timeseries_ha43_dini",
-		title: "TimeSeries EDR KNMI HA43 DINI",
-		scope: "system",
-		abstract: "This contains a very very long abstract so that you can see some ellipsis. Who knows how it will behave. ",
-		viewType: "multiWindow",
-		views: [
-			{
-				mosaicNodeId: "view-1",
-				componentType: "Map",
-				initialProps: {
-					mapPreset: {
-						layers: [
-							{
-								name: "WorldMap_Light_Grey_Canvas",
-								type: "twms",
-								dimensions: [
-								],
-								id: "layerid_89",
-								opacity: 1,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "baseLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							},
-							{
-								service: "https://geoservices.knmi.nl/wms?DATASET=baselayers&",
-								name: "countryborders",
-								format: "image/png",
-								dimensions: [
-								],
-								id: "layerid_88",
-								opacity: 1,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "overLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							},
-							{
-								name: "air_pressure_at_mean_sea_level_hagl",
-								service: "https://geoservices.knmi.nl/adaguc-server?DATASET=uwcw_ha43_dini_5p5km",
-								dimensions: [
-									{
-										name: "reference_time",
-										units: "ISO8601",
-										currentValue: "2025-11-03T08:00:00Z",
-										maxValue: "2025-11-03T08:00:00Z",
-										minValue: "2025-11-02T11:00:00Z",
-										synced: false,
-										values: "2025-11-02T11:00:00Z,2025-11-02T12:00:00Z,2025-11-02T13:00:00Z,2025-11-02T14:00:00Z,2025-11-02T15:00:00Z,2025-11-02T16:00:00Z,2025-11-02T17:00:00Z,2025-11-02T18:00:00Z,2025-11-02T19:00:00Z,2025-11-02T20:00:00Z,2025-11-02T21:00:00Z,2025-11-02T22:00:00Z,2025-11-02T23:00:00Z,2025-11-03T00:00:00Z,2025-11-03T01:00:00Z,2025-11-03T02:00:00Z,2025-11-03T03:00:00Z,2025-11-03T04:00:00Z,2025-11-03T05:00:00Z,2025-11-03T06:00:00Z,2025-11-03T07:00:00Z,2025-11-03T08:00:00Z",
-										unitSymbol: ""
-									},
-									{
-										name: "height_above_ground_level_in_m",
-										units: "m",
-										currentValue: "0",
-										maxValue: "0",
-										minValue: "0",
-										synced: false,
-										values: "0",
-										unitSymbol: ""
-									}
-								],
-								id: "layerid_84",
-								opacity: 1,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "mapLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							},
-							{
-								name: "total_precipitation_rate_hagl",
-								service: "https://geoservices.knmi.nl/adaguc-server?DATASET=uwcw_ha43_dini_5p5km",
-								dimensions: [
-									{
-										name: "reference_time",
-										units: "ISO8601",
-										currentValue: "2025-11-03T08:00:00Z",
-										maxValue: "2025-11-03T08:00:00Z",
-										minValue: "2025-11-02T11:00:00Z",
-										synced: false,
-										values: "2025-11-02T11:00:00Z,2025-11-02T12:00:00Z,2025-11-02T13:00:00Z,2025-11-02T14:00:00Z,2025-11-02T15:00:00Z,2025-11-02T16:00:00Z,2025-11-02T17:00:00Z,2025-11-02T18:00:00Z,2025-11-02T19:00:00Z,2025-11-02T20:00:00Z,2025-11-02T21:00:00Z,2025-11-02T22:00:00Z,2025-11-02T23:00:00Z,2025-11-03T00:00:00Z,2025-11-03T01:00:00Z,2025-11-03T02:00:00Z,2025-11-03T03:00:00Z,2025-11-03T04:00:00Z,2025-11-03T05:00:00Z,2025-11-03T06:00:00Z,2025-11-03T07:00:00Z,2025-11-03T08:00:00Z",
-										unitSymbol: ""
-									},
-									{
-										name: "height_above_ground_level_in_m",
-										units: "m",
-										currentValue: "0",
-										maxValue: "0",
-										minValue: "0",
-										synced: false,
-										values: "0",
-										unitSymbol: ""
-									}
-								],
-								id: "layerid_85",
-								opacity: 1,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "mapLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							},
-							{
-								name: "air_temperature_hagl",
-								style: "temperature_wow/shaded",
-								service: "https://geoservices.knmi.nl/adaguc-server?DATASET=uwcw_ha43_dini_5p5km",
-								dimensions: [
-									{
-										name: "reference_time",
-										units: "ISO8601",
-										currentValue: "2025-11-03T08:00:00Z",
-										maxValue: "2025-11-03T08:00:00Z",
-										minValue: "2025-11-02T11:00:00Z",
-										synced: false,
-										values: "2025-11-02T11:00:00Z,2025-11-02T12:00:00Z,2025-11-02T13:00:00Z,2025-11-02T14:00:00Z,2025-11-02T15:00:00Z,2025-11-02T16:00:00Z,2025-11-02T17:00:00Z,2025-11-02T18:00:00Z,2025-11-02T19:00:00Z,2025-11-02T20:00:00Z,2025-11-02T21:00:00Z,2025-11-02T22:00:00Z,2025-11-02T23:00:00Z,2025-11-03T00:00:00Z,2025-11-03T01:00:00Z,2025-11-03T02:00:00Z,2025-11-03T03:00:00Z,2025-11-03T04:00:00Z,2025-11-03T05:00:00Z,2025-11-03T06:00:00Z,2025-11-03T07:00:00Z,2025-11-03T08:00:00Z",
-										unitSymbol: ""
-									},
-									{
-										name: "height_above_ground_level_in_m",
-										units: "m",
-										currentValue: "2",
-										maxValue: "2",
-										minValue: "2",
-										synced: false,
-										values: "2",
-										unitSymbol: ""
-									}
-								],
-								id: "layerid_86",
-								opacity: 1,
-								acceptanceTimeInMinutes: 60,
-								enabled: true,
-								layerType: "mapLayer",
-								status: "default",
-								useLatestReferenceTime: true
-							}
-						],
-						proj: {
-							bbox: {
-								top: 7438773.776232235,
-								left: -450651.2255879827,
-								right: 1428345.8183648037,
-								bottom: 6490531.093143953
-							},
-							srs: "EPSG:3857"
-						},
-						shouldAnimate: false,
-						shouldAutoUpdate: false,
-						showTimeSlider: true,
-						displayMapPin: true,
-						shouldShowZoomControls: true,
-						animationPayload: {
-							interval: 60,
-							speed: 4,
-							duration: 290
-						},
-						toggleTimestepAuto: true,
-						toggleTimeSpanAuto: true,
-						shouldShowLegend: false,
-						timeSliderSpan: 86400,
-						shouldShowDataExplorer: false,
-						defaultOverlayer: "countryborders"
-					},
-					syncGroupsIds: [
-					]
-				},
-				title: "KNMI WMS UWCW HA43 DINI forecast",
-				originalViewPresetId: "view_knmi_timeseries_ha43_dini_wms"
-			},
-			{
-				mosaicNodeId: "view-2",
-				componentType: "TimeSeries",
-				initialProps: {
-					plotPreset: {
-						mapId: "view_knmi_timeseries_ha43_dini_wms",
-						plots: [
-							{
-								title: "HA43 Air pressure",
-								plotId: "Plot_1"
-							},
-							{
-								title: "HA43 Air temperature",
-								plotId: "Plot_2"
-							},
-							{
-								title: "HA43 precipitation",
-								plotId: "Plot_3"
-							},
-							{
-								title: "HA43 Relative humidity",
-								plotId: "Plot_4"
-							}
-						],
-						parameters: [
-							{
-								unit: "hPa",
-								plotId: "Plot_1",
-								plotType: "line",
-								serviceId: "knmi_geoservices_edr",
-								collectionId: "uwcw_ha43_dini_5p5km.hagl",
-								propertyName: "air_pressure_at_mean_sea_level_hagl",
-								id: "timeseriesparamid_2ceef258-edf0-4170-b8ec-a998e1175839",
-								opacity: 70
-							},
-							{
-								unit: "C",
-								plotId: "Plot_2",
-								plotType: "line",
-								serviceId: "knmi_geoservices_edr",
-								collectionId: "uwcw_ha43_dini_5p5km.hagl",
-								propertyName: "air_temperature_hagl",
-								id: "timeseriesparamid_fbbe34f2-2aaa-4636-9dae-6d9c6b8530db",
-								opacity: 70
-							},
-							{
-								unit: "mm/hr",
-								plotId: "Plot_3",
-								plotType: "bar",
-								serviceId: "knmi_geoservices_edr",
-								collectionId: "uwcw_ha43_dini_5p5km.hagl",
-								propertyName: "total_precipitation_rate_hagl",
-								id: "timeseriesparamid_7a02c8f2-8401-4231-81d7-5b1dc9c24fb1",
-								opacity: 70
-							},
-							{
-								unit: "%",
-								plotId: "Plot_4",
-								plotType: "line",
-								serviceId: "knmi_geoservices_edr",
-								collectionId: "uwcw_ha43_dini_5p5km.hagl",
-								propertyName: "relative_humidity_hagl",
-								id: "timeseriesparamid_7ef987eb-f244-4997-8a3d-8e099f3187cf",
-								opacity: 70
-							}
-						]
-					},
-					services: [
-						{
-							name: "KNMI Geoservices",
-							url: "https://geoservices.knmi.nl/edr",
-							id: "knmi_geoservices_edr",
-							description: "KNMI EDR on geoservices with UWCW HA43 DINI",
-							type: "EDR",
-							scope: "system"
-						}
-					]
-				},
-				title: "KNMI EDR UWCW HA43 DINI forecast"
-			}
-		],
-		syncGroups: [
-		],
-		mosaicNode: {
-			direction: "row",
-			first: "view-1",
-			second: "view-2"
-		}
-	},
-	{
-		id: "screenConfigTimeSeriesEDRKNMI",
-		title: "TimeSeries EDR KNMI Example",
-		scope: "system",
-		abstract: "This contains a very very long abstract so that you can see some ellipsis. Who knows how it will behave. ",
-		viewType: "multiWindow",
-		views: [
-			{
-				mosaicNodeId: "view-1",
-				viewPresetId: "TimeseriesMap"
-			},
-			{
-				mosaicNodeId: "view-2",
-				viewPresetId: "Timeseries_EDR_KNMI"
-			}
-		],
-		syncGroups: [
-		],
-		mosaicNode: {
-			direction: "row",
-			first: "view-1",
-			second: "view-2"
-		}
-	},
-	{
-		id: "screenConfigTimeSeriesEDRFMI",
-		title: "TimeSeries EDR FMI Example",
-		scope: "system",
-		abstract: "This contains a very very long abstract so that you can see some ellipsis. Who knows how it will behave. ",
-		viewType: "multiWindow",
-		views: [
-			{
-				mosaicNodeId: "view-1",
-				viewPresetId: "TimeseriesMap"
-			},
-			{
-				mosaicNodeId: "view-2",
-				viewPresetId: "Timeseries_EDR_FMI"
-			}
-		],
-		syncGroups: [
-		],
-		mosaicNode: {
-			direction: "row",
-			first: "view-1",
-			second: "view-2"
-		}
-	},
-	{
-		id: "screenConfigHarmoniePrecipMSLRefTimePresetWithoutMultiMapLayerManager",
-		title: "Precipitation, pressure and wind 1:1",
-		scope: "system",
-		abstract: "",
-		viewType: "tiledWindow",
-		views: [
-			{
-				mosaicNodeId: "view-1",
-				viewPresetId: "harmRefTime"
-			}
-		],
-		syncGroups: [
-			{
-				id: "areaLayerGroupA",
-				type: "SYNCGROUPS_TYPE_SETBBOX"
-			},
-			{
-				id: "timeLayerGroupA",
-				type: "SYNCGROUPS_TYPE_SETTIME"
-			},
-			{
-				id: "layerGroupA",
-				type: "SYNCGROUPS_TYPE_SETLAYERACTIONS"
-			}
-		],
-		mosaicNode: "view-1"
-	},
-	{
-		id: "screenConfigHarmoniePrecipMSLRefTimePresetWithMultiMapLayerManager",
-		title: "Precipitation, pressure and wind 1:all",
-		scope: "system",
-		abstract: "",
-		viewType: "tiledWindow",
-		views: [
-			{
-				mosaicNodeId: "viewA",
-				componentType: "ModelRunInterval",
-				initialProps: {
-					mapPreset: {
-						layers: [
-						],
-						proj: {
-							bbox: {
-							},
-							srs: ""
-						},
-						shouldAnimate: false,
-						shouldAutoUpdate: false,
-						showTimeSlider: true,
-						displayMapPin: false,
-						shouldShowZoomControls: true,
-						animationPayload: {
-							interval: 60,
-							speed: 4,
-							duration: 350
-						},
-						toggleTimestepAuto: false,
-						toggleTimeSpanAuto: false,
-						shouldShowLegend: false,
-						timeSliderSpan: 86400,
-						shouldShowDataExplorer: false,
-						defaultOverlayer: "none"
-					},
-					syncGroupsIds: [
-						"areaLayerGroupA",
-						"layerGroupA"
-					]
-				},
-				title: "Harmonie precipitation, pressure and wind all",
-				originalViewPresetId: "screenRefTimeAll"
-			}
-		],
-		syncGroups: [
-			{
-				id: "areaLayerGroupA",
-				type: "SYNCGROUPS_TYPE_SETBBOX"
-			},
-			{
-				id: "timeLayerGroupA",
-				type: "SYNCGROUPS_TYPE_SETTIME"
-			},
-			{
-				id: "layerGroupA",
-				type: "SYNCGROUPS_TYPE_SETLAYERACTIONS"
-			}
-		],
-		mosaicNode: "view-1"
-	},
-	{
-		id: "screenConfigHarmoniePresetWithoutMultiMapLayerManager",
-		title: "Harmonie Temperature and Precipitation 1:1",
-		scope: "system",
-		abstract: "",
-		viewType: "tiledWindow",
-		views: [
-			{
-				mosaicNodeId: "view-1",
-				viewPresetId: "screenHarm"
-			}
-		],
-		syncGroups: [
-			{
-				id: "areaLayerGroupA",
-				type: "SYNCGROUPS_TYPE_SETBBOX"
-			},
-			{
-				id: "timeLayerGroupA",
-				type: "SYNCGROUPS_TYPE_SETTIME"
-			},
-			{
-				id: "layerGroupA",
-				type: "SYNCGROUPS_TYPE_SETLAYERACTIONS"
-			},
-			{
-				id: "layerGroupB",
-				type: "SYNCGROUPS_TYPE_SETLAYERACTIONS"
-			}
-		],
-		mosaicNode: "view-1"
-	},
-	{
-		id: "screenConfigHarmoniePresetWithMultiMapLayerManager",
-		title: "Harmonie Temperature and Precipitation 1:all",
-		scope: "system",
-		abstract: "",
-		viewType: "tiledWindow",
-		views: [
-			{
-				mosaicNodeId: "view-1",
-				viewPresetId: "screenHarmAll"
-			}
-		],
-		syncGroups: [
-			{
-				id: "areaLayerGroupA",
-				type: "SYNCGROUPS_TYPE_SETBBOX"
-			},
-			{
-				id: "timeLayerGroupA",
-				type: "SYNCGROUPS_TYPE_SETTIME"
-			},
-			{
-				id: "layerGroupA",
-				type: "SYNCGROUPS_TYPE_SETLAYERACTIONS"
-			},
-			{
-				id: "layerGroupB",
-				type: "SYNCGROUPS_TYPE_SETLAYERACTIONS"
-			}
-		],
-		mosaicNode: "view-1"
-	},
-	{
-		id: "screenConfigD",
-		title: "Radar & Sat",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow",
-		views: [
-			{
-				mosaicNodeId: "viewAsat",
-				viewPresetId: "sat"
-			},
-			{
-				mosaicNodeId: "viewBrad",
-				viewPresetId: "rad"
-			}
-		],
-		syncGroups: [
-			{
-				id: "Area_SatRadar",
-				type: "SYNCGROUPS_TYPE_SETBBOX"
-			},
-			{
-				id: "Time_SatRadar",
-				type: "SYNCGROUPS_TYPE_SETTIME"
-			}
-		],
-		mosaicNode: {
-			direction: "row",
-			first: "viewAsat",
-			second: "viewBrad",
-			splitPercentage: 50
-		}
-	},
-	{
-		id: "screenConfigOBS",
-		title: "OBS",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow",
-		views: [
-			{
-				mosaicNodeId: "map_OBSTA",
-				viewPresetId: "map_OBSTA"
-			},
-			{
-				mosaicNodeId: "map_OBSPP",
-				viewPresetId: "map_OBSPP"
-			},
-			{
-				mosaicNodeId: "map_OBSWind",
-				viewPresetId: "map_OBSWind"
-			},
-			{
-				mosaicNodeId: "map_OBSRH",
-				viewPresetId: "map_OBSRH"
-			},
-			{
-				mosaicNodeId: "map_OBSQG",
-				viewPresetId: "map_OBSQG"
-			}
-		],
-		syncGroups: [
-			{
-				id: "Area_A",
-				type: "SYNCGROUPS_TYPE_SETBBOX"
-			},
-			{
-				id: "Time_A",
-				type: "SYNCGROUPS_TYPE_SETTIME"
-			}
-		],
-		mosaicNode: {
-			direction: "column",
-			first: {
-				direction: "row",
-				first: "map_OBSTA",
-				second: "map_OBSPP"
-			},
-			second: {
-				direction: "row",
-				first: "map_OBSWind",
-				second: {
-					direction: "row",
-					first: "map_OBSRH",
-					second: "map_OBSQG"
-				},
-				splitPercentage: 33
-			}
-		}
-	},
-	{
-		id: "screenConfigRadAndObs",
-		title: "FourMapsInOneView",
-		scope: "system",
-		abstract: "",
-		viewType: "tiledWindow",
-		views: [
-			{
-				mosaicNodeId: "view-1",
-				viewPresetId: "screenRadAndObs"
-			}
-		],
-		syncGroups: [
-			{
-				id: "Area_screenRadAndObs",
-				type: "SYNCGROUPS_TYPE_SETBBOX"
-			},
-			{
-				id: "Time_screenRadAndObs",
-				type: "SYNCGROUPS_TYPE_SETTIME"
-			}
-		],
-		mosaicNode: "view-1"
-	},
-	{
-		id: "screenConfigHarmonie",
-		title: "Harmonie",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow",
-		views: [
-			{
-				mosaicNodeId: "viewAharmPrecip",
-				viewPresetId: "harmPrecip"
-			},
-			{
-				mosaicNodeId: "viewBharmTemp",
-				viewPresetId: "harmTemp"
-			},
-			{
-				mosaicNodeId: "viewCharmPressure",
-				viewPresetId: "harmPressure"
-			},
-			{
-				mosaicNodeId: "viewDslider",
-				viewPresetId: "slider"
-			}
-		],
-		syncGroups: [
-			{
-				id: "Area_B",
-				type: "SYNCGROUPS_TYPE_SETBBOX"
-			},
-			{
-				id: "Time_B",
-				type: "SYNCGROUPS_TYPE_SETTIME"
-			}
-		],
-		mosaicNode: {
-			direction: "column",
-			first: {
-				direction: "row",
-				first: "viewAharmPrecip",
-				second: {
-					direction: "row",
-					first: "viewBharmTemp",
-					second: "viewCharmPressure"
-				},
-				splitPercentage: 33
-			},
-			second: "viewDslider",
-			splitPercentage: 80
-		}
-	},
-	{
-		id: "workspaceHarmonie",
-		title: "Harmonie",
-		scope: "system",
-		abstract: "",
-		viewType: "singleWindow",
-		views: [
-			{
-				mosaicNodeId: "screen1",
-				viewPresetId: "viewHarmonie"
-			}
-		],
-		syncGroups: [
-		],
-		mosaicNode: "screen1"
-	},
-	{
-		id: "screenConfigOnlyBBOXGroup",
-		title: "SyncGroups only BBOX predefined",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow",
-		views: [
-			{
-				mosaicNodeId: "view-1",
-				viewPresetId: "demosyncgroupbbox_radar"
-			},
-			{
-				mosaicNodeId: "view-2",
-				viewPresetId: "demosyncgroupbbox_temp"
-			}
-		],
-		syncGroups: [
-			{
-				id: "Area_radar",
-				type: "SYNCGROUPS_TYPE_SETBBOX"
-			},
-			{
-				id: "Area_temp",
-				type: "SYNCGROUPS_TYPE_SETBBOX"
-			}
-		],
-		mosaicNode: {
-			direction: "row",
-			first: "view-1",
-			second: "view-2",
-			splitPercentage: 50
-		}
-	},
-	{
-		id: "screenConfigOnlyTIMEGroup",
-		title: "SyncGroups only TIME predefined",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow",
-		views: [
-			{
-				mosaicNodeId: "view-1",
-				viewPresetId: "demosyncgrouptime_radar"
-			},
-			{
-				mosaicNodeId: "view-2",
-				viewPresetId: "demosyncgrouptime_temp"
-			}
-		],
-		syncGroups: [
-			{
-				id: "Time_radar",
-				type: "SYNCGROUPS_TYPE_SETTIME"
-			},
-			{
-				id: "Time_temp",
-				type: "SYNCGROUPS_TYPE_SETTIME"
-			}
-		],
-		mosaicNode: {
-			direction: "row",
-			first: "view-1",
-			second: "view-2",
-			splitPercentage: 50
-		}
-	},
-	{
-		id: "emptyMap",
-		title: "Empty map",
-		scope: "system",
-		abstract: "",
-		viewType: "singleWindow",
-		views: [
-			{
-				mosaicNodeId: "emptyMapView",
-				viewPresetId: "emptyMap"
-			}
-		],
-		mosaicNode: "emptyMapView"
-	},
-	{
-		id: "radarView",
-		title: "Radar",
-		scope: "user",
-		abstract: "",
-		viewType: "singleWindow",
-		views: [
-			{
-				mosaicNodeId: "radarView",
-				viewPresetId: "radar"
-			}
-		],
-		mosaicNode: "radarView"
-	},
-	{
-		id: "workspaceHarmonie",
-		title: "Harmonie workspace",
-		scope: "system",
-		abstract: "",
-		viewType: "singleWindow",
-		views: [
-			{
-				mosaicNodeId: "harmView",
-				viewPresetId: "viewHarmonie"
-			}
-		],
-		mosaicNode: "harmView"
-	},
-	{
-		id: "capWorkspace",
-		title: "Cap Warnings",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow",
-		views: [
-			{
-				mosaicNodeId: "view-1",
-				viewPresetId: "capMapView"
-			},
-			{
-				mosaicNodeId: "view-2",
-				viewPresetId: "capListView"
-			}
-		],
-		mosaicNode: {
-			direction: "row",
-			first: "view-1",
-			second: "view-2",
-			splitPercentage: 50
-		}
-	},
-	{
-		id: "newFormatRadarView",
-		abstract: "A radar view of hurricane Melissa",
-		title: "Radar Melissa",
-		isTimeScrollingEnabled: false,
-		scope: "user",
-		viewType: "singleWindow",
-		views: [
-			{
-				title: "Radar view",
-				abstract: "",
-				componentType: "Map",
-				initialProps: {
-					mapPreset: {
-						proj: {
-							srs: "EPSG:3857",
-							bbox: {
-								top: 11520588.9031,
-								left: 58703.6377,
-								right: 3967387.5161,
-								bottom: 6408480.4514
-							}
-						},
-						layers: [
-							{
-								id: "layerid_75",
-								name: "WorldMap_Light_Grey_Canvas",
-								type: "twms",
-								status: "default",
-								enabled: true,
-								opacity: 1,
-								layerType: "baseLayer",
-								dimensions: [
-								],
-								useLatestReferenceTime: true,
-								acceptanceTimeInMinutes: 60
-							},
-							{
-								id: "layerid_74",
-								name: "countryborders",
-								format: "image/png",
-								status: "default",
-								enabled: true,
-								opacity: 1,
-								service: "https://geoservices.knmi.nl/wms?DATASET=baselayers&",
-								layerType: "overLayer",
-								dimensions: [
-								],
-								useLatestReferenceTime: true,
-								acceptanceTimeInMinutes: 60
-							},
-							{
-								id: "layerid_70",
-								name: "RAD_NL25_PCP_CM",
-								style: "radar/nearest",
-								format: "image/png",
-								status: "default",
-								enabled: true,
-								opacity: 1,
-								service: "https://geoservices.knmi.nl/wms?dataset=RADAR",
-								layerType: "mapLayer",
-								dimensions: [
-								],
-								useLatestReferenceTime: true,
-								acceptanceTimeInMinutes: 60
-							},
-							{
-								id: "layerid_71",
-								name: "Radar:suomi_dbz_eureffin",
-								style: "Radar dbz Summer",
-								format: "image/png",
-								status: "default",
-								enabled: true,
-								opacity: 1,
-								service: "https://openwms.fmi.fi/geoserver/wms?",
-								layerType: "mapLayer",
-								dimensions: [
-								],
-								useLatestReferenceTime: true,
-								acceptanceTimeInMinutes: 60
-							},
-							{
-								id: "layerid_72",
-								name: "radar_precipitation_intensity_nordic",
-								style: "",
-								format: "image/png",
-								status: "default",
-								enabled: true,
-								opacity: 1,
-								service: "https://public-wms.met.no/verportal/verportal.map?SERVICE=WMS&REQUEST=GetCapabilities",
-								layerType: "mapLayer",
-								dimensions: [
-								],
-								useLatestReferenceTime: true,
-								acceptanceTimeInMinutes: 60
-							}
-						],
-						displayMapPin: false,
-						shouldAnimate: true,
-						showTimeSlider: true,
-						timeSliderSpan: 86400,
-						animationPayload: {
-							speed: 2,
-							duration: 240,
-							interval: 5
-						},
-						defaultOverlayer: "countryborders",
-						shouldAutoUpdate: false,
-						shouldShowLegend: false,
-						toggleTimeSpanAuto: true,
-						toggleTimestepAuto: false,
-						shouldShowDataExplorer: false,
-						shouldShowZoomControls: true
-					},
-					syncGroupsIds: [
-					]
-				},
-				mosaicNodeId: "2_screen",
-				originalViewPresetId: "radarView"
-			}
-		],
-		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"
-	}
-];
-
-var workspacePresetsList = [
-	{
-		id: "screenConfigRadarTemp",
-		title: "Radar and temperature",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "Radar and temperature maps",
-		viewType: "multiWindow"
-	},
-	{
-		id: "screenConfigRadarRadar",
-		title: "Radar and Radar",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow"
-	},
-	{
-		id: "screenConfigTimeSeries_knmi_timeseries_ha43_dini",
-		title: "TimeSeries KNMI EDR HA43 Dini",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow"
-	},
-	{
-		id: "screenConfigTimeSeriesEDRKNMI",
-		title: "TimeSeries EDR KNMI Example",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow"
-	},
-	{
-		id: "screenConfigTimeSeriesEDRFMI",
-		title: "TimeSeries EDR FMI Example",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow"
-	},
-	{
-		id: "screenConfigHarmoniePrecipMSLRefTimePresetWithoutMultiMapLayerManager",
-		title: "Precipitation, pressure and wind 1:1",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "tiledWindow"
-	},
-	{
-		id: "screenConfigHarmoniePrecipMSLRefTimePresetWithMultiMapLayerManager",
-		title: "Precipitation, pressure and wind 1:all",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "tiledWindow"
-	},
-	{
-		id: "screenConfigHarmoniePresetWithoutMultiMapLayerManager",
-		title: "Harmonie Temperature and Precipitation 1:1",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "tiledWindow"
-	},
-	{
-		id: "screenConfigHarmoniePresetWithMultiMapLayerManager",
-		title: "Harmonie Temperature and Precipitation 1:all",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "tiledWindow"
-	},
-	{
-		id: "radarView",
-		title: "Radar",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "user",
-		abstract: "Some abstract",
-		description: "Some description",
-		viewType: "singleWindow",
-		username: "user.name"
-	},
-	{
-		id: "screenConfigD",
-		title: "Radar & Sat",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow"
-	},
-	{
-		id: "screenConfigOBS",
-		title: "OBS",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow"
-	},
-	{
-		id: "screenConfigRadAndObs",
-		title: "FourMapsInOneView",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "Four grid maps",
-		viewType: "tiledWindow"
-	},
-	{
-		id: "screenConfigHarmonie",
-		title: "Harmonie multi",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow"
-	},
-	{
-		id: "workspaceHarmonie",
-		title: "Harmonie",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "singleWindow"
-	},
-	{
-		id: "screenConfigOnlyBBOXGroup",
-		title: "SyncGroups only BBOX predefined",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "SyncGroups synced BBOX",
-		viewType: "multiWindow"
-	},
-	{
-		id: "screenConfigOnlyTIMEGroup",
-		title: "SyncGroups only TIME predefined",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "SyncGroups synced TIME",
-		viewType: "multiWindow"
-	},
-	{
-		id: "emptyMap",
-		title: "Empty map",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "singleWindow"
-	},
-	{
-		id: "capWorkspace",
-		title: "Cap Warnings",
-		date: "2022-06-01T12:34:27.787184",
-		scope: "system",
-		abstract: "",
-		viewType: "multiWindow"
-	}
-];
-
-var ERROR_NOT_FOUND = 'Request failed with status code 400';
-var filterWorkspacePresetList = function filterWorkspacePresetList(params) {
-  if (isEmpty(params)) {
-    return workspacePresetsList;
-  }
-  return workspacePresetsList.reduce(function (list, workspacePresetRaw) {
-    var workspacePreset = workspacePresetRaw;
-    if (params.search) {
-      var searchQuery = getCleanSearchQuery(params.search);
-      var hasResult = searchQuery.split(',').every(function (query) {
-        return workspacePreset.title.toLowerCase().includes(query.toLowerCase()) || workspacePreset["abstract"].toLowerCase().includes(query.toLowerCase());
-      });
-      return hasResult ? list.concat(workspacePreset) : list;
-    }
-    return list;
-  }, []);
-};
-var getApiRoutes = function getApiRoutes(axiosInstance) {
-  return {
-    getWorkspacePresets: function () {
-      var _getWorkspacePresets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              return _context.abrupt("return", axiosInstance.get('/workspacepreset', {
-                params: params
-              }).then(function () {
-                var data = filterWorkspacePresetList(params);
-                return {
-                  data: data
-                };
-              }));
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      function getWorkspacePresets(_x) {
-        return _getWorkspacePresets.apply(this, arguments);
-      }
-      return getWorkspacePresets;
-    }(),
-    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:
-              // eslint-disable-next-line no-console
-              console.log('api: save view preset', presetId, data);
-              return _context2.abrupt("return", axiosInstance.put("/viewpreset/" + presetId + "/", data));
-            case 2:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      function saveViewPreset(_x2, _x3) {
-        return _saveViewPreset.apply(this, arguments);
-      }
-      return saveViewPreset;
-    }(),
-    saveViewPresetAs: function () {
-      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 _context3.abrupt("return", axiosInstance.post("/viewpreset/", data).then(function () {
-                return null;
-              }));
-            case 2:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }));
-      function saveViewPresetAs(_x4) {
-        return _saveViewPresetAs.apply(this, arguments);
-      }
-      return saveViewPresetAs;
-    }()
-  };
-};
-// used in storybook
-var createApi = function createApi() {
-  var instance = createFakeApiInstance();
-  return getApiRoutes(instance);
+  },
+  saveWorkspacePresetAs: function saveWorkspacePresetAs$1(data, credentials) {
+    return queryOptions({
+      queryKey: generateWorkspaceQueryKeys('save-as'),
+      staleTime: 0,
+      queryFn: function () {
+        var _queryFn4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+          return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+            while (1) switch (_context4.prev = _context4.next) {
+              case 0:
+                return _context4.abrupt("return", saveWorkspacePresetAs(data, credentials));
+              case 1:
+              case "end":
+                return _context4.stop();
+            }
+          }, _callee4);
+        }));
+        function queryFn() {
+          return _queryFn4.apply(this, arguments);
+        }
+        return queryFn;
+      }()
+    });
+  }
 };
 
 /* *
@@ -4807,33 +3499,32 @@ workspaceListListener.startListening({
   actionCreator: workspaceListActions.fetchWorkspaceList,
   effect: function () {
     var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
-      var workspaceFilterParams, workspaceApi, _yield$workspaceApi$g, data, isAuthError, workspaceListError;
+      var workspaceFilterParams, _listenerApi$getState, common, data, isAuthError, workspaceListError;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             workspaceFilterParams = _ref.payload;
             listenerApi.cancelActiveListeners();
-            _context.prev = 2;
-            workspaceApi = getWorkspaceApi();
+            _listenerApi$getState = listenerApi.getState(), common = _listenerApi$getState.common;
+            _context.prev = 3;
             _context.next = 6;
-            return workspaceApi.getWorkspacePresets(workspaceFilterParams);
+            return getQueryClient().fetchQuery(workspaceQueryOptions.getWorkspacePresets(workspaceFilterParams, common == null ? void 0 : common.auth.credentials));
           case 6:
-            _yield$workspaceApi$g = _context.sent;
-            data = _yield$workspaceApi$g.data;
+            data = _context.sent;
             if (!listenerApi.signal.aborted) {
-              _context.next = 10;
+              _context.next = 9;
               break;
             }
             return _context.abrupt("return");
-          case 10:
+          case 9:
             listenerApi.dispatch(workspaceListActions.fetchedWorkspaceList({
               workspaceList: data
             }));
-            _context.next = 18;
+            _context.next = 17;
             break;
-          case 13:
-            _context.prev = 13;
-            _context.t0 = _context["catch"](2);
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](3);
             isAuthError = isAxiosAuthError(_context.t0);
             workspaceListError = isAuthError ? {
               type: WorkspaceListErrorType.VERBATIM_ERROR,
@@ -4847,11 +3538,11 @@ workspaceListListener.startListening({
             listenerApi.dispatch(workspaceListActions.errorWorkspaceList({
               error: workspaceListError
             }));
-          case 18:
+          case 17:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 13]]);
+      }, _callee, null, [[3, 12]]);
     }));
     function effect(_x, _x2) {
       return _effect.apply(this, arguments);
@@ -4863,16 +3554,25 @@ workspaceListListener.startListening({
   actionCreator: workspaceListActions.onSuccessWorkspacePresetAction,
   effect: function () {
     var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
-      var _listenerApi$getOrigi;
-      var payload, currentWorkspaceId, action, workspaceId, title, is_shared, searchQuery;
+      var _listenerApi$getOrigi, _listenerApi$getState2;
+      var payload, currentWorkspaceId, credentials, action, workspaceId, title, is_shared, searchQuery;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             payload = _ref2.payload;
             listenerApi.cancelActiveListeners();
             currentWorkspaceId = (_listenerApi$getOrigi = listenerApi.getOriginalState().workspace) == null ? void 0 : _listenerApi$getOrigi.id;
+            credentials = (_listenerApi$getState2 = listenerApi.getState().common) == null || (_listenerApi$getState2 = _listenerApi$getState2.auth) == null ? void 0 : _listenerApi$getState2.credentials;
             action = payload.action, workspaceId = payload.workspaceId, title = payload.title; // eslint-disable-next-line @typescript-eslint/naming-convention
             is_shared = 'is_shared' in payload ? payload.is_shared : undefined;
+            _context2.next = 8;
+            return getQueryClient().invalidateQueries(workspaceQueryOptions.getWorkspacePreset(workspaceId, credentials));
+          case 8:
+            _context2.next = 10;
+            return getQueryClient().invalidateQueries({
+              queryKey: workspaceQueryOptions.keys.lists()
+            });
+          case 10:
             listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage$1(action, title, is_shared)));
             // if active workspace has been deleted, empty out url
             if ((action === WorkspacePresetAction.DELETE || action === WorkspacePresetAction.DELETE_SYSTEM_PRESET) && currentWorkspaceId && workspaceId === currentWorkspaceId) {
@@ -4889,7 +3589,7 @@ workspaceListListener.startListening({
             // Retrieve new list with current search query
             searchQuery = getWorkspaceListSearchQuery(listenerApi.getState());
             listenerApi.dispatch(workspaceListActions.fetchWorkspaceList(constructFilterParams([], searchQuery)));
-          case 10:
+          case 15:
           case "end":
             return _context2.stop();
         }
@@ -4905,15 +3605,15 @@ workspaceListListener.startListening({
   actionCreator: workspaceListActions.submitFormWorkspaceActionDialogOptions,
   effect: function () {
     var _effect3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref3, listenerApi) {
-      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;
+      var _listenerApi$getState3;
+      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$getState4, _credentials, hasChanges, message, category;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             payload = _ref3.payload;
             listenerApi.cancelActiveListeners();
             workspaceState = listenerApi.getState();
-            credentials = (_listenerApi$getState = listenerApi.getState().common) == null || (_listenerApi$getState = _listenerApi$getState.auth) == null ? void 0 : _listenerApi$getState.credentials;
+            credentials = (_listenerApi$getState3 = listenerApi.getState().common) == null || (_listenerApi$getState3 = _listenerApi$getState3.auth) == null ? void 0 : _listenerApi$getState3.credentials;
             _context3.prev = 4;
             presetId = payload.presetId, presetAction = payload.presetAction, data = payload.data, emptyMapPresetTitle = payload.emptyMapPresetTitle, emptyWorkspacePresetTitle = payload.emptyWorkspacePresetTitle;
             scope = data.scope || 'user'; // duplicate
@@ -5026,7 +3726,7 @@ workspaceListListener.startListening({
               _context3.next = 44;
               break;
             }
-            _credentials = (_listenerApi$getState2 = listenerApi.getState().common) == null || (_listenerApi$getState2 = _listenerApi$getState2.auth) == null ? void 0 : _listenerApi$getState2.credentials;
+            _credentials = (_listenerApi$getState4 = listenerApi.getState().common) == null || (_listenerApi$getState4 = _listenerApi$getState4.auth) == null ? void 0 : _listenerApi$getState4.credentials;
             _context3.next = 42;
             return getQueryClient().fetchQuery(workspaceQueryOptions.saveWorkspacePresetAs(newWorkspace, _credentials));
           case 42:
@@ -5200,6 +3900,7 @@ workspaceListener.startListening({
             _context4.next = 6;
             return listenerApi.take(workspaceActions.teardownComplete.match);
           case 6:
+            listenerApi.dispatch(timeSeriesActions.resetTimeSeriesPanels());
             listenerApi.dispatch(syncGroupsActions.syncGroupClear());
             listenerApi.dispatch(workspaceActions.setPreset(payload));
             allSyncGroups = getSyncGroups(payload.workspacePreset.syncGroups);
@@ -5214,7 +3915,7 @@ workspaceListener.startListening({
               isTimeScrollingEnabled: isTimeScrollingEnabled
             }));
             views = toViewsArray(payload.workspacePreset.views);
-            _context4.next = 16;
+            _context4.next = 17;
             return Promise.all(views.map(/*#__PURE__*/function () {
               var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(view) {
                 var _view$initialProps$sy, _view$initialProps;
@@ -5246,7 +3947,7 @@ workspaceListener.startListening({
                 return _ref4.apply(this, arguments);
               };
             }()));
-          case 16:
+          case 17:
             views.forEach(function (view) {
               var panelId = view.mosaicNodeId;
               if (!panelId) {
@@ -5258,7 +3959,7 @@ workspaceListener.startListening({
                 isInline: hasInlineConfig
               }));
             });
-          case 17:
+          case 18:
           case "end":
             return _context4.stop();
         }
@@ -5890,19 +4591,39 @@ viewPresetsListener.startListening({
   }()
 });
 var saveViewPresetEffect = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref4, listenerApi) {
-    var payload, panelId, viewPreset, viewPresetId, workspaceApi;
-    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
+  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref2, listenerApi) {
+    var payload, panelId, viewPreset, viewPresetId, hasChanges, _listenerApi$getState3, credentials;
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          payload = _ref4.payload;
+          payload = _ref2.payload;
           listenerApi.cancelActiveListeners();
           panelId = payload.panelId, viewPreset = payload.viewPreset, viewPresetId = payload.viewPresetId;
-          _context4.prev = 3;
-          workspaceApi = getWorkspaceApi();
-          _context4.next = 7;
-          return workspaceApi.saveViewPreset(viewPresetId, viewPreset);
-        case 7:
+          hasChanges = getViewPresetHasChanges(listenerApi.getState(), panelId);
+          if (hasChanges) {
+            _context3.next = 8;
+            break;
+          }
+          listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage(PresetAction.SAVE, viewPreset.title)));
+          listenerApi.dispatch(viewPresetActions.savedViewPreset({
+            panelId: panelId,
+            viewPresetId: viewPresetId
+          }));
+          return _context3.abrupt("return");
+        case 8:
+          _context3.prev = 8;
+          credentials = (_listenerApi$getState3 = listenerApi.getState().common) == null || (_listenerApi$getState3 = _listenerApi$getState3.auth) == null ? void 0 : _listenerApi$getState3.credentials;
+          _context3.next = 12;
+          return getQueryClient().fetchQuery(viewpresetQueryOptions.saveViewPreset(viewPresetId, viewPreset, credentials));
+        case 12:
+          _context3.next = 14;
+          return getQueryClient().invalidateQueries(viewpresetQueryOptions.getViewPreset(viewPresetId));
+        case 14:
+          _context3.next = 16;
+          return getQueryClient().invalidateQueries({
+            queryKey: viewpresetQueryOptions.keys.lists()
+          });
+        case 16:
           listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage(PresetAction.SAVE, viewPreset.title)));
           listenerApi.dispatch(viewPresetActions.savedViewPreset({
             panelId: panelId,
@@ -5913,24 +4634,24 @@ var saveViewPresetEffect = /*#__PURE__*/function () {
             viewPresetId: viewPresetId,
             viewPreset: viewPreset
           }));
-          return _context4.abrupt("return", viewPreset);
-        case 13:
-          _context4.prev = 13;
-          _context4.t0 = _context4["catch"](3);
+          _context3.next = 24;
+          break;
+        case 21:
+          _context3.prev = 21;
+          _context3.t0 = _context3["catch"](8);
           listenerApi.dispatch(viewPresetActions.errorViewPreset({
-            error: processError(_context4.t0, ViewPresetErrorComponent.PRESET_DETAIL, 'workspace-mappreset-error-save'),
+            error: processError(_context3.t0, ViewPresetErrorComponent.PRESET_DETAIL, 'workspace-mappreset-error-save'),
             panelId: panelId,
             viewPresetId: viewPresetId
           }));
-          return _context4.abrupt("return", _context4.t0);
-        case 17:
+        case 24:
         case "end":
-          return _context4.stop();
+          return _context3.stop();
       }
-    }, _callee4, null, [[3, 13]]);
+    }, _callee3, null, [[8, 21]]);
   }));
-  return function saveViewPresetEffect(_x7, _x8) {
-    return _ref5.apply(this, arguments);
+  return function saveViewPresetEffect(_x5, _x6) {
+    return _ref3.apply(this, arguments);
   };
 }();
 // save view preset
@@ -5942,12 +4663,12 @@ viewPresetsListener.startListening({
 viewPresetsListener.startListening({
   actionCreator: viewPresetActions.selectViewPreset,
   effect: function () {
-    var _effect3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref6, listenerApi) {
+    var _effect3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref4, listenerApi) {
       var payload, panelId, _payload$viewPresetId, viewPresetId, isMapAnimating;
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            payload = _ref6.payload;
+            payload = _ref4.payload;
             listenerApi.cancelActiveListeners();
             panelId = payload.panelId, _payload$viewPresetId = payload.viewPresetId, viewPresetId = _payload$viewPresetId === void 0 ? '' : _payload$viewPresetId;
             isMapAnimating = mapSelectors.isAnimating(listenerApi.getState(), panelId);
@@ -5981,11 +4702,11 @@ viewPresetsListener.startListening({
             }
           case 6:
           case "end":
-            return _context5.stop();
+            return _context4.stop();
         }
-      }, _callee5);
+      }, _callee4);
     }));
-    function effect(_x9, _x0) {
+    function effect(_x7, _x8) {
       return _effect3.apply(this, arguments);
     }
     return effect;
@@ -5995,19 +4716,19 @@ viewPresetsListener.startListening({
 viewPresetsListener.startListening({
   actionCreator: viewPresetActions.onSuccessViewPresetAction,
   effect: function () {
-    var _effect4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(_ref7, listenerApi) {
-      var payload, action, viewPresetId, title, panelId, is_shared, activeMapPresetId, hasChanges, viewPresetFilters, viewPresetSearchQuery;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+    var _effect4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref5, listenerApi) {
+      var payload, action, viewPresetId, title, panelId, is_shared, activeMapPresetId, hasChanges, viewPresetSearchQuery;
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            payload = _ref7.payload;
+            payload = _ref5.payload;
             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.next = 6;
+            _context5.next = 6;
             return getQueryClient().invalidateQueries(viewpresetQueryOptions.getViewPreset(viewPresetId));
           case 6:
-            _context6.next = 8;
+            _context5.next = 8;
             return getQueryClient().invalidateQueries({
               queryKey: viewpresetQueryOptions.keys.lists()
             });
@@ -6023,15 +4744,16 @@ viewPresetsListener.startListening({
                 }));
                 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 (viewPresetSearchQuery != null && viewPresetSearchQuery.trim().length) {
+                listenerApi.dispatch(viewPresetActions.fetchViewPresets({
+                  panelId: panelId,
+                  filterParams: constructFilterParams([], viewPresetSearchQuery)
+                }));
+              } else {
+                // Fetch the full list to update the list store with the latest presets
+                listenerApi.dispatch(viewPresetsListActions.fetchViewPresetsList());
+              }
               if (action !== PresetAction.EDIT) {
                 listenerApi.dispatch(viewPresetActions.setViewPresetHasChanges({
                   panelId: panelId,
@@ -6049,11 +4771,11 @@ viewPresetsListener.startListening({
             }
           case 9:
           case "end":
-            return _context6.stop();
+            return _context5.stop();
         }
-      }, _callee6);
+      }, _callee5);
     }));
-    function effect(_x1, _x10) {
+    function effect(_x9, _x0) {
       return _effect4.apply(this, arguments);
     }
     return effect;
@@ -6183,23 +4905,17 @@ var WorkspaceStoreWrapper = function WorkspaceStoreWrapper(_ref3) {
   var children = _ref3.children,
     _ref3$store = _ref3.store,
     store = _ref3$store === void 0 ? createMockStore() : _ref3$store,
-    _ref3$createApi = _ref3.createApi,
-    createApi$1 = _ref3$createApi === void 0 ? createApi : _ref3$createApi,
     _ref3$auth = _ref3.auth,
     auth = _ref3$auth === void 0 ? defaultAuthConfig : _ref3$auth;
   return jsx(AuthenticationProvider, {
     value: auth,
     children: jsx(QueryClientProviderWrapper, {
       mode: "test",
-      children: jsx(ApiProvider, {
-        createApi: createApi$1,
-        name: API_NAME,
-        children: jsx(Provider, {
-          store: store,
-          children: jsx(SnackbarWrapperConnect, {
-            children: jsx(ConfirmationServiceProvider, {
-              children: children
-            })
+      children: jsx(Provider, {
+        store: store,
+        children: jsx(SnackbarWrapperConnect, {
+          children: jsx(ConfirmationServiceProvider, {
+            children: children
           })
         })
       })
@@ -6210,8 +4926,6 @@ var WorkspaceWrapperProviderWithStore = function WorkspaceWrapperProviderWithSto
   var children = _ref4.children,
     _ref4$store = _ref4.store,
     store = _ref4$store === void 0 ? createMockStore() : _ref4$store,
-    _ref4$createApi = _ref4.createApi,
-    createApi$1 = _ref4$createApi === void 0 ? createApi : _ref4$createApi,
     theme = _ref4.theme,
     _ref4$auth = _ref4.auth,
     auth = _ref4$auth === void 0 ? defaultAuthConfig : _ref4$auth;
@@ -6220,7 +4934,6 @@ var WorkspaceWrapperProviderWithStore = function WorkspaceWrapperProviderWithSto
     children: jsx(WorkspaceI18nProvider, {
       children: jsx(WorkspaceStoreWrapper, {
         auth: auth,
-        createApi: createApi$1,
         store: store,
         children: children
       })
@@ -6236,21 +4949,6 @@ var WorkspaceI18nProvider = function WorkspaceI18nProvider(_ref5) {
   });
 };
 
-var WorkspaceModuleProvider = function WorkspaceModuleProvider(_ref) {
-  var config = _ref.config,
-    auth = _ref.auth,
-    onSetAuth = _ref.onSetAuth,
-    children = _ref.children;
-  return jsx(ApiProvider, {
-    auth: auth,
-    config: config,
-    createApi: config.baseURL ? createApi$1 : createApi,
-    name: API_NAME,
-    onSetAuth: onSetAuth,
-    children: children
-  });
-};
-
 var _excluded$5 = ["component", "payload"];
 // takes a component and connects module methods with workspace store
 var ComponentsLookUpWrapper = function ComponentsLookUpWrapper(_ref) {
@@ -7214,8 +5912,8 @@ var onWorkspaceApiError = function onWorkspaceApiError(dispatch, error, t) {
   }));
 };
 var useDeleteWorkspacePreset = function useDeleteWorkspacePreset() {
-  var _useAuthenticationCon2 = useAuthenticationContext(),
-    auth = _useAuthenticationCon2.auth;
+  var _useAuthenticationCon3 = useAuthenticationContext(),
+    auth = _useAuthenticationCon3.auth;
   var _useSelector = useSelector(getWorkspaceActionFormValues),
     title = _useSelector.title;
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
@@ -7261,8 +5959,8 @@ var useDeleteWorkspacePreset = function useDeleteWorkspacePreset() {
   });
 };
 var useCreateWorkspacePreset = function useCreateWorkspacePreset() {
-  var _useAuthenticationCon3 = useAuthenticationContext(),
-    auth = _useAuthenticationCon3.auth;
+  var _useAuthenticationCon4 = useAuthenticationContext(),
+    auth = _useAuthenticationCon4.auth;
   var _useWorkspaceTranslat2 = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat2.t;
   var dispatch = useDispatch();
@@ -7737,7 +6435,7 @@ var WorkspacePresetInfo = function WorkspacePresetInfo(_ref) {
   });
 };
 
-var WORKSPACE_SELECT_LIST_ROW_HEIGHT = 41;
+var WORKSPACE_SELECT_LIST_ROW_HEIGHT = 40;
 var getPresetIcon = function getPresetIcon(preset, currentUsername) {
   if (preset.scope === 'system') {
     return jsx(WorkspacePresetsSystemIcon, {
@@ -7985,25 +6683,56 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
   });
 };
 
-var MIN_HEIGHT_SCROLLABLE_LIST = 88; // Slightly less than 2 rows
-var LIST_PADDING_TOP = 8;
-var DEFAULT_RESULTS_HEIGHT = 22;
-// row height = height + margin
-var rowHeight = WORKSPACE_SELECT_LIST_ROW_HEIGHT + 12;
-var WorkspaceSelectList = function WorkspaceSelectList(_ref) {
-  var workspacePresets = _ref.workspacePresets,
+var RowComponent = function RowComponent(_ref) {
+  var index = _ref.index,
+    style = _ref.style,
+    items = _ref.items,
     currentSelectedId = _ref.currentSelectedId,
     onClickWorkspacePreset = _ref.onClickWorkspacePreset,
     onClickWorkspacePresetOption = _ref.onClickWorkspacePresetOption,
-    hideNewWorkspace = _ref.hideNewWorkspace,
+    onOpenPresetInfo = _ref.onOpenPresetInfo,
+    infoOpenPresetId = _ref.infoOpenPresetId,
     isEditable = _ref.isEditable,
     isAdmin = _ref.isAdmin,
     searchQuery = _ref.searchQuery,
-    newPreset = _ref.newPreset,
-    _ref$testIdPrefix = _ref.testIdPrefix,
-    testIdPrefix = _ref$testIdPrefix === void 0 ? 'workspace' : _ref$testIdPrefix,
-    onOpenPresetInfo = _ref.onOpenPresetInfo,
-    infoOpenPresetId = _ref.infoOpenPresetId;
+    testIdPrefix = _ref.testIdPrefix;
+  var preset = items[index];
+  return jsx("div", {
+    style: Object.assign({}, style, {
+      paddingRight: '8px'
+    }),
+    children: jsx(WorkspaceSelectListRow, {
+      infoOpenPresetId: infoOpenPresetId,
+      isAdmin: isAdmin,
+      isEditable: isEditable,
+      isSelected: currentSelectedId === preset.id || currentSelectedId === '' && preset.id === undefined,
+      onClickWorkspacePreset: onClickWorkspacePreset,
+      onClickWorkspacePresetOption: onClickWorkspacePresetOption,
+      onOpenPresetInfo: onOpenPresetInfo,
+      searchQuery: searchQuery,
+      testIdPrefix: testIdPrefix,
+      workspacePreset: preset
+    })
+  }, preset.id || 'emptyPreset');
+};
+var MIN_HEIGHT_SCROLLABLE_LIST = 88; // Slightly less than 2 rows
+var LIST_PADDING_TOP = 8;
+// row height = height + margin
+var rowHeight = WORKSPACE_SELECT_LIST_ROW_HEIGHT + 12;
+var WorkspaceSelectList = function WorkspaceSelectList(_ref2) {
+  var workspacePresets = _ref2.workspacePresets,
+    currentSelectedId = _ref2.currentSelectedId,
+    onClickWorkspacePreset = _ref2.onClickWorkspacePreset,
+    onClickWorkspacePresetOption = _ref2.onClickWorkspacePresetOption,
+    hideNewWorkspace = _ref2.hideNewWorkspace,
+    isEditable = _ref2.isEditable,
+    isAdmin = _ref2.isAdmin,
+    searchQuery = _ref2.searchQuery,
+    newPreset = _ref2.newPreset,
+    _ref2$testIdPrefix = _ref2.testIdPrefix,
+    testIdPrefix = _ref2$testIdPrefix === void 0 ? 'workspace' : _ref2$testIdPrefix,
+    onOpenPresetInfo = _ref2.onOpenPresetInfo,
+    infoOpenPresetId = _ref2.infoOpenPresetId;
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
   var newPresetTruthy = newPreset || getEmptyWorkspaceListItem(t);
@@ -8024,46 +6753,28 @@ var WorkspaceSelectList = function WorkspaceSelectList(_ref) {
         ml: 0.5
       },
       children: [workspacePresets.length, " ", t('workspace-results')]
-    }), jsx(AutoSizer, {
-      children: function children(_ref2) {
-        var _ref2$height = _ref2.height,
-          height = _ref2$height === void 0 ? 0 : _ref2$height,
-          _ref2$width = _ref2.width,
-          width = _ref2$width === void 0 ? 0 : _ref2$width;
-        return jsx(Box, {
-          sx: {
-            paddingTop: LIST_PADDING_TOP + "px"
-          },
-          children: jsx(FixedSizeList, {
-            height: height - DEFAULT_RESULTS_HEIGHT,
-            itemCount: items.length,
-            itemSize: rowHeight,
-            width: width,
-            children: function children(_ref3) {
-              var index = _ref3.index,
-                style = _ref3.style;
-              var preset = items[index];
-              return jsx("div", {
-                style: Object.assign({}, style, {
-                  paddingRight: '8px'
-                }),
-                children: jsx(WorkspaceSelectListRow, {
-                  infoOpenPresetId: infoOpenPresetId,
-                  isAdmin: isAdmin,
-                  isEditable: isEditable,
-                  isSelected: currentSelectedId === preset.id || currentSelectedId === '' && preset.id === undefined,
-                  onClickWorkspacePreset: onClickWorkspacePreset,
-                  onClickWorkspacePresetOption: onClickWorkspacePresetOption,
-                  onOpenPresetInfo: onOpenPresetInfo,
-                  searchQuery: searchQuery,
-                  testIdPrefix: testIdPrefix,
-                  workspacePreset: preset
-                })
-              }, preset.id || 'emptyPreset');
-            }
-          })
-        });
-      }
+    }), jsx(Box, {
+      sx: {
+        paddingTop: LIST_PADDING_TOP + "px",
+        height: "calc(100% - 24px)"
+      },
+      children: jsx(List$1, {
+        rowComponent: RowComponent,
+        rowCount: items.length,
+        rowHeight: rowHeight,
+        rowProps: {
+          items: items,
+          currentSelectedId: currentSelectedId,
+          onClickWorkspacePreset: onClickWorkspacePreset,
+          onClickWorkspacePresetOption: onClickWorkspacePresetOption,
+          onOpenPresetInfo: onOpenPresetInfo,
+          infoOpenPresetId: infoOpenPresetId,
+          isEditable: isEditable,
+          isAdmin: isAdmin,
+          searchQuery: searchQuery,
+          testIdPrefix: testIdPrefix
+        }
+      })
     })]
   });
 };
@@ -8145,7 +6856,7 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     return mapSelectors.getMapPreset(store, panelId);
   });
   var currentTimeSeriesPreset = useSelector(function (store) {
-    return timeSeriesSelectors.getTimeSeriesPreset(store);
+    return timeSeriesSelectors.getTimeSeriesPreset(store, panelId);
   });
   var currentWarningsPreset = useSelector(function (store) {
     return publicWarningsSelectors.getWarningsPresetById(store, panelId);
@@ -8695,6 +7406,22 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
     var filterParams = constructFilterParams([], workspaceSearchQuery);
     dispatch(workspaceListActions.fetchWorkspaceList(filterParams));
   }, [dispatch, workspaceSearchQuery]);
+  var refreshWorkspacePresets = 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 getQueryClient().invalidateQueries({
+            queryKey: workspaceQueryOptions.keys.lists()
+          });
+        case 2:
+          fetchWorkspaceList();
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [fetchWorkspaceList]);
   var fetchWorkspace = React.useCallback(function (workspaceId) {
     dispatch(workspaceActions.fetchWorkspace({
       workspaceId: workspaceId
@@ -8764,18 +7491,18 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
     return result;
   }, [currentView]);
   var onClickWorkspacePresetOption = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(presetId, workspaceAction) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(presetId, workspaceAction) {
       var affectedPreset, presetTitle, _currentView$syncGrou, currentViews, adminMetadata, buildFormValues, url;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             // If affectedPreset is the FE defined `New workspace` - use the definition from FE instead of BE
             affectedPreset = presetId === getEmptyMapWorkspace(t).id ? getEmptyMapWorkspace(t) : workspacePresets.find(function (preset) {
               return preset.id === presetId;
             });
             presetTitle = affectedPreset == null ? void 0 : affectedPreset.title;
-            _context2.t0 = workspaceAction;
-            _context2.next = _context2.t0 === WorkspacePresetAction.DUPLICATE ? 5 : _context2.t0 === WorkspacePresetAction.EDIT ? 8 : _context2.t0 === WorkspacePresetAction.DELETE ? 16 : _context2.t0 === WorkspacePresetAction.DELETE_SYSTEM_PRESET ? 18 : _context2.t0 === WorkspacePresetAction.SHARE ? 20 : _context2.t0 === WorkspacePresetAction.OPEN_TAB ? 22 : 25;
+            _context3.t0 = workspaceAction;
+            _context3.next = _context3.t0 === WorkspacePresetAction.DUPLICATE ? 5 : _context3.t0 === WorkspacePresetAction.EDIT ? 8 : _context3.t0 === WorkspacePresetAction.DELETE ? 16 : _context3.t0 === WorkspacePresetAction.DELETE_SYSTEM_PRESET ? 18 : _context3.t0 === WorkspacePresetAction.SHARE ? 20 : _context3.t0 === WorkspacePresetAction.OPEN_TAB ? 22 : 25;
             break;
           case 5:
             currentViews = currentViewsToBE();
@@ -8793,30 +7520,30 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
                 syncGroups: (_currentView$syncGrou = currentView.syncGroups) != null ? _currentView$syncGrou : []
               }
             });
-            return _context2.abrupt("break", 26);
+            return _context3.abrupt("break", 26);
           case 8:
             adminMetadata = isAdmin && auth != null && auth.username ? {
               updated: new Date().toISOString(),
               updatedBy: auth.username
             } : {};
             buildFormValues = function buildFormValues(presetDetails, presetViews) {
-              var _ref3, _presetDetails$title, _presetDetails$abstra, _presetDetails$descri, _presetDetails$labels, _ref4, _presetDetails$mosaic, _presetDetails$scope;
+              var _ref4, _presetDetails$title, _presetDetails$abstra, _presetDetails$descri, _presetDetails$labels, _ref5, _presetDetails$mosaic, _presetDetails$scope;
               if (presetViews === void 0) {
                 presetViews = [];
               }
               return Object.assign({
-                title: (_ref3 = (_presetDetails$title = presetDetails == null ? void 0 : presetDetails.title) != null ? _presetDetails$title : presetTitle) != null ? _ref3 : '',
+                title: (_ref4 = (_presetDetails$title = presetDetails == null ? void 0 : presetDetails.title) != null ? _presetDetails$title : presetTitle) != null ? _ref4 : '',
                 "abstract": (_presetDetails$abstra = presetDetails == null ? void 0 : presetDetails["abstract"]) != null ? _presetDetails$abstra : affectedPreset == null ? void 0 : affectedPreset["abstract"],
                 description: (_presetDetails$descri = presetDetails == null ? void 0 : presetDetails.description) != null ? _presetDetails$descri : affectedPreset == null ? void 0 : affectedPreset.description,
                 labels: (_presetDetails$labels = presetDetails == null ? void 0 : presetDetails.labels) != null ? _presetDetails$labels : affectedPreset == null ? void 0 : affectedPreset.labels,
-                mosaicNode: (_ref4 = (_presetDetails$mosaic = presetDetails == null ? void 0 : presetDetails.mosaicNode) != null ? _presetDetails$mosaic : currentView == null ? void 0 : currentView.mosaicNode) != null ? _ref4 : undefined,
+                mosaicNode: (_ref5 = (_presetDetails$mosaic = presetDetails == null ? void 0 : presetDetails.mosaicNode) != null ? _presetDetails$mosaic : currentView == null ? void 0 : currentView.mosaicNode) != null ? _ref5 : undefined,
                 scope: (_presetDetails$scope = presetDetails == null ? void 0 : presetDetails.scope) != null ? _presetDetails$scope : scope,
                 views: presetViews,
                 updated: new Date().toISOString()
               }, adminMetadata);
             }; // If editing the active workspace, keep using the current workspace data
             if (!(presetId === (currentView == null ? void 0 : currentView.id) || !auth)) {
-              _context2.next = 13;
+              _context3.next = 13;
               break;
             }
             setWorkspaceActionDialogOptions({
@@ -8824,7 +7551,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
               presetId: presetId,
               formValues: buildFormValues(currentView, currentViewsToBE())
             });
-            return _context2.abrupt("break", 26);
+            return _context3.abrupt("break", 26);
           case 13:
             // Open dialog immediately with basic data, then hydrate with full preset once fetched
             setWorkspaceActionDialogOptions({
@@ -8848,7 +7575,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
                 }
               }));
             });
-            return _context2.abrupt("break", 26);
+            return _context3.abrupt("break", 26);
           case 16:
             setWorkspaceActionDialogOptions({
               action: workspaceAction,
@@ -8858,7 +7585,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
                 scope: scope
               }
             });
-            return _context2.abrupt("break", 26);
+            return _context3.abrupt("break", 26);
           case 18:
             setWorkspaceActionDialogOptions({
               action: workspaceAction,
@@ -8868,14 +7595,14 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
                 scope: scope
               }
             });
-            return _context2.abrupt("break", 26);
+            return _context3.abrupt("break", 26);
           case 20:
             void getWorkspace(presetId, auth).then(/*#__PURE__*/function () {
-              var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(preset) {
-                return _regeneratorRuntime().wrap(function _callee$(_context) {
-                  while (1) switch (_context.prev = _context.next) {
+              var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(preset) {
+                return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                  while (1) switch (_context2.prev = _context2.next) {
                     case 0:
-                      return _context.abrupt("return", updateWorkspace(presetId, Object.assign({}, preset, {
+                      return _context2.abrupt("return", updateWorkspace(presetId, Object.assign({}, preset, {
                         is_shared: !preset.is_shared
                       }), auth).then(function () {
                         dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
@@ -8897,29 +7624,29 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
                       }));
                     case 1:
                     case "end":
-                      return _context.stop();
+                      return _context2.stop();
                   }
-                }, _callee);
+                }, _callee2);
               }));
               return function (_x3) {
-                return _ref5.apply(this, arguments);
+                return _ref6.apply(this, arguments);
               };
             }());
-            return _context2.abrupt("break", 26);
+            return _context3.abrupt("break", 26);
           case 22:
             url = getWorkspaceRouteUrl(presetId);
             window.open(url, '_blank');
-            return _context2.abrupt("break", 26);
+            return _context3.abrupt("break", 26);
           case 25:
-            return _context2.abrupt("break", 26);
+            return _context3.abrupt("break", 26);
           case 26:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function onClickWorkspacePresetOption(_x, _x2) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   var isAllSelected = workspaceListFilters.length > 0 && workspaceListFilters.every(function (filter) {
@@ -8974,7 +7701,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
         actionButtonProps: {
           title: t('workspace-retry'),
           onClick: function onClick() {
-            return fetchWorkspaceList();
+            void refreshWorkspacePresets();
           }
         }
       }))
@@ -9044,7 +7771,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
                 marginLeft: 0
               },
               onPressRefresh: function onPressRefresh() {
-                return fetchWorkspaceList();
+                void refreshWorkspacePresets();
               }
             })
           })]
@@ -9398,7 +8125,7 @@ var LoadingIndicatorConnect = function LoadingIndicatorConnect(_ref) {
 
 var _excluded$4 = ["title", "scope"];
 var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_ref) {
-  var _currentWorkspace$sco, _currentWorkspacePres;
+  var _currentWorkspace$sco, _currentViewPreset$ab, _currentViewPreset$de, _currentViewPreset$la, _currentWorkspacePres;
   var panelId = _ref.panelId,
     isViewPresetDialogOpen = _ref.isViewPresetDialogOpen;
   var dispatch = useDispatch();
@@ -9458,9 +8185,9 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
       dispatch(workspaceActions.markWorkspaceChanged());
     }
   }, [hasViewPresetChanges, dispatch]);
-  var presetAbstract = workspaceView == null ? void 0 : workspaceView["abstract"];
-  var presetDescription = workspaceView == null ? void 0 : workspaceView.description;
-  var presetLabels = workspaceView == null ? void 0 : workspaceView.labels;
+  var presetAbstract = (_currentViewPreset$ab = currentViewPreset == null ? void 0 : currentViewPreset["abstract"]) != null ? _currentViewPreset$ab : workspaceView == null ? void 0 : workspaceView["abstract"];
+  var presetDescription = (_currentViewPreset$de = currentViewPreset == null ? void 0 : currentViewPreset.description) != null ? _currentViewPreset$de : workspaceView == null ? void 0 : workspaceView.description;
+  var presetLabels = (_currentViewPreset$la = currentViewPreset == null ? void 0 : currentViewPreset.labels) != null ? _currentViewPreset$la : workspaceView == null ? void 0 : workspaceView.labels;
   var title = workspaceView.title || t('workspace-mappreset-new');
   var isNewActive = activeViewPresetId === '';
   var showChangedInViewTitle = !!hasViewPresetChanges;
@@ -9479,9 +8206,9 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
       case 'WarningList':
         return currentWarningsPreset;
       case 'TimeSeries':
-        return timeSeriesSelectors.getTimeSeriesPreset(store.getState());
+        return timeSeriesSelectors.getTimeSeriesPreset(store.getState(), panelId);
       case 'Soundings':
-        return soundingsSelectors.getSoundingsPreset(store.getState());
+        return soundingsSelectors.getSoundingsPreset(store.getState(), panelId);
       case 'Map':
         return {
           mapPreset: mapSelectors.getMapPreset(store.getState(), panelId),
@@ -11068,7 +9795,9 @@ var ViewPresetsForm = function ViewPresetsForm(_ref) {
   var shouldShowLabelsForm = action === PresetAction.SAVE_AS || action === PresetAction.EDIT;
   var marginBottom = 2;
   return jsxs(Fragment, {
-    children: [(action === PresetAction.SAVE_AS || action === PresetAction.EDIT) && jsx("form", {
+    children: [Boolean(error) && jsx(AlertBanner, {
+      title: error
+    }), (action === PresetAction.SAVE_AS || action === PresetAction.EDIT) && jsx("form", {
       "data-testid": "map-preset-form",
       onSubmit: onSubmitForm,
       style: {
@@ -11080,9 +9809,7 @@ var ViewPresetsForm = function ViewPresetsForm(_ref) {
           flexDirection: 'column',
           height: '100%'
         },
-        children: [Boolean(error) && jsx(AlertBanner, {
-          title: error
-        }), jsxs(Box, {
+        children: [jsxs(Box, {
           sx: {
             flex: 1,
             minHeight: 360,
@@ -11230,12 +9957,106 @@ var ViewPresetsForm = function ViewPresetsForm(_ref) {
             position: 'relative',
             color: 'geowebColors.functional.warning'
           }
-        }), t('workspace-dialog-confirm-reset-view-message')]
-      }), jsx(ReactHookFormHiddenInput, {
-        defaultValue: title,
-        name: "title"
-      }, "title")]
-    })]
+        }), t('workspace-dialog-confirm-reset-view-message')]
+      }), jsx(ReactHookFormHiddenInput, {
+        defaultValue: title,
+        name: "title"
+      }, "title")]
+    })]
+  });
+};
+
+var useDeleteViewPreset = function useDeleteViewPreset() {
+  var _useAuthenticationCon = useAuthenticationContext(),
+    auth = _useAuthenticationCon.auth;
+  return useMutation({
+    mutationFn: function () {
+      var _mutationFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+        var id;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              id = _ref.id;
+              if (auth) {
+                _context.next = 3;
+                break;
+              }
+              throw new Error('Authentication context not found');
+            case 3:
+              return _context.abrupt("return", deleteViewPreset(id, auth));
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function mutationFn(_x) {
+        return _mutationFn.apply(this, arguments);
+      }
+      return mutationFn;
+    }()
+  });
+};
+var useSaveViewPreset = function useSaveViewPreset() {
+  var _useAuthenticationCon2 = useAuthenticationContext(),
+    auth = _useAuthenticationCon2.auth;
+  return useMutation({
+    mutationFn: function () {
+      var _mutationFn2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2) {
+        var id, data;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              id = _ref2.id, data = _ref2.data;
+              if (auth) {
+                _context2.next = 3;
+                break;
+              }
+              throw new Error('Authentication context not found');
+            case 3:
+              return _context2.abrupt("return", saveViewPreset(id, data, auth));
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      function mutationFn(_x2) {
+        return _mutationFn2.apply(this, arguments);
+      }
+      return mutationFn;
+    }()
+  });
+};
+var useSaveViewPresetAs = function useSaveViewPresetAs() {
+  var _useAuthenticationCon3 = useAuthenticationContext(),
+    auth = _useAuthenticationCon3.auth;
+  return useMutation({
+    mutationFn: function () {
+      var _mutationFn3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref3) {
+        var data;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              data = _ref3.data;
+              if (auth) {
+                _context3.next = 3;
+                break;
+              }
+              throw new Error('Authentication context not found');
+            case 3:
+              return _context3.abrupt("return", saveViewPresetAs(data, auth));
+            case 4:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      function mutationFn(_x3) {
+        return _mutationFn3.apply(this, arguments);
+      }
+      return mutationFn;
+    }()
   });
 };
 
@@ -11256,11 +10077,13 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
     reset = _useFormContext.reset;
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
-  var _useApiContext = useApiContext(),
-    api = _useApiContext.api;
   var _useAuthenticationCon = useAuthenticationContext$1(),
     currentRole = _useAuthenticationCon.currentRole,
     auth = _useAuthenticationCon.auth;
+  var _useSaveViewPreset = useSaveViewPreset(),
+    saveViewPreset = _useSaveViewPreset.mutateAsync;
+  var _useSaveViewPresetAs = useSaveViewPresetAs(),
+    saveViewPresetAs = _useSaveViewPresetAs.mutateAsync;
   var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN$1.name;
   var _React$useState = React.useState(),
     error = _React$useState[0],
@@ -11322,7 +10145,9 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
             break;
           case 10:
             _context.next = 12;
-            return api.saveViewPresetAs(newFormValues);
+            return saveViewPresetAs({
+              data: newFormValues
+            });
           case 12:
             newId = _context.sent;
             handleSuccess(newId);
@@ -11348,7 +10173,10 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
               scope: scope
             });
             _context.next = 25;
-            return api.saveViewPreset(viewPresetId, viewPresetEdited);
+            return saveViewPreset({
+              id: viewPresetId,
+              data: viewPresetEdited
+            });
           case 25:
             handleSuccess(viewPresetId);
             return _context.abrupt("break", 31);
@@ -11474,38 +10302,6 @@ var ViewPresetsFormDialogWrapper = function ViewPresetsFormDialogWrapper(_ref5)
   });
 };
 
-var useDeleteViewPreset = function useDeleteViewPreset() {
-  var _useAuthenticationCon = useAuthenticationContext(),
-    auth = _useAuthenticationCon.auth;
-  return useMutation({
-    mutationFn: function () {
-      var _mutationFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
-        var id;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              id = _ref.id;
-              if (auth) {
-                _context.next = 3;
-                break;
-              }
-              throw new Error('Authentication context not found');
-            case 3:
-              return _context.abrupt("return", deleteViewPreset(id, auth));
-            case 4:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      function mutationFn(_x) {
-        return _mutationFn.apply(this, arguments);
-      }
-      return mutationFn;
-    }()
-  });
-};
-
 var ViewPresetsFormDialogConnect = function ViewPresetsFormDialogConnect(_ref) {
   var _dialogOptions$formVa;
   var _ref$scope = _ref.scope,
@@ -11683,6 +10479,1192 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
   });
 };
 
+var workspacePresets = [
+	{
+		id: "screenConfigRadarTemp",
+		title: "Radar and temperature",
+		scope: "system",
+		abstract: "",
+		description: "Radar and temp preset multi",
+		viewType: "multiWindow",
+		views: [
+			{
+				mosaicNodeId: "viewA",
+				componentType: "Map",
+				initialProps: {
+					mapPreset: {
+						layers: [
+							{
+								name: "WorldMap_Light_Grey_Canvas",
+								type: "twms",
+								dimensions: [
+								],
+								id: "layerid_64",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "baseLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								service: "https://geoservices.knmi.nl/wms?DATASET=baselayers&",
+								name: "countryborders",
+								format: "image/png",
+								dimensions: [
+								],
+								id: "layerid_63",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "overLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "Radar:suomi_dbz_eureffin",
+								style: "Radar dbz Summer",
+								format: "image/png",
+								service: "https://openwms.fmi.fi/geoserver/wms?",
+								dimensions: [
+								],
+								id: "layerid_59",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "radar_precipitation_intensity_nordic",
+								style: "",
+								format: "image/png",
+								service: "https://public-wms.met.no/verportal/verportal.map?SERVICE=WMS&REQUEST=GetCapabilities",
+								dimensions: [
+								],
+								id: "layerid_60",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "RAD_NL25_PCP_CM",
+								style: "precip-blue-transparent/nearest",
+								format: "image/png",
+								service: "https://geoservices.knmi.nl/wms?dataset=RADAR",
+								dimensions: [
+								],
+								id: "layerid_61",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							}
+						],
+						proj: {
+							bbox: {
+								left: -4537320.252629031,
+								bottom: 6408480.451399999,
+								right: 8563411.406429032,
+								top: 11520588.9031
+							},
+							srs: "EPSG:3857"
+						},
+						shouldAnimate: false,
+						shouldAutoUpdate: false,
+						showTimeSlider: true,
+						displayMapPin: false,
+						shouldShowZoomControls: true,
+						animationPayload: {
+							interval: 60,
+							speed: 4,
+							duration: 290
+						},
+						toggleTimestepAuto: true,
+						toggleTimeSpanAuto: true,
+						shouldShowLegend: false,
+						timeSliderSpan: 86400,
+						shouldShowDataExplorer: false,
+						defaultOverlayer: "countryborders"
+					},
+					syncGroupsIds: [
+						"Area_radarTemp",
+						"Time_radarTemp"
+					]
+				},
+				title: "Radar",
+				originalViewPresetId: "Radar"
+			},
+			{
+				mosaicNodeId: "viewB",
+				componentType: "Map",
+				initialProps: {
+					mapPreset: {
+						layers: [
+							{
+								name: "WorldMap_Light_Grey_Canvas",
+								type: "twms",
+								dimensions: [
+								],
+								id: "layerid_71",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "baseLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								service: "https://geoservices.knmi.nl/wms?DATASET=baselayers&",
+								name: "countryborders",
+								format: "image/png",
+								dimensions: [
+								],
+								id: "layerid_70",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "overLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "10M/ta",
+								service: "https://geoservices.knmi.nl/adagucserver?dataset=OBS",
+								dimensions: [
+								],
+								id: "layerid_67",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "t850_public",
+								service: "https://eccharts.ecmwf.int/wms/?token=public",
+								dimensions: [
+								],
+								id: "layerid_68",
+								opacity: 0.8,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							}
+						],
+						proj: {
+							bbox: {
+								left: -4537320.252629031,
+								bottom: 6408480.451399999,
+								right: 8563411.406429032,
+								top: 11520588.9031
+							},
+							srs: "EPSG:3857"
+						},
+						shouldAnimate: false,
+						shouldAutoUpdate: false,
+						showTimeSlider: true,
+						displayMapPin: false,
+						shouldShowZoomControls: true,
+						animationPayload: {
+							interval: 60,
+							speed: 4,
+							duration: 290
+						},
+						toggleTimestepAuto: true,
+						toggleTimeSpanAuto: true,
+						shouldShowLegend: false,
+						timeSliderSpan: 86400,
+						shouldShowDataExplorer: false,
+						defaultOverlayer: "countryborders"
+					},
+					syncGroupsIds: [
+						"Area_radarTemp",
+						"Time_radarTemp"
+					]
+				},
+				title: "Temperature"
+			}
+		],
+		syncGroups: [
+			{
+				id: "Area_RadarTemp",
+				type: "SYNCGROUPS_TYPE_SETBBOX"
+			},
+			{
+				id: "Time_RadarTemp",
+				type: "SYNCGROUPS_TYPE_SETTIME"
+			}
+		],
+		mosaicNode: {
+			direction: "row",
+			first: "screen_no_1",
+			second: "screen_no_2",
+			splitPercentage: 50
+		}
+	},
+	{
+		id: "screenConfigRadarRadar",
+		title: "Radar and Radar",
+		scope: "system",
+		abstract: "",
+		viewType: "multiWindow",
+		views: [
+			{
+				mosaicNodeId: "view-1",
+				viewPresetId: "radar"
+			},
+			{
+				mosaicNodeId: "view-2",
+				viewPresetId: "radar"
+			}
+		],
+		syncGroups: [
+			{
+				id: "Area_RadarTemp",
+				type: "SYNCGROUPS_TYPE_SETBBOX"
+			},
+			{
+				id: "Time_RadarTemp",
+				type: "SYNCGROUPS_TYPE_SETTIME"
+			}
+		],
+		mosaicNode: {
+			direction: "row",
+			first: "view-1",
+			second: "view-2",
+			splitPercentage: 50
+		}
+	},
+	{
+		id: "screenConfigTimeSeries_knmi_timeseries_ha43_dini",
+		title: "TimeSeries EDR KNMI HA43 DINI",
+		scope: "system",
+		abstract: "This contains a very very long abstract so that you can see some ellipsis. Who knows how it will behave. ",
+		viewType: "multiWindow",
+		views: [
+			{
+				mosaicNodeId: "view-1",
+				componentType: "Map",
+				initialProps: {
+					mapPreset: {
+						layers: [
+							{
+								name: "WorldMap_Light_Grey_Canvas",
+								type: "twms",
+								dimensions: [
+								],
+								id: "layerid_89",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "baseLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								service: "https://geoservices.knmi.nl/wms?DATASET=baselayers&",
+								name: "countryborders",
+								format: "image/png",
+								dimensions: [
+								],
+								id: "layerid_88",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "overLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "air_pressure_at_mean_sea_level_hagl",
+								service: "https://geoservices.knmi.nl/adaguc-server?DATASET=uwcw_ha43_dini_5p5km",
+								dimensions: [
+									{
+										name: "reference_time",
+										units: "ISO8601",
+										currentValue: "2025-11-03T08:00:00Z",
+										maxValue: "2025-11-03T08:00:00Z",
+										minValue: "2025-11-02T11:00:00Z",
+										synced: false,
+										values: "2025-11-02T11:00:00Z,2025-11-02T12:00:00Z,2025-11-02T13:00:00Z,2025-11-02T14:00:00Z,2025-11-02T15:00:00Z,2025-11-02T16:00:00Z,2025-11-02T17:00:00Z,2025-11-02T18:00:00Z,2025-11-02T19:00:00Z,2025-11-02T20:00:00Z,2025-11-02T21:00:00Z,2025-11-02T22:00:00Z,2025-11-02T23:00:00Z,2025-11-03T00:00:00Z,2025-11-03T01:00:00Z,2025-11-03T02:00:00Z,2025-11-03T03:00:00Z,2025-11-03T04:00:00Z,2025-11-03T05:00:00Z,2025-11-03T06:00:00Z,2025-11-03T07:00:00Z,2025-11-03T08:00:00Z",
+										unitSymbol: ""
+									},
+									{
+										name: "height_above_ground_level_in_m",
+										units: "m",
+										currentValue: "0",
+										maxValue: "0",
+										minValue: "0",
+										synced: false,
+										values: "0",
+										unitSymbol: ""
+									}
+								],
+								id: "layerid_84",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "total_precipitation_rate_hagl",
+								service: "https://geoservices.knmi.nl/adaguc-server?DATASET=uwcw_ha43_dini_5p5km",
+								dimensions: [
+									{
+										name: "reference_time",
+										units: "ISO8601",
+										currentValue: "2025-11-03T08:00:00Z",
+										maxValue: "2025-11-03T08:00:00Z",
+										minValue: "2025-11-02T11:00:00Z",
+										synced: false,
+										values: "2025-11-02T11:00:00Z,2025-11-02T12:00:00Z,2025-11-02T13:00:00Z,2025-11-02T14:00:00Z,2025-11-02T15:00:00Z,2025-11-02T16:00:00Z,2025-11-02T17:00:00Z,2025-11-02T18:00:00Z,2025-11-02T19:00:00Z,2025-11-02T20:00:00Z,2025-11-02T21:00:00Z,2025-11-02T22:00:00Z,2025-11-02T23:00:00Z,2025-11-03T00:00:00Z,2025-11-03T01:00:00Z,2025-11-03T02:00:00Z,2025-11-03T03:00:00Z,2025-11-03T04:00:00Z,2025-11-03T05:00:00Z,2025-11-03T06:00:00Z,2025-11-03T07:00:00Z,2025-11-03T08:00:00Z",
+										unitSymbol: ""
+									},
+									{
+										name: "height_above_ground_level_in_m",
+										units: "m",
+										currentValue: "0",
+										maxValue: "0",
+										minValue: "0",
+										synced: false,
+										values: "0",
+										unitSymbol: ""
+									}
+								],
+								id: "layerid_85",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "air_temperature_hagl",
+								style: "temperature_wow/shaded",
+								service: "https://geoservices.knmi.nl/adaguc-server?DATASET=uwcw_ha43_dini_5p5km",
+								dimensions: [
+									{
+										name: "reference_time",
+										units: "ISO8601",
+										currentValue: "2025-11-03T08:00:00Z",
+										maxValue: "2025-11-03T08:00:00Z",
+										minValue: "2025-11-02T11:00:00Z",
+										synced: false,
+										values: "2025-11-02T11:00:00Z,2025-11-02T12:00:00Z,2025-11-02T13:00:00Z,2025-11-02T14:00:00Z,2025-11-02T15:00:00Z,2025-11-02T16:00:00Z,2025-11-02T17:00:00Z,2025-11-02T18:00:00Z,2025-11-02T19:00:00Z,2025-11-02T20:00:00Z,2025-11-02T21:00:00Z,2025-11-02T22:00:00Z,2025-11-02T23:00:00Z,2025-11-03T00:00:00Z,2025-11-03T01:00:00Z,2025-11-03T02:00:00Z,2025-11-03T03:00:00Z,2025-11-03T04:00:00Z,2025-11-03T05:00:00Z,2025-11-03T06:00:00Z,2025-11-03T07:00:00Z,2025-11-03T08:00:00Z",
+										unitSymbol: ""
+									},
+									{
+										name: "height_above_ground_level_in_m",
+										units: "m",
+										currentValue: "2",
+										maxValue: "2",
+										minValue: "2",
+										synced: false,
+										values: "2",
+										unitSymbol: ""
+									}
+								],
+								id: "layerid_86",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							}
+						],
+						proj: {
+							bbox: {
+								top: 7438773.776232235,
+								left: -450651.2255879827,
+								right: 1428345.8183648037,
+								bottom: 6490531.093143953
+							},
+							srs: "EPSG:3857"
+						},
+						shouldAnimate: false,
+						shouldAutoUpdate: false,
+						showTimeSlider: true,
+						displayMapPin: true,
+						shouldShowZoomControls: true,
+						animationPayload: {
+							interval: 60,
+							speed: 4,
+							duration: 290
+						},
+						toggleTimestepAuto: true,
+						toggleTimeSpanAuto: true,
+						shouldShowLegend: false,
+						timeSliderSpan: 86400,
+						shouldShowDataExplorer: false,
+						defaultOverlayer: "countryborders"
+					},
+					syncGroupsIds: [
+					]
+				},
+				title: "KNMI WMS UWCW HA43 DINI forecast",
+				originalViewPresetId: "view_knmi_timeseries_ha43_dini_wms"
+			},
+			{
+				mosaicNodeId: "view-2",
+				componentType: "TimeSeries",
+				initialProps: {
+					plotPreset: {
+						mapId: "view_knmi_timeseries_ha43_dini_wms",
+						plots: [
+							{
+								title: "HA43 Air pressure",
+								plotId: "Plot_1"
+							},
+							{
+								title: "HA43 Air temperature",
+								plotId: "Plot_2"
+							},
+							{
+								title: "HA43 precipitation",
+								plotId: "Plot_3"
+							},
+							{
+								title: "HA43 Relative humidity",
+								plotId: "Plot_4"
+							}
+						],
+						parameters: [
+							{
+								unit: "hPa",
+								plotId: "Plot_1",
+								plotType: "line",
+								serviceId: "knmi_geoservices_edr",
+								collectionId: "uwcw_ha43_dini_5p5km.hagl",
+								propertyName: "air_pressure_at_mean_sea_level_hagl",
+								id: "timeseriesparamid_2ceef258-edf0-4170-b8ec-a998e1175839",
+								opacity: 70
+							},
+							{
+								unit: "C",
+								plotId: "Plot_2",
+								plotType: "line",
+								serviceId: "knmi_geoservices_edr",
+								collectionId: "uwcw_ha43_dini_5p5km.hagl",
+								propertyName: "air_temperature_hagl",
+								id: "timeseriesparamid_fbbe34f2-2aaa-4636-9dae-6d9c6b8530db",
+								opacity: 70
+							},
+							{
+								unit: "mm/hr",
+								plotId: "Plot_3",
+								plotType: "bar",
+								serviceId: "knmi_geoservices_edr",
+								collectionId: "uwcw_ha43_dini_5p5km.hagl",
+								propertyName: "total_precipitation_rate_hagl",
+								id: "timeseriesparamid_7a02c8f2-8401-4231-81d7-5b1dc9c24fb1",
+								opacity: 70
+							},
+							{
+								unit: "%",
+								plotId: "Plot_4",
+								plotType: "line",
+								serviceId: "knmi_geoservices_edr",
+								collectionId: "uwcw_ha43_dini_5p5km.hagl",
+								propertyName: "relative_humidity_hagl",
+								id: "timeseriesparamid_7ef987eb-f244-4997-8a3d-8e099f3187cf",
+								opacity: 70
+							}
+						]
+					},
+					services: [
+						{
+							name: "KNMI Geoservices",
+							url: "https://geoservices.knmi.nl/edr",
+							id: "knmi_geoservices_edr",
+							description: "KNMI EDR on geoservices with UWCW HA43 DINI",
+							type: "EDR",
+							scope: "system"
+						}
+					]
+				},
+				title: "KNMI EDR UWCW HA43 DINI forecast"
+			}
+		],
+		syncGroups: [
+		],
+		mosaicNode: {
+			direction: "row",
+			first: "view-1",
+			second: "view-2"
+		}
+	},
+	{
+		id: "screenConfigTimeSeriesEDRKNMI",
+		title: "TimeSeries EDR KNMI Example",
+		scope: "system",
+		abstract: "This contains a very very long abstract so that you can see some ellipsis. Who knows how it will behave. ",
+		viewType: "multiWindow",
+		views: [
+			{
+				mosaicNodeId: "view-1",
+				viewPresetId: "TimeseriesMap"
+			},
+			{
+				mosaicNodeId: "view-2",
+				viewPresetId: "Timeseries_EDR_KNMI"
+			}
+		],
+		syncGroups: [
+		],
+		mosaicNode: {
+			direction: "row",
+			first: "view-1",
+			second: "view-2"
+		}
+	},
+	{
+		id: "screenConfigTimeSeriesEDRFMI",
+		title: "TimeSeries EDR FMI Example",
+		scope: "system",
+		abstract: "This contains a very very long abstract so that you can see some ellipsis. Who knows how it will behave. ",
+		viewType: "multiWindow",
+		views: [
+			{
+				mosaicNodeId: "view-1",
+				viewPresetId: "TimeseriesMap"
+			},
+			{
+				mosaicNodeId: "view-2",
+				viewPresetId: "Timeseries_EDR_FMI"
+			}
+		],
+		syncGroups: [
+		],
+		mosaicNode: {
+			direction: "row",
+			first: "view-1",
+			second: "view-2"
+		}
+	},
+	{
+		id: "screenConfigHarmoniePrecipMSLRefTimePresetWithoutMultiMapLayerManager",
+		title: "Precipitation, pressure and wind 1:1",
+		scope: "system",
+		abstract: "",
+		viewType: "tiledWindow",
+		views: [
+			{
+				mosaicNodeId: "view-1",
+				viewPresetId: "harmRefTime"
+			}
+		],
+		syncGroups: [
+			{
+				id: "areaLayerGroupA",
+				type: "SYNCGROUPS_TYPE_SETBBOX"
+			},
+			{
+				id: "timeLayerGroupA",
+				type: "SYNCGROUPS_TYPE_SETTIME"
+			},
+			{
+				id: "layerGroupA",
+				type: "SYNCGROUPS_TYPE_SETLAYERACTIONS"
+			}
+		],
+		mosaicNode: "view-1"
+	},
+	{
+		id: "screenConfigHarmoniePrecipMSLRefTimePresetWithMultiMapLayerManager",
+		title: "Precipitation, pressure and wind 1:all",
+		scope: "system",
+		abstract: "",
+		viewType: "tiledWindow",
+		views: [
+			{
+				mosaicNodeId: "viewA",
+				componentType: "ModelRunInterval",
+				initialProps: {
+					mapPreset: {
+						layers: [
+						],
+						proj: {
+							bbox: {
+							},
+							srs: ""
+						},
+						shouldAnimate: false,
+						shouldAutoUpdate: false,
+						showTimeSlider: true,
+						displayMapPin: false,
+						shouldShowZoomControls: true,
+						animationPayload: {
+							interval: 60,
+							speed: 4,
+							duration: 350
+						},
+						toggleTimestepAuto: false,
+						toggleTimeSpanAuto: false,
+						shouldShowLegend: false,
+						timeSliderSpan: 86400,
+						shouldShowDataExplorer: false,
+						defaultOverlayer: "none"
+					},
+					syncGroupsIds: [
+						"areaLayerGroupA",
+						"layerGroupA"
+					]
+				},
+				title: "Harmonie precipitation, pressure and wind all",
+				originalViewPresetId: "screenRefTimeAll"
+			}
+		],
+		syncGroups: [
+			{
+				id: "areaLayerGroupA",
+				type: "SYNCGROUPS_TYPE_SETBBOX"
+			},
+			{
+				id: "timeLayerGroupA",
+				type: "SYNCGROUPS_TYPE_SETTIME"
+			},
+			{
+				id: "layerGroupA",
+				type: "SYNCGROUPS_TYPE_SETLAYERACTIONS"
+			}
+		],
+		mosaicNode: "view-1"
+	},
+	{
+		id: "screenConfigHarmoniePresetWithoutMultiMapLayerManager",
+		title: "Harmonie Temperature and Precipitation 1:1",
+		scope: "system",
+		abstract: "",
+		viewType: "tiledWindow",
+		views: [
+			{
+				mosaicNodeId: "view-1",
+				viewPresetId: "screenHarm"
+			}
+		],
+		syncGroups: [
+			{
+				id: "areaLayerGroupA",
+				type: "SYNCGROUPS_TYPE_SETBBOX"
+			},
+			{
+				id: "timeLayerGroupA",
+				type: "SYNCGROUPS_TYPE_SETTIME"
+			},
+			{
+				id: "layerGroupA",
+				type: "SYNCGROUPS_TYPE_SETLAYERACTIONS"
+			},
+			{
+				id: "layerGroupB",
+				type: "SYNCGROUPS_TYPE_SETLAYERACTIONS"
+			}
+		],
+		mosaicNode: "view-1"
+	},
+	{
+		id: "screenConfigHarmoniePresetWithMultiMapLayerManager",
+		title: "Harmonie Temperature and Precipitation 1:all",
+		scope: "system",
+		abstract: "",
+		viewType: "tiledWindow",
+		views: [
+			{
+				mosaicNodeId: "view-1",
+				viewPresetId: "screenHarmAll"
+			}
+		],
+		syncGroups: [
+			{
+				id: "areaLayerGroupA",
+				type: "SYNCGROUPS_TYPE_SETBBOX"
+			},
+			{
+				id: "timeLayerGroupA",
+				type: "SYNCGROUPS_TYPE_SETTIME"
+			},
+			{
+				id: "layerGroupA",
+				type: "SYNCGROUPS_TYPE_SETLAYERACTIONS"
+			},
+			{
+				id: "layerGroupB",
+				type: "SYNCGROUPS_TYPE_SETLAYERACTIONS"
+			}
+		],
+		mosaicNode: "view-1"
+	},
+	{
+		id: "screenConfigD",
+		title: "Radar & Sat",
+		scope: "system",
+		abstract: "",
+		viewType: "multiWindow",
+		views: [
+			{
+				mosaicNodeId: "viewAsat",
+				viewPresetId: "sat"
+			},
+			{
+				mosaicNodeId: "viewBrad",
+				viewPresetId: "rad"
+			}
+		],
+		syncGroups: [
+			{
+				id: "Area_SatRadar",
+				type: "SYNCGROUPS_TYPE_SETBBOX"
+			},
+			{
+				id: "Time_SatRadar",
+				type: "SYNCGROUPS_TYPE_SETTIME"
+			}
+		],
+		mosaicNode: {
+			direction: "row",
+			first: "viewAsat",
+			second: "viewBrad",
+			splitPercentage: 50
+		}
+	},
+	{
+		id: "screenConfigOBS",
+		title: "OBS",
+		scope: "system",
+		abstract: "",
+		viewType: "multiWindow",
+		views: [
+			{
+				mosaicNodeId: "map_OBSTA",
+				viewPresetId: "map_OBSTA"
+			},
+			{
+				mosaicNodeId: "map_OBSPP",
+				viewPresetId: "map_OBSPP"
+			},
+			{
+				mosaicNodeId: "map_OBSWind",
+				viewPresetId: "map_OBSWind"
+			},
+			{
+				mosaicNodeId: "map_OBSRH",
+				viewPresetId: "map_OBSRH"
+			},
+			{
+				mosaicNodeId: "map_OBSQG",
+				viewPresetId: "map_OBSQG"
+			}
+		],
+		syncGroups: [
+			{
+				id: "Area_A",
+				type: "SYNCGROUPS_TYPE_SETBBOX"
+			},
+			{
+				id: "Time_A",
+				type: "SYNCGROUPS_TYPE_SETTIME"
+			}
+		],
+		mosaicNode: {
+			direction: "column",
+			first: {
+				direction: "row",
+				first: "map_OBSTA",
+				second: "map_OBSPP"
+			},
+			second: {
+				direction: "row",
+				first: "map_OBSWind",
+				second: {
+					direction: "row",
+					first: "map_OBSRH",
+					second: "map_OBSQG"
+				},
+				splitPercentage: 33
+			}
+		}
+	},
+	{
+		id: "screenConfigRadAndObs",
+		title: "FourMapsInOneView",
+		scope: "system",
+		abstract: "",
+		viewType: "tiledWindow",
+		views: [
+			{
+				mosaicNodeId: "view-1",
+				viewPresetId: "screenRadAndObs"
+			}
+		],
+		syncGroups: [
+			{
+				id: "Area_screenRadAndObs",
+				type: "SYNCGROUPS_TYPE_SETBBOX"
+			},
+			{
+				id: "Time_screenRadAndObs",
+				type: "SYNCGROUPS_TYPE_SETTIME"
+			}
+		],
+		mosaicNode: "view-1"
+	},
+	{
+		id: "screenConfigHarmonie",
+		title: "Harmonie",
+		scope: "system",
+		abstract: "",
+		viewType: "multiWindow",
+		views: [
+			{
+				mosaicNodeId: "viewAharmPrecip",
+				viewPresetId: "harmPrecip"
+			},
+			{
+				mosaicNodeId: "viewBharmTemp",
+				viewPresetId: "harmTemp"
+			},
+			{
+				mosaicNodeId: "viewCharmPressure",
+				viewPresetId: "harmPressure"
+			},
+			{
+				mosaicNodeId: "viewDslider",
+				viewPresetId: "slider"
+			}
+		],
+		syncGroups: [
+			{
+				id: "Area_B",
+				type: "SYNCGROUPS_TYPE_SETBBOX"
+			},
+			{
+				id: "Time_B",
+				type: "SYNCGROUPS_TYPE_SETTIME"
+			}
+		],
+		mosaicNode: {
+			direction: "column",
+			first: {
+				direction: "row",
+				first: "viewAharmPrecip",
+				second: {
+					direction: "row",
+					first: "viewBharmTemp",
+					second: "viewCharmPressure"
+				},
+				splitPercentage: 33
+			},
+			second: "viewDslider",
+			splitPercentage: 80
+		}
+	},
+	{
+		id: "workspaceHarmonie",
+		title: "Harmonie",
+		scope: "system",
+		abstract: "",
+		viewType: "singleWindow",
+		views: [
+			{
+				mosaicNodeId: "screen1",
+				viewPresetId: "viewHarmonie"
+			}
+		],
+		syncGroups: [
+		],
+		mosaicNode: "screen1"
+	},
+	{
+		id: "screenConfigOnlyBBOXGroup",
+		title: "SyncGroups only BBOX predefined",
+		scope: "system",
+		abstract: "",
+		viewType: "multiWindow",
+		views: [
+			{
+				mosaicNodeId: "view-1",
+				viewPresetId: "demosyncgroupbbox_radar"
+			},
+			{
+				mosaicNodeId: "view-2",
+				viewPresetId: "demosyncgroupbbox_temp"
+			}
+		],
+		syncGroups: [
+			{
+				id: "Area_radar",
+				type: "SYNCGROUPS_TYPE_SETBBOX"
+			},
+			{
+				id: "Area_temp",
+				type: "SYNCGROUPS_TYPE_SETBBOX"
+			}
+		],
+		mosaicNode: {
+			direction: "row",
+			first: "view-1",
+			second: "view-2",
+			splitPercentage: 50
+		}
+	},
+	{
+		id: "screenConfigOnlyTIMEGroup",
+		title: "SyncGroups only TIME predefined",
+		scope: "system",
+		abstract: "",
+		viewType: "multiWindow",
+		views: [
+			{
+				mosaicNodeId: "view-1",
+				viewPresetId: "demosyncgrouptime_radar"
+			},
+			{
+				mosaicNodeId: "view-2",
+				viewPresetId: "demosyncgrouptime_temp"
+			}
+		],
+		syncGroups: [
+			{
+				id: "Time_radar",
+				type: "SYNCGROUPS_TYPE_SETTIME"
+			},
+			{
+				id: "Time_temp",
+				type: "SYNCGROUPS_TYPE_SETTIME"
+			}
+		],
+		mosaicNode: {
+			direction: "row",
+			first: "view-1",
+			second: "view-2",
+			splitPercentage: 50
+		}
+	},
+	{
+		id: "emptyMap",
+		title: "Empty map",
+		scope: "system",
+		abstract: "",
+		viewType: "singleWindow",
+		views: [
+			{
+				mosaicNodeId: "emptyMapView",
+				viewPresetId: "emptyMap"
+			}
+		],
+		mosaicNode: "emptyMapView"
+	},
+	{
+		id: "radarView",
+		title: "Radar",
+		scope: "user",
+		abstract: "",
+		viewType: "singleWindow",
+		views: [
+			{
+				mosaicNodeId: "radarView",
+				viewPresetId: "radar"
+			}
+		],
+		mosaicNode: "radarView"
+	},
+	{
+		id: "workspaceHarmonie",
+		title: "Harmonie workspace",
+		scope: "system",
+		abstract: "",
+		viewType: "singleWindow",
+		views: [
+			{
+				mosaicNodeId: "harmView",
+				viewPresetId: "viewHarmonie"
+			}
+		],
+		mosaicNode: "harmView"
+	},
+	{
+		id: "capWorkspace",
+		title: "Cap Warnings",
+		scope: "system",
+		abstract: "",
+		viewType: "multiWindow",
+		views: [
+			{
+				mosaicNodeId: "view-1",
+				viewPresetId: "capMapView"
+			},
+			{
+				mosaicNodeId: "view-2",
+				viewPresetId: "capListView"
+			}
+		],
+		mosaicNode: {
+			direction: "row",
+			first: "view-1",
+			second: "view-2",
+			splitPercentage: 50
+		}
+	},
+	{
+		id: "newFormatRadarView",
+		abstract: "A radar view of hurricane Melissa",
+		title: "Radar Melissa",
+		isTimeScrollingEnabled: false,
+		scope: "user",
+		viewType: "singleWindow",
+		views: [
+			{
+				title: "Radar view",
+				abstract: "",
+				componentType: "Map",
+				initialProps: {
+					mapPreset: {
+						proj: {
+							srs: "EPSG:3857",
+							bbox: {
+								top: 11520588.9031,
+								left: 58703.6377,
+								right: 3967387.5161,
+								bottom: 6408480.4514
+							}
+						},
+						layers: [
+							{
+								id: "layerid_75",
+								name: "WorldMap_Light_Grey_Canvas",
+								type: "twms",
+								status: "default",
+								enabled: true,
+								opacity: 1,
+								layerType: "baseLayer",
+								dimensions: [
+								],
+								useLatestReferenceTime: true,
+								acceptanceTimeInMinutes: 60
+							},
+							{
+								id: "layerid_74",
+								name: "countryborders",
+								format: "image/png",
+								status: "default",
+								enabled: true,
+								opacity: 1,
+								service: "https://geoservices.knmi.nl/wms?DATASET=baselayers&",
+								layerType: "overLayer",
+								dimensions: [
+								],
+								useLatestReferenceTime: true,
+								acceptanceTimeInMinutes: 60
+							},
+							{
+								id: "layerid_70",
+								name: "RAD_NL25_PCP_CM",
+								style: "radar/nearest",
+								format: "image/png",
+								status: "default",
+								enabled: true,
+								opacity: 1,
+								service: "https://geoservices.knmi.nl/wms?dataset=RADAR",
+								layerType: "mapLayer",
+								dimensions: [
+								],
+								useLatestReferenceTime: true,
+								acceptanceTimeInMinutes: 60
+							},
+							{
+								id: "layerid_71",
+								name: "Radar:suomi_dbz_eureffin",
+								style: "Radar dbz Summer",
+								format: "image/png",
+								status: "default",
+								enabled: true,
+								opacity: 1,
+								service: "https://openwms.fmi.fi/geoserver/wms?",
+								layerType: "mapLayer",
+								dimensions: [
+								],
+								useLatestReferenceTime: true,
+								acceptanceTimeInMinutes: 60
+							},
+							{
+								id: "layerid_72",
+								name: "radar_precipitation_intensity_nordic",
+								style: "",
+								format: "image/png",
+								status: "default",
+								enabled: true,
+								opacity: 1,
+								service: "https://public-wms.met.no/verportal/verportal.map?SERVICE=WMS&REQUEST=GetCapabilities",
+								layerType: "mapLayer",
+								dimensions: [
+								],
+								useLatestReferenceTime: true,
+								acceptanceTimeInMinutes: 60
+							}
+						],
+						displayMapPin: false,
+						shouldAnimate: true,
+						showTimeSlider: true,
+						timeSliderSpan: 86400,
+						animationPayload: {
+							speed: 2,
+							duration: 240,
+							interval: 5
+						},
+						defaultOverlayer: "countryborders",
+						shouldAutoUpdate: false,
+						shouldShowLegend: false,
+						toggleTimeSpanAuto: true,
+						toggleTimestepAuto: false,
+						shouldShowDataExplorer: false,
+						shouldShowZoomControls: true
+					},
+					syncGroupsIds: [
+					]
+				},
+				mosaicNodeId: "2_screen",
+				originalViewPresetId: "radarView"
+			}
+		],
+		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"
+	}
+];
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -11709,6 +11691,18 @@ var LABELS_CONFIG_DEFAULT = {
   dataSource: ['Meps', 'Arome Arctic', 'Ecmwf', 'Ensemble', 'AIFS', 'BRIS', 'radar', 'satellite', 'synop']
 };
 
+// Transforms full workspace presets to list items
+var workspacePresetList = workspacePresets.map(function (preset) {
+  var _preset$abstract;
+  return {
+    id: preset.id,
+    title: preset.title,
+    scope: preset.scope,
+    viewType: preset.viewType,
+    "abstract": (_preset$abstract = preset["abstract"]) != null ? _preset$abstract : '',
+    description: preset.description
+  };
+});
 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) {
@@ -11788,16 +11782,29 @@ var workspaceEndpoints = [http["delete"](/^.*\/workspacepreset\/(.*)$/, /*#__PUR
   return function (_x) {
     return _ref5.apply(this, arguments);
   };
-}()), http.get(/^.*\/workspace-labels-config$/, /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+}()), http.get(/.*\/workspacepreset\/?$/, /*#__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:
+        _context5.next = 2;
+        return delay();
+      case 2:
+        return _context5.abrupt("return", HttpResponse.json(workspacePresetList));
+      case 3:
       case "end":
         return _context5.stop();
     }
   }, _callee5);
+}))), http.get(/^.*\/workspace-labels-config$/, /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+  return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+    while (1) switch (_context6.prev = _context6.next) {
+      case 0:
+        return _context6.abrupt("return", HttpResponse.json(LABELS_CONFIG_DEFAULT));
+      case 1:
+      case "end":
+        return _context6.stop();
+    }
+  }, _callee6);
 })))];
 
-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 };
+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, 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 };