@opengeoweb/workspace 15.2.0 → 15.3.0

package/index.esm.js

@@ -2,10 +2,10 @@ import { createEntityAdapter, createSlice, createSelector, createListenerMiddlew
 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 { timeSeriesActions, TimeSeriesTypes, timeSeriesSelectors, timeSeriesReducer } from '@opengeoweb/time-series';
-import { chunk, union, cloneDeep, pick, isEqual, isString } from 'lodash';
+import { chunk, cloneDeep, union, pick, isEqual, isString } from 'lodash';
 import { getLeaves, createBalancedTreeFromLeaves, MosaicContext, getAndAssertNodeAtPathExists, MosaicWindow, Mosaic } from 'react-mosaic-component';
 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 { sessionStorageProvider, getAxiosErrorMessage, isAxiosError, isAuthError, 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 { warningsFiltersActions, publicWarningsSelectors, warningsTranslations, WARN_NAMESPACE } from '@opengeoweb/warnings';
 import { snackbarTypes, snackbarActions, snackbarListener, snackbarReducer, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
@@ -19,7 +19,7 @@ import i18n from 'i18next';
 import { coreTranslations, CORE_NAMESPACE, LoadingIndicatorProgressBar } from '@opengeoweb/core';
 import { formFieldsTranslations, FORM_FIELDS_NAMESPACE, ReactHookFormHiddenInput, ReactHookFormTextField, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 import { webmapReactTranslations, WEBMAP_REACT_NAMESPACE } from '@opengeoweb/webmap-react';
-import React, { useCallback, useEffect } from 'react';
+import React, { useEffect, useCallback } 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';
@@ -962,10 +962,16 @@ var getViewPreset = /*#__PURE__*/function () {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
+          if (viewpresetId) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return", undefined);
+        case 2:
           return _context.abrupt("return", fetch(getPresetBaseUrl() + "/viewpreset/" + viewpresetId, {
             headers: getHeaders(auth)
           }).then(handleResponse));
-        case 1:
+        case 3:
         case "end":
           return _context.stop();
       }
@@ -976,39 +982,27 @@ var getViewPreset = /*#__PURE__*/function () {
   };
 }();
 var getViewPresets$1 = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(auth, params) {
-    var baseUrl, searchParams, queryString, url;
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(auth) {
+    var url;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          baseUrl = getPresetBaseUrl() + "/viewpreset";
-          searchParams = new URLSearchParams();
-          if (params) {
-            Object.entries(params).forEach(function (_ref3) {
-              var key = _ref3[0],
-                value = _ref3[1];
-              if (value !== undefined && value !== null) {
-                searchParams.append(key, String(value));
-              }
-            });
-          }
-          queryString = searchParams.toString();
-          url = queryString ? baseUrl + "?" + queryString : baseUrl;
+          url = getPresetBaseUrl() + "/viewpreset";
           return _context2.abrupt("return", fetch(url, {
             headers: getHeaders(auth)
           }).then(handleResponse));
-        case 6:
+        case 2:
         case "end":
           return _context2.stop();
       }
     }, _callee2);
   }));
-  return function getViewPresets(_x3, _x4) {
+  return function getViewPresets(_x3) {
     return _ref2.apply(this, arguments);
   };
 }();
 var updateViewPreset = /*#__PURE__*/function () {
-  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(viewpresetId, data, auth) {
+  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(viewpresetId, data, auth) {
     return _regeneratorRuntime().wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -1023,12 +1017,12 @@ var updateViewPreset = /*#__PURE__*/function () {
       }
     }, _callee3);
   }));
-  return function updateViewPreset(_x5, _x6, _x7) {
-    return _ref4.apply(this, arguments);
+  return function updateViewPreset(_x4, _x5, _x6) {
+    return _ref3.apply(this, arguments);
   };
 }();
 var saveViewPreset = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(viewPresetId, data, auth) {
+  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(viewPresetId, data, auth) {
     var payload;
     return _regeneratorRuntime().wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
@@ -1047,12 +1041,12 @@ var saveViewPreset = /*#__PURE__*/function () {
       }
     }, _callee4);
   }));
-  return function saveViewPreset(_x8, _x9, _x0) {
-    return _ref5.apply(this, arguments);
+  return function saveViewPreset(_x7, _x8, _x9) {
+    return _ref4.apply(this, arguments);
   };
 }();
 var saveViewPresetAs = /*#__PURE__*/function () {
-  var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data, auth) {
+  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data, auth) {
     var _response$headers$get;
     var payload, response, headerLocation;
     return _regeneratorRuntime().wrap(function _callee5$(_context5) {
@@ -1080,12 +1074,12 @@ var saveViewPresetAs = /*#__PURE__*/function () {
       }
     }, _callee5);
   }));
-  return function saveViewPresetAs(_x1, _x10) {
-    return _ref6.apply(this, arguments);
+  return function saveViewPresetAs(_x0, _x1) {
+    return _ref5.apply(this, arguments);
   };
 }();
 var deleteViewPreset = /*#__PURE__*/function () {
-  var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(viewPresetId, auth) {
+  var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(viewPresetId, auth) {
     return _regeneratorRuntime().wrap(function _callee6$(_context6) {
       while (1) switch (_context6.prev = _context6.next) {
         case 0:
@@ -1099,8 +1093,8 @@ var deleteViewPreset = /*#__PURE__*/function () {
       }
     }, _callee6);
   }));
-  return function deleteViewPreset(_x11, _x12) {
-    return _ref7.apply(this, arguments);
+  return function deleteViewPreset(_x10, _x11) {
+    return _ref6.apply(this, arguments);
   };
 }();
 
@@ -1145,15 +1139,15 @@ var viewpresetQueryOptions = {
       }()
     });
   },
-  getViewPresets: function getViewPresets(params, credentials) {
+  getViewPresets: function getViewPresets(credentials) {
     return queryOptions({
-      queryKey: [].concat(viewpresetQueryOptions.keys.lists(), [JSON.stringify(params != null ? params : {})]),
+      queryKey: viewpresetQueryOptions.keys.lists(),
       queryFn: function () {
         var _queryFn2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
-                return _context2.abrupt("return", getViewPresets$1(credentials, params));
+                return _context2.abrupt("return", getViewPresets$1(credentials));
               case 1:
               case "end":
                 return _context2.stop();
@@ -1383,7 +1377,7 @@ var sharedFilterState = {
 };
 var defaultPresetFilterState = [personalFilterState, systemFilterState, sharedFilterState];
 var workspaceListAdapter = createEntityAdapter();
-var initialState$3 = Object.assign({
+var initialState$2 = Object.assign({
   isFetching: false,
   error: undefined,
   isWorkspaceListDialogOpen: false
@@ -1392,8 +1386,8 @@ var initialState$3 = Object.assign({
   workspaceListFilters: defaultPresetFilterState,
   workspaceLabelFilters: undefined
 });
-var slice$3 = createSlice({
-  initialState: initialState$3,
+var slice$2 = createSlice({
+  initialState: initialState$2,
   name: 'workspaceList',
   reducers: {
     fetchWorkspaceList: function fetchWorkspaceList(draft, _action) {
@@ -1525,8 +1519,8 @@ var slice$3 = createSlice({
     }
   }
 });
-var workspaceListReducer = slice$3.reducer,
-  workspaceListActions = slice$3.actions;
+var workspaceListReducer = slice$2.reducer,
+  workspaceListActions = slice$2.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1567,17 +1561,17 @@ var viewPresetsAdapter = createEntityAdapter({
     return mapPreset.panelId;
   }
 });
-var initialState$2 = viewPresetsAdapter.getInitialState();
+var initialState$1 = viewPresetsAdapter.getInitialState();
 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, mapActions.setClockPositionSize];
+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, mapActions.setDockedLayerManagerSize, mapActions.setDockedLayerManagerPosition, mapActions.setDockedLayerManagerDimensions];
 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 soundingsChangeActions = [soundingsActions.updateSelectedSource, soundingsActions.updateSelectedLocation, soundingsActions.updateSelectedTime, soundingsActions.updateDiagramType, soundingsActions.toggleLocationMarkers, soundingsActions.changeSoundingPanelOrder, soundingsActions.toggleSoundingPanelVisibility];
 var supportedMapActionOrigins = [layerTypes.LayerActionOrigin.layerManager, layerTypes.LayerActionOrigin.wmsLoader, mapEnums.MapActionOrigin.map];
 var supportedTimeSeriesActionOrigins = [TimeSeriesTypes.TimeSeriesActionOrigin.timeSeriesManager, TimeSeriesTypes.TimeSeriesActionOrigin.timeSeriesSelect];
-var supportedSoundingsActionOrigins = [SoundingsTypes.SoundingsActionOrigin.soundingsComponent];
-var slice$2 = createSlice({
-  initialState: initialState$2,
+var supportedSoundingsActionOrigins = [SoundingsTypes.SoundingsActionOrigin.soundingsComponent, SoundingsTypes.SoundingsActionOrigin.soundingsManager];
+var slice$1 = createSlice({
+  initialState: initialState$1,
   name: 'viewPresets',
   reducers: {
     // fetch list actions
@@ -1590,44 +1584,10 @@ var slice$2 = createSlice({
         viewPresetsAdapter.setOne(draft, entity);
       }
     },
-    fetchedViewPresets: function fetchedViewPresets(draft, action) {
+    fetchedViewPreset: function fetchedViewPreset(draft, action) {
       var _action$payload = action.payload,
         panelId = _action$payload.panelId,
-        viewPresets = _action$payload.viewPresets,
-        filterParams = _action$payload.filterParams;
-      var entity = draft.entities[panelId];
-      if (entity) {
-        entity.isFetching = false;
-        // If there are filter params, set filter results
-        if (Object.keys(filterParams).length !== 0 && viewPresets.length !== 0) {
-          var _viewPresets$reduce = viewPresets.reduce(function (result, viewPreset) {
-              var _Object$assign;
-              return {
-                ids: [].concat(result.ids, [viewPreset.id]),
-                entities: Object.assign({}, result.entities, (_Object$assign = {}, _Object$assign[viewPreset.id] = viewPreset, _Object$assign))
-              };
-            }, {
-              ids: [],
-              entities: {}
-            }),
-            ids = _viewPresets$reduce.ids,
-            entities = _viewPresets$reduce.entities;
-          entity.filterResults.entities = entities;
-          entity.filterResults.ids = ids;
-        } else {
-          // If no filtering applied or no results returned from BE, clear out filter results
-          entity.filterResults = {
-            entities: {},
-            ids: []
-          };
-        }
-        viewPresetsAdapter.setOne(draft, entity);
-      }
-    },
-    fetchedViewPreset: function fetchedViewPreset(draft, action) {
-      var _action$payload2 = action.payload,
-        panelId = _action$payload2.panelId,
-        mapPresetId = _action$payload2.viewPresetId;
+        mapPresetId = _action$payload.viewPresetId;
       var entity = draft.entities[panelId];
       if (entity) {
         entity.isFetching = false;
@@ -1647,9 +1607,9 @@ var slice$2 = createSlice({
       }
     },
     savedViewPreset: function savedViewPreset(draft, action) {
-      var _action$payload3 = action.payload,
-        panelId = _action$payload3.panelId,
-        viewPresetId = _action$payload3.viewPresetId;
+      var _action$payload2 = action.payload,
+        panelId = _action$payload2.panelId,
+        viewPresetId = _action$payload2.viewPresetId;
       var entity = draft.entities[panelId];
       if (entity) {
         entity.isFetching = false;
@@ -1659,9 +1619,9 @@ var slice$2 = createSlice({
       }
     },
     errorViewPreset: function errorViewPreset(draft, action) {
-      var _action$payload4 = action.payload,
-        panelId = _action$payload4.panelId,
-        error = _action$payload4.error;
+      var _action$payload3 = action.payload,
+        panelId = _action$payload3.panelId,
+        error = _action$payload3.error;
       var entity = draft.entities[panelId];
       if (entity) {
         entity.error = error;
@@ -1671,9 +1631,9 @@ var slice$2 = createSlice({
     },
     // map actions
     setViewPresetHasChanges: function setViewPresetHasChanges(draft, action) {
-      var _action$payload5 = action.payload,
-        panelId = _action$payload5.panelId,
-        hasChanges = _action$payload5.hasChanges;
+      var _action$payload4 = action.payload,
+        panelId = _action$payload4.panelId,
+        hasChanges = _action$payload4.hasChanges;
       var entity = draft.entities[panelId];
       if (entity) {
         entity.hasChanges = hasChanges;
@@ -1681,9 +1641,9 @@ var slice$2 = createSlice({
       }
     },
     setViewPresetInline: function setViewPresetInline(draft, action) {
-      var _action$payload6 = action.payload,
-        panelId = _action$payload6.panelId,
-        isInline = _action$payload6.isInline;
+      var _action$payload5 = action.payload,
+        panelId = _action$payload5.panelId,
+        isInline = _action$payload5.isInline;
       var entity = draft.entities[panelId];
       if (entity) {
         if (isInline) {
@@ -1693,9 +1653,9 @@ var slice$2 = createSlice({
       }
     },
     setActiveViewPresetId: function setActiveViewPresetId(draft, action) {
-      var _action$payload7 = action.payload,
-        panelId = _action$payload7.panelId,
-        mapPresetId = _action$payload7.viewPresetId;
+      var _action$payload6 = action.payload,
+        panelId = _action$payload6.panelId,
+        mapPresetId = _action$payload6.viewPresetId;
       var entity = draft.entities[panelId];
       if (entity) {
         entity.activeViewPresetId = mapPresetId;
@@ -1704,9 +1664,9 @@ var slice$2 = createSlice({
       }
     },
     selectViewPreset: function selectViewPreset(draft, action) {
-      var _action$payload8 = action.payload,
-        panelId = _action$payload8.panelId,
-        mapPresetId = _action$payload8.viewPresetId;
+      var _action$payload7 = action.payload,
+        panelId = _action$payload7.panelId,
+        mapPresetId = _action$payload7.viewPresetId;
       var entity = draft.entities[panelId];
       if (entity) {
         // only update activeMapPresetId after selecting a NEW preset
@@ -1722,9 +1682,9 @@ var slice$2 = createSlice({
     // action is intercepted in mapPresets/listener
     onSuccessViewPresetAction: function onSuccessViewPresetAction(_draft, _action) {},
     registerViewPreset: function registerViewPreset(draft, action) {
-      var _action$payload9 = action.payload,
-        mapId = _action$payload9.panelId,
-        mapPresetId = _action$payload9.viewPresetId;
+      var _action$payload8 = action.payload,
+        mapId = _action$payload8.panelId,
+        mapPresetId = _action$payload8.viewPresetId;
       viewPresetsAdapter.setOne(draft, {
         panelId: mapId,
         activeViewPresetId: mapPresetId,
@@ -1753,9 +1713,9 @@ var slice$2 = createSlice({
       delete draft.viewPresetDialog;
     },
     toggleViewPresetListDialog: function toggleViewPresetListDialog(draft, action) {
-      var _action$payload0 = action.payload,
-        isViewPresetDialogOpen = _action$payload0.isViewPresetListDialogOpen,
-        panelId = _action$payload0.panelId;
+      var _action$payload9 = action.payload,
+        isViewPresetDialogOpen = _action$payload9.isViewPresetListDialogOpen,
+        panelId = _action$payload9.panelId;
       var entity = draft.entities[panelId];
       if (entity) {
         entity.isViewPresetListDialogOpen = isViewPresetDialogOpen;
@@ -1763,11 +1723,11 @@ var slice$2 = createSlice({
       }
     },
     toggleSelectFilterChip: function toggleSelectFilterChip(draft, action) {
-      var _action$payload1 = action.payload,
-        id = _action$payload1.id,
-        isSelected = _action$payload1.isSelected,
-        panelId = _action$payload1.panelId,
-        isAdmin = _action$payload1.isAdmin;
+      var _action$payload0 = action.payload,
+        id = _action$payload0.id,
+        isSelected = _action$payload0.isSelected,
+        panelId = _action$payload0.panelId,
+        isAdmin = _action$payload0.isAdmin;
       var entity = draft.entities[panelId];
       if (entity) {
         var relevantFilters = isAdmin ? entity.filters.filter(function (filter) {
@@ -1818,9 +1778,9 @@ var slice$2 = createSlice({
       }
     },
     setFilterChips: function setFilterChips(draft, action) {
-      var _action$payload10 = action.payload,
-        panelId = _action$payload10.panelId,
-        filters = _action$payload10.filters;
+      var _action$payload1 = action.payload,
+        panelId = _action$payload1.panelId,
+        filters = _action$payload1.filters;
       var entity = draft.entities[panelId];
       if (!entity) {
         return;
@@ -1836,18 +1796,18 @@ var slice$2 = createSlice({
       });
     },
     searchFilter: function searchFilter(draft, action) {
-      var _action$payload11 = action.payload,
-        searchQuery = _action$payload11.searchQuery,
-        panelId = _action$payload11.panelId;
+      var _action$payload10 = action.payload,
+        searchQuery = _action$payload10.searchQuery,
+        panelId = _action$payload10.panelId;
       var entity = draft.entities[panelId];
       if (entity) {
         entity.searchQuery = searchQuery;
       }
     },
     setViewPresetLabelFilters: function setViewPresetLabelFilters(draft, action) {
-      var _action$payload12 = action.payload,
-        panelId = _action$payload12.panelId,
-        labels = _action$payload12.labels;
+      var _action$payload11 = action.payload,
+        panelId = _action$payload11.panelId,
+        labels = _action$payload11.labels;
       var entity = draft.entities[panelId];
       if (!entity) {
         return;
@@ -1867,9 +1827,9 @@ var slice$2 = createSlice({
   },
   extraReducers: function extraReducers(builder) {
     builder.addCase(mapActions.setMapPresetError, function (draft, action) {
-      var _action$payload13 = action.payload,
-        mapId = _action$payload13.mapId,
-        error = _action$payload13.error;
+      var _action$payload12 = action.payload,
+        mapId = _action$payload12.mapId,
+        error = _action$payload12.error;
       var entity = draft.entities[mapId];
       if (entity) {
         entity.error = error ? {
@@ -1892,9 +1852,9 @@ var slice$2 = createSlice({
       }
     });
     builder.addCase(workspaceListActions.onSuccessWorkspacePresetAction, function (draft, action) {
-      var _action$payload14 = action.payload,
-        wsAction = _action$payload14.action,
-        views = _action$payload14.views;
+      var _action$payload13 = action.payload,
+        wsAction = _action$payload13.action,
+        views = _action$payload13.views;
       var shouldClear = wsAction === WorkspacePresetAction.SAVE || wsAction === WorkspacePresetAction.SAVE_AS || wsAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET || wsAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET_AS || wsAction === WorkspacePresetAction.EDIT;
       if (!shouldClear) {
         return;
@@ -1922,9 +1882,9 @@ var slice$2 = createSlice({
     });
     warningsPresetChangeActions.map(function (warningsAction) {
       return builder.addCase(warningsAction, function (draft, action) {
-        var _action$payload15 = action.payload,
-          systemUpdate = _action$payload15.systemUpdate,
-          panelId = _action$payload15.panelId;
+        var _action$payload14 = action.payload,
+          systemUpdate = _action$payload14.systemUpdate,
+          panelId = _action$payload14.panelId;
         if (!systemUpdate && panelId) {
           var entity = draft.entities[panelId];
           if (entity && !(entity != null && entity.hasChanges)) {
@@ -1936,9 +1896,9 @@ var slice$2 = createSlice({
     });
     syncGroupChangeActions.map(function (syncGroupAction) {
       return builder.addCase(syncGroupAction, function (draft, action) {
-        var _action$payload16 = action.payload,
-          origin = _action$payload16.origin,
-          targetId = _action$payload16.targetId;
+        var _action$payload15 = action.payload,
+          origin = _action$payload15.origin,
+          targetId = _action$payload15.targetId;
         if (origin === 'user') {
           var entity = draft.entities[targetId];
           if (entity && !(entity != null && entity.hasChanges)) {
@@ -1950,9 +1910,9 @@ var slice$2 = createSlice({
     });
     mapPresetChangeActions.map(function (mapPresetAction) {
       return builder.addCase(mapPresetAction, function (draft, action) {
-        var _action$payload17 = action.payload,
-          mapId = _action$payload17.mapId,
-          origin = _action$payload17.origin;
+        var _action$payload16 = action.payload,
+          mapId = _action$payload16.mapId,
+          origin = _action$payload16.origin;
         var isChangeOriginSupported = supportedMapActionOrigins.includes(origin);
         if (isChangeOriginSupported && mapId) {
           var entity = draft.entities[mapId];
@@ -1965,9 +1925,9 @@ var slice$2 = createSlice({
     });
     timeSeriesPresetChangeActions.map(function (timeSeriesPresetAction) {
       return builder.addCase(timeSeriesPresetAction, function (draft, action) {
-        var _action$payload18 = action.payload,
-          panelId = _action$payload18.panelId,
-          origin = _action$payload18.origin;
+        var _action$payload17 = action.payload,
+          panelId = _action$payload17.panelId,
+          origin = _action$payload17.origin;
         var isChangeOriginSupported = supportedTimeSeriesActionOrigins.includes(origin);
         var changesRelevantProperties = timeSeriesPresetAction.type === timeSeriesActions.patchParameter.type ? Object.keys(action.payload.parameter).filter(function (key) {
           return key !== 'id' && key !== 'instanceId';
@@ -1983,9 +1943,9 @@ var slice$2 = createSlice({
     });
     soundingsChangeActions.map(function (soundingsAction) {
       return builder.addCase(soundingsAction, function (draft, action) {
-        var _action$payload19 = action.payload,
-          panelId = _action$payload19.panelId,
-          origin = _action$payload19.origin;
+        var _action$payload18 = action.payload,
+          panelId = _action$payload18.panelId,
+          origin = _action$payload18.origin;
         var isChangeOriginSupported = supportedSoundingsActionOrigins.includes(origin);
         if (isChangeOriginSupported && panelId && panelId !== '') {
           var entity = draft.entities[panelId];
@@ -1998,8 +1958,8 @@ var slice$2 = createSlice({
     });
   }
 });
-var viewPresetsReducer = slice$2.reducer,
-  viewPresetActions = slice$2.actions;
+var viewPresetsReducer = slice$1.reducer,
+  viewPresetActions = slice$1.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -2037,7 +1997,7 @@ var humanizeLabelStrings = function humanizeLabelStrings(value) {
     return match.toUpperCase();
   });
 };
-var filterAndSortPresets = function filterAndSortPresets(presets, selectedFilters, username, isAdmin, labelFilters) {
+var filterAndSortPresets = function filterAndSortPresets(presets, selectedFilters, username, isAdmin, labelFilters, searchQuery) {
   var selectedIds = selectedFilters.filter(function (filter) {
     return filter.isSelected;
   }).map(function (filter) {
@@ -2106,7 +2066,21 @@ var filterAndSortPresets = function filterAndSortPresets(presets, selectedFilter
   }).sort(function (presetA, presetB) {
     return presetA.title.localeCompare(presetB.title);
   });
-  return [].concat(systemPresets, personalPresets, sharedPresets);
+  var filteredByQuery = [].concat(systemPresets, personalPresets, sharedPresets).filter(function (preset) {
+    if (!searchQuery) {
+      return true;
+    }
+    var terms = searchQuery.toLowerCase().trim().split(/\s+/).filter(Boolean);
+    var fields = [preset.title, preset["abstract"], preset.description].filter(Boolean).map(function (fil) {
+      return fil.toLowerCase();
+    });
+    return terms.every(function (term) {
+      return fields.some(function (field) {
+        return field.includes(term);
+      });
+    });
+  });
+  return filteredByQuery;
 };
 
 /* eslint-disable no-redeclare */
@@ -2272,7 +2246,7 @@ var constructFilterParams = function constructFilterParams(filters, searchQuery)
   });
 };
 
-var initialState$1 = {
+var initialState = {
   id: '',
   title: '',
   views: {
@@ -2285,8 +2259,8 @@ var initialState$1 = {
   hasChanges: false
 };
 var workspacePresetChangeActions = [viewPresetActions.selectViewPreset, viewPresetActions.setActiveViewPresetId, syncGroupsActions.syncGroupRemoveGroup, syncGroupsActions.syncGroupAddGroup, syncGroupsActions.syncGroupToggleIsTimeScrollingEnabled, syncGroupsActions.updateLinkedMap];
-var slice$1 = createSlice({
-  initialState: initialState$1,
+var slice = createSlice({
+  initialState: initialState,
   name: 'workspace',
   reducers: {
     addWorkspaceView: function addWorkspaceView(draft, action) {
@@ -2378,7 +2352,7 @@ var slice$1 = createSlice({
       });
       if (duplicateIdWithinPreset.length) {
         console.warn('Invalid preset: duplicate viewId found.');
-        return initialState$1;
+        return initialState;
       }
       draft.views = newViews;
       if (action.payload.workspacePreset.syncGroups) {
@@ -2578,8 +2552,8 @@ var slice$1 = createSlice({
     });
   }
 });
-var workspaceReducer = slice$1.reducer;
-var workspaceActions = Object.assign({}, slice$1.actions);
+var workspaceReducer = slice.reducer;
+var workspaceActions = Object.assign({}, slice.actions);
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -2708,7 +2682,7 @@ var emptyViewPreset = function emptyViewPreset(componentType) {
  * */
 var getWorkspaceState = function getWorkspaceState(store) {
   var _store$workspace;
-  return (_store$workspace = store == null ? void 0 : store.workspace) != null ? _store$workspace : initialState$1;
+  return (_store$workspace = store == null ? void 0 : store.workspace) != null ? _store$workspace : initialState;
 };
 /**
  * Gets component types from the views used in the workspace
@@ -2936,7 +2910,7 @@ var getViewPresetsStore = function getViewPresetsStore(store) {
   if (store != null && store.viewPresets) {
     return store.viewPresets;
   }
-  return initialState$2;
+  return initialState$1;
 };
 var EMPTY_VIEW_PRESETS = {
   entities: {},
@@ -3024,7 +2998,7 @@ var getViewPresetListSearchQueryForView = createSelector(getViewPresetById, func
 }, selectorMemoizationOptions);
 // Used to retrieve the filtered view preset list for your view - if no filters/search applied it will be empty
 // To ensure you retrieve the view preset list specific for your view (incl and excl filters), use getFilteredViewPresetListForView
-var getViewPresetListFilterResultsForView = createSelector(getViewPresetById, function (viewPresetById) {
+createSelector(getViewPresetById, function (viewPresetById) {
   var filteredResults = (viewPresetById == null ? void 0 : viewPresetById.filterResults) || {
     entities: {}};
   return Object.values(filteredResults.entities);
@@ -3310,7 +3284,9 @@ var workspaceQueryOptions = {
           return _queryFn2.apply(this, arguments);
         }
         return queryFn;
-      }()
+      }(),
+      staleTime: 2 * 60 * 1000,
+      refetchOnMount: true
     });
   },
   saveWorkspacePreset: function saveWorkspacePreset$1(id, data, credentials) {
@@ -3391,11 +3367,8 @@ var selectors = workspaceListAdapter.getSelectors(function (state) {
     ids: []
   };
 });
-var getWorkspaceList = selectors.selectAll;
-var getWorkspacePresetFromList = function getWorkspacePresetFromList(store, id) {
-  return selectors.selectById(store, id);
-};
-var getIsWorkspaceListFetching = createSelector(getWorkspaceListStore, function (store) {
+selectors.selectAll;
+createSelector(getWorkspaceListStore, function (store) {
   return store;
 }, function (state) {
   return (state == null ? void 0 : state.isFetching) || false;
@@ -3496,79 +3469,24 @@ var emptyWorkspaceBEData = Object.assign({}, getEmptyMapWorkspace(), {
 });
 var workspaceListListener = createListenerMiddleware();
 workspaceListListener.startListening({
-  actionCreator: workspaceListActions.fetchWorkspaceList,
+  actionCreator: workspaceListActions.onSuccessWorkspacePresetAction,
   effect: function () {
     var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
-      var workspaceFilterParams, _listenerApi$getState, common, data, isAuthError, workspaceListError;
+      var _listenerApi$getOrigi, _listenerApi$getState;
+      var payload, currentWorkspaceId, credentials, action, workspaceId, title, is_shared;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            workspaceFilterParams = _ref.payload;
-            listenerApi.cancelActiveListeners();
-            _listenerApi$getState = listenerApi.getState(), common = _listenerApi$getState.common;
-            _context.prev = 3;
-            _context.next = 6;
-            return getQueryClient().fetchQuery(workspaceQueryOptions.getWorkspacePresets(workspaceFilterParams, common == null ? void 0 : common.auth.credentials));
-          case 6:
-            data = _context.sent;
-            if (!listenerApi.signal.aborted) {
-              _context.next = 9;
-              break;
-            }
-            return _context.abrupt("return");
-          case 9:
-            listenerApi.dispatch(workspaceListActions.fetchedWorkspaceList({
-              workspaceList: data
-            }));
-            _context.next = 17;
-            break;
-          case 12:
-            _context.prev = 12;
-            _context.t0 = _context["catch"](3);
-            isAuthError = isAxiosAuthError(_context.t0);
-            workspaceListError = isAuthError ? {
-              type: WorkspaceListErrorType.VERBATIM_ERROR,
-              message: getAxiosErrorMessage(_context.t0),
-              category: WorkspaceListErrorCategory.AUTH
-            } : {
-              type: WorkspaceListErrorType.TRANSLATABLE_ERROR,
-              key: 'workspace-list-error',
-              category: WorkspaceListErrorCategory.GENERIC
-            };
-            listenerApi.dispatch(workspaceListActions.errorWorkspaceList({
-              error: workspaceListError
-            }));
-          case 17:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[3, 12]]);
-    }));
-    function effect(_x, _x2) {
-      return _effect.apply(this, arguments);
-    }
-    return effect;
-  }()
-});
-workspaceListListener.startListening({
-  actionCreator: workspaceListActions.onSuccessWorkspacePresetAction,
-  effect: function () {
-    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
-      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;
+            payload = _ref.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;
+            credentials = (_listenerApi$getState = listenerApi.getState().common) == null || (_listenerApi$getState = _listenerApi$getState.auth) == null ? void 0 : _listenerApi$getState.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;
+            _context.next = 8;
             return getQueryClient().invalidateQueries(workspaceQueryOptions.getWorkspacePreset(workspaceId, credentials));
           case 8:
-            _context2.next = 10;
+            _context.next = 10;
             return getQueryClient().invalidateQueries({
               queryKey: workspaceQueryOptions.keys.lists()
             });
@@ -3586,17 +3504,14 @@ workspaceListListener.startListening({
                 url: getWorkspaceRouteUrl(workspaceId)
               }));
             }
-            // Retrieve new list with current search query
-            searchQuery = getWorkspaceListSearchQuery(listenerApi.getState());
-            listenerApi.dispatch(workspaceListActions.fetchWorkspaceList(constructFilterParams([], searchQuery)));
-          case 15:
+          case 13:
           case "end":
-            return _context2.stop();
+            return _context.stop();
         }
-      }, _callee2);
+      }, _callee);
     }));
-    function effect(_x3, _x4) {
-      return _effect2.apply(this, arguments);
+    function effect(_x, _x2) {
+      return _effect.apply(this, arguments);
     }
     return effect;
   }()
@@ -3604,31 +3519,32 @@ workspaceListListener.startListening({
 workspaceListListener.startListening({
   actionCreator: workspaceListActions.submitFormWorkspaceActionDialogOptions,
   effect: function () {
-    var _effect3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref3, listenerApi) {
-      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) {
+    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
+      var _listenerApi$getState2;
+      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$getState3, _credentials, hasChanges, message, _listenerApi$getState4, category;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            payload = _ref3.payload;
+            payload = _ref2.payload;
             listenerApi.cancelActiveListeners();
             workspaceState = listenerApi.getState();
-            credentials = (_listenerApi$getState3 = listenerApi.getState().common) == null || (_listenerApi$getState3 = _listenerApi$getState3.auth) == null ? void 0 : _listenerApi$getState3.credentials;
-            _context3.prev = 4;
+            credentials = (_listenerApi$getState2 = listenerApi.getState().common) == null || (_listenerApi$getState2 = _listenerApi$getState2.auth) == null ? void 0 : _listenerApi$getState2.credentials;
             presetId = payload.presetId, presetAction = payload.presetAction, data = payload.data, emptyMapPresetTitle = payload.emptyMapPresetTitle, emptyWorkspacePresetTitle = payload.emptyWorkspacePresetTitle;
-            scope = data.scope || 'user'; // duplicate
+            scope = data.scope || 'user';
+            _context2.prev = 6;
+            // duplicate
             if (presetAction === WorkspacePresetAction.DUPLICATE) ;
             // delete
             if (presetAction === WorkspacePresetAction.DELETE || presetAction === WorkspacePresetAction.DELETE_SYSTEM_PRESET) ;
             // edit
             if (!(presetAction === WorkspacePresetAction.EDIT)) {
-              _context3.next = 19;
+              _context2.next = 19;
               break;
             }
-            _context3.next = 12;
+            _context2.next = 12;
             return getQueryClient().fetchQuery(workspaceQueryOptions.getWorkspacePreset(presetId, credentials));
           case 12:
-            originalData = _context3.sent;
+            originalData = _context2.sent;
             workspaceDataNewTitle = Object.assign({}, originalData, {
               title: data.title,
               "abstract": data["abstract"],
@@ -3637,10 +3553,10 @@ workspaceListListener.startListening({
               updated: data.updated,
               updatedBy: data.updatedBy
             });
-            _context3.next = 16;
+            _context2.next = 16;
             return getQueryClient().fetchQuery(workspaceQueryOptions.saveWorkspacePreset(presetId, workspaceDataNewTitle, credentials));
           case 16:
-            _context3.next = 18;
+            _context2.next = 18;
             return getQueryClient().invalidateQueries(workspaceQueryOptions.getWorkspacePreset(presetId, credentials));
           case 18:
             listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
@@ -3656,13 +3572,13 @@ workspaceListListener.startListening({
             }));
           case 19:
             if (!(presetAction === WorkspacePresetAction.EDIT_TITLE)) {
-              _context3.next = 30;
+              _context2.next = 30;
               break;
             }
-            _context3.next = 22;
+            _context2.next = 22;
             return getQueryClient().fetchQuery(workspaceQueryOptions.getWorkspacePreset(presetId, credentials));
           case 22:
-            _originalData = _context3.sent;
+            _originalData = _context2.sent;
             // 2) Merge the single (or few) edited view titles from `data.views`
             mergedViews = ((_originalData$views = _originalData.views) != null ? _originalData$views : []).map(function (view) {
               var _data$views, _updated$title;
@@ -3676,10 +3592,10 @@ workspaceListListener.startListening({
             payloadToSave = Object.assign({}, _originalData, {
               views: mergedViews
             });
-            _context3.next = 27;
+            _context2.next = 27;
             return getQueryClient().fetchQuery(workspaceQueryOptions.saveWorkspacePreset(presetId, payloadToSave, credentials));
           case 27:
-            _context3.next = 29;
+            _context2.next = 29;
             return getQueryClient().invalidateQueries(workspaceQueryOptions.getWorkspacePreset(presetId, credentials));
           case 29:
             // 4) Notify success so reducer updates local state
@@ -3699,7 +3615,7 @@ workspaceListListener.startListening({
             isSaveWorkspaceAction = presetAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET || presetAction === WorkspacePresetAction.SAVE;
             isSaveAsWorkspaceAction = presetAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET_AS || presetAction === WorkspacePresetAction.SAVE_AS;
             if (!(isSaveWorkspaceAction || isSaveAsWorkspaceAction)) {
-              _context3.next = 54;
+              _context2.next = 54;
               break;
             }
             hasWorkspaceAlreadyBeenSaved = getWorkspaceDialogIsSaved(workspaceState);
@@ -3723,14 +3639,14 @@ workspaceListListener.startListening({
               views: viewsWithInitialProps
             });
             if (!(!hasWorkspaceAlreadyBeenSaved && isSaveAsWorkspaceAction)) {
-              _context3.next = 44;
+              _context2.next = 44;
               break;
             }
-            _credentials = (_listenerApi$getState4 = listenerApi.getState().common) == null || (_listenerApi$getState4 = _listenerApi$getState4.auth) == null ? void 0 : _listenerApi$getState4.credentials;
-            _context3.next = 42;
+            _credentials = (_listenerApi$getState3 = listenerApi.getState().common) == null || (_listenerApi$getState3 = _listenerApi$getState3.auth) == null ? void 0 : _listenerApi$getState3.credentials;
+            _context2.next = 42;
             return getQueryClient().fetchQuery(workspaceQueryOptions.saveWorkspacePresetAs(newWorkspace, _credentials));
           case 42:
-            workspaceId = _context3.sent;
+            workspaceId = _context2.sent;
             newWorkspace = Object.assign({}, newWorkspace, {
               id: workspaceId
             });
@@ -3739,18 +3655,18 @@ workspaceListListener.startListening({
               presetId: workspaceId
             }));
             if (isSaveAsWorkspaceAction) {
-              _context3.next = 52;
+              _context2.next = 52;
               break;
             }
             hasChanges = hasWorkspaceChanges(listenerApi.getState());
             if (!hasChanges) {
-              _context3.next = 52;
+              _context2.next = 52;
               break;
             }
-            _context3.next = 50;
+            _context2.next = 50;
             return getQueryClient().fetchQuery(workspaceQueryOptions.saveWorkspacePreset(workspaceId, newWorkspace, credentials));
           case 50:
-            _context3.next = 52;
+            _context2.next = 52;
             return getQueryClient().invalidateQueries(workspaceQueryOptions.getWorkspacePreset(presetId, credentials));
           case 52:
             listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
@@ -3790,13 +3706,22 @@ workspaceListListener.startListening({
                 scope: scope
               }));
             }
-            _context3.next = 62;
+            _context2.next = 63;
             break;
           case 57:
-            _context3.prev = 57;
-            _context3.t0 = _context3["catch"](4);
-            message = isAxiosError(_context3.t0) ? getAxiosErrorMessage(_context3.t0) : _context3.t0.message;
-            category = isAxiosAuthError(_context3.t0) ? WorkspaceListErrorCategory.AUTH : WorkspaceListErrorCategory.GENERIC;
+            _context2.prev = 57;
+            _context2.t0 = _context2["catch"](6);
+            message = isAxiosError(_context2.t0) ? getAxiosErrorMessage(_context2.t0) : _context2.t0.message;
+            if (presetAction === WorkspacePresetAction.SAVE || presetAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET) {
+              listenerApi.dispatch(workspaceActions.errorWorkspace({
+                workspaceId: presetId || ((_listenerApi$getState4 = listenerApi.getState().workspace) == null ? void 0 : _listenerApi$getState4.id) || '',
+                error: {
+                  message: message,
+                  type: WorkspaceErrorType.SAVE
+                }
+              }));
+            }
+            category = isAuthError(_context2.t0) ? WorkspaceListErrorCategory.AUTH : WorkspaceListErrorCategory.GENERIC;
             listenerApi.dispatch(workspaceListActions.onErrorWorkspacePresetAction({
               error: {
                 type: WorkspaceListErrorType.VERBATIM_ERROR,
@@ -3804,14 +3729,14 @@ workspaceListListener.startListening({
                 message: message
               }
             }));
-          case 62:
+          case 63:
           case "end":
-            return _context3.stop();
+            return _context2.stop();
         }
-      }, _callee3, null, [[4, 57]]);
+      }, _callee2, null, [[6, 57]]);
     }));
-    function effect(_x5, _x6) {
-      return _effect3.apply(this, arguments);
+    function effect(_x3, _x4) {
+      return _effect2.apply(this, arguments);
     }
     return effect;
   }()
@@ -4412,100 +4337,6 @@ workspaceListener.startListening({
   }()
 });
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var viewPresetsListAdapter = createEntityAdapter();
-var initialState = viewPresetsListAdapter.getInitialState();
-var slice = createSlice({
-  initialState: initialState,
-  name: 'viewPresetsList',
-  reducers: {
-    fetchViewPresetsList: function fetchViewPresetsList(_draft, _action) {
-      // action is intercepted in viewPresets/listener
-    },
-    fetchedViewPresetsList: function fetchedViewPresetsList(draft, action) {
-      var viewPresets = action.payload.viewPresets;
-      if (!(viewPresets != null && viewPresets.length)) {
-        viewPresetsListAdapter.removeAll(draft);
-        return;
-      }
-      viewPresetsListAdapter.setAll(draft, viewPresets);
-    }
-  },
-  extraReducers: function extraReducers(builder) {
-    builder.addCase(viewPresetActions.fetchedViewPresets, function (draft, action) {
-      var _action$payload = action.payload,
-        viewPresets = _action$payload.viewPresets,
-        filterParams = _action$payload.filterParams;
-      // If there are filter params applied, don't do anything, these results are put in the specific panel filterResults
-      var hasFilterParams = Object.keys(filterParams).length !== 0;
-      var isDefaultScopeOnly = Object.keys(filterParams).length === 1 && filterParams.scope === 'user,system';
-      if (hasFilterParams && !isDefaultScopeOnly) {
-        return;
-      }
-      if (!(viewPresets != null && viewPresets.length)) {
-        viewPresetsListAdapter.removeAll(draft);
-        return;
-      }
-      viewPresetsListAdapter.setAll(draft, action.payload.viewPresets);
-    });
-  }
-});
-var viewPresetsListReducer = slice.reducer,
-  viewPresetsListActions = slice.actions;
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-// Used to retrieve the unfiltered, general view preset list.
-// To ensure you retrieve the view preset list specific for your view, use getFilteredViewPresetListForView
-var _viewPresetsListAdapt = viewPresetsListAdapter.getSelectors(function (state) {
-    var _state$viewPresetsLis;
-    return (_state$viewPresetsLis = state == null ? void 0 : state.viewPresetsList) != null ? _state$viewPresetsLis : {
-      entities: {},
-      ids: []
-    };
-  }),
-  getViewPresetsList = _viewPresetsListAdapt.selectAll,
-  getViewPresetFromList = _viewPresetsListAdapt.selectById;
-var getFilteredViewPresetListForView = createSelector(getViewPresetsList, getViewPresetListFilterResultsForView, getViewPresetListSearchQueryForView, function (fullViewPresetsList, filteredResults, searchQuery) {
-  if (searchQuery !== '') {
-    // Search active: return what backend gave us
-    return filteredResults;
-  }
-  // No search: return full unfiltered list
-  return fullViewPresetsList != null ? fullViewPresetsList : [];
-}, selectorMemoizationOptions);
-
 var processError = function processError(error, component, errorMessageKey) {
   var message = isAxiosError$1(error) ? getAxiosErrorMessage(error) : errorMessageKey;
   var errorType = isAxiosAuthError(error) ? ViewPresetErrorType.AUTH : ViewPresetErrorType.GENERIC;
@@ -4516,92 +4347,18 @@ var processError = function processError(error, component, errorMessageKey) {
   };
 };
 var viewPresetsListener = createListenerMiddleware();
-// fetch view presets
-viewPresetsListener.startListening({
-  actionCreator: viewPresetActions.fetchViewPresets,
-  effect: function () {
-    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
-      var payload, _listenerApi$getState, common, panelId, filterParams, viewPresets;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            payload = _ref.payload;
-            listenerApi.cancelActiveListeners();
-            _listenerApi$getState = listenerApi.getState(), common = _listenerApi$getState.common;
-            panelId = payload.panelId, filterParams = payload.filterParams;
-            _context.prev = 4;
-            _context.next = 7;
-            return getQueryClient().fetchQuery(viewpresetQueryOptions.getViewPresets(filterParams, common == null ? void 0 : common.auth.credentials));
-          case 7:
-            viewPresets = _context.sent;
-            listenerApi.dispatch(viewPresetActions.fetchedViewPresets({
-              viewPresets: viewPresets,
-              panelId: panelId,
-              filterParams: filterParams
-            }));
-            _context.next = 14;
-            break;
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](4);
-            listenerApi.dispatch(viewPresetActions.errorViewPreset({
-              error: processError(_context.t0, ViewPresetErrorComponent.PRESET_LIST, 'workspace-mappreset-error-fetch'),
-              panelId: panelId
-            }));
-          case 14:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[4, 11]]);
-    }));
-    function effect(_x, _x2) {
-      return _effect.apply(this, arguments);
-    }
-    return effect;
-  }()
-});
-// fetch full view presets list
-viewPresetsListener.startListening({
-  actionCreator: viewPresetsListActions.fetchViewPresetsList,
-  effect: function () {
-    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_, listenerApi) {
-      var _listenerApi$getState2, common, viewPresets;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _listenerApi$getState2 = listenerApi.getState(), common = _listenerApi$getState2.common;
-            listenerApi.cancelActiveListeners();
-            _context2.next = 4;
-            return getQueryClient().fetchQuery(viewpresetQueryOptions.getViewPresets(undefined, common == null ? void 0 : common.auth.credentials));
-          case 4:
-            viewPresets = _context2.sent;
-            listenerApi.dispatch(viewPresetsListActions.fetchedViewPresetsList({
-              viewPresets: viewPresets
-            }));
-          case 6:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    function effect(_x3, _x4) {
-      return _effect2.apply(this, arguments);
-    }
-    return effect;
-  }()
-});
 var saveViewPresetEffect = /*#__PURE__*/function () {
-  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) {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
+    var payload, panelId, viewPreset, viewPresetId, hasChanges, _listenerApi$getState, credentials;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
         case 0:
-          payload = _ref2.payload;
+          payload = _ref.payload;
           listenerApi.cancelActiveListeners();
           panelId = payload.panelId, viewPreset = payload.viewPreset, viewPresetId = payload.viewPresetId;
           hasChanges = getViewPresetHasChanges(listenerApi.getState(), panelId);
           if (hasChanges) {
-            _context3.next = 8;
+            _context.next = 8;
             break;
           }
           listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage(PresetAction.SAVE, viewPreset.title)));
@@ -4609,17 +4366,17 @@ var saveViewPresetEffect = /*#__PURE__*/function () {
             panelId: panelId,
             viewPresetId: viewPresetId
           }));
-          return _context3.abrupt("return");
+          return _context.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;
+          _context.prev = 8;
+          credentials = (_listenerApi$getState = listenerApi.getState().common) == null || (_listenerApi$getState = _listenerApi$getState.auth) == null ? void 0 : _listenerApi$getState.credentials;
+          _context.next = 12;
           return getQueryClient().fetchQuery(viewpresetQueryOptions.saveViewPreset(viewPresetId, viewPreset, credentials));
         case 12:
-          _context3.next = 14;
+          _context.next = 14;
           return getQueryClient().invalidateQueries(viewpresetQueryOptions.getViewPreset(viewPresetId));
         case 14:
-          _context3.next = 16;
+          _context.next = 16;
           return getQueryClient().invalidateQueries({
             queryKey: viewpresetQueryOptions.keys.lists()
           });
@@ -4634,24 +4391,24 @@ var saveViewPresetEffect = /*#__PURE__*/function () {
             viewPresetId: viewPresetId,
             viewPreset: viewPreset
           }));
-          _context3.next = 24;
+          _context.next = 24;
           break;
         case 21:
-          _context3.prev = 21;
-          _context3.t0 = _context3["catch"](8);
+          _context.prev = 21;
+          _context.t0 = _context["catch"](8);
           listenerApi.dispatch(viewPresetActions.errorViewPreset({
-            error: processError(_context3.t0, ViewPresetErrorComponent.PRESET_DETAIL, 'workspace-mappreset-error-save'),
+            error: processError(_context.t0, ViewPresetErrorComponent.PRESET_DETAIL, 'workspace-mappreset-error-save'),
             panelId: panelId,
             viewPresetId: viewPresetId
           }));
         case 24:
         case "end":
-          return _context3.stop();
+          return _context.stop();
       }
-    }, _callee3, null, [[8, 21]]);
+    }, _callee, null, [[8, 21]]);
   }));
-  return function saveViewPresetEffect(_x5, _x6) {
-    return _ref3.apply(this, arguments);
+  return function saveViewPresetEffect(_x, _x2) {
+    return _ref2.apply(this, arguments);
   };
 }();
 // save view preset
@@ -4663,12 +4420,12 @@ viewPresetsListener.startListening({
 viewPresetsListener.startListening({
   actionCreator: viewPresetActions.selectViewPreset,
   effect: function () {
-    var _effect3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref4, listenerApi) {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref3, listenerApi) {
       var payload, panelId, _payload$viewPresetId, viewPresetId, isMapAnimating;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            payload = _ref4.payload;
+            payload = _ref3.payload;
             listenerApi.cancelActiveListeners();
             panelId = payload.panelId, _payload$viewPresetId = payload.viewPresetId, viewPresetId = _payload$viewPresetId === void 0 ? '' : _payload$viewPresetId;
             isMapAnimating = mapSelectors.isAnimating(listenerApi.getState(), panelId);
@@ -4702,12 +4459,12 @@ viewPresetsListener.startListening({
             }
           case 6:
           case "end":
-            return _context4.stop();
+            return _context2.stop();
         }
-      }, _callee4);
+      }, _callee2);
     }));
-    function effect(_x7, _x8) {
-      return _effect3.apply(this, arguments);
+    function effect(_x3, _x4) {
+      return _effect.apply(this, arguments);
     }
     return effect;
   }()
@@ -4716,19 +4473,19 @@ viewPresetsListener.startListening({
 viewPresetsListener.startListening({
   actionCreator: viewPresetActions.onSuccessViewPresetAction,
   effect: function () {
-    var _effect4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref5, listenerApi) {
+    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref4, 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) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            payload = _ref5.payload;
+            payload = _ref4.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;
-            _context5.next = 6;
+            _context3.next = 6;
             return getQueryClient().invalidateQueries(viewpresetQueryOptions.getViewPreset(viewPresetId));
           case 6:
-            _context5.next = 8;
+            _context3.next = 8;
             return getQueryClient().invalidateQueries({
               queryKey: viewpresetQueryOptions.keys.lists()
             });
@@ -4750,9 +4507,6 @@ viewPresetsListener.startListening({
                   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({
@@ -4771,12 +4525,12 @@ viewPresetsListener.startListening({
             }
           case 9:
           case "end":
-            return _context5.stop();
+            return _context3.stop();
         }
-      }, _callee5);
+      }, _callee3);
     }));
-    function effect(_x9, _x0) {
-      return _effect4.apply(this, arguments);
+    function effect(_x5, _x6) {
+      return _effect2.apply(this, arguments);
     }
     return effect;
   }()
@@ -4808,7 +4562,6 @@ var workspaceReducersMap = {
   ui: uiReducer,
   workspace: workspaceReducer,
   workspaceList: workspaceListReducer,
-  viewPresetsList: viewPresetsListReducer,
   viewPresets: viewPresetsReducer,
   timeSeries: timeSeriesReducer,
   soundings: soundingsReducer,
@@ -5388,22 +5141,6 @@ var useFetchViewPresets = function useFetchViewPresets(panelId) {
     currentRole = _useAuthenticationCon.currentRole;
   var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
   var lastAdmin = usePrevious(isAdmin);
-  var viewPresetListSearchQuery = useSelector(function (store) {
-    return getViewPresetListSearchQueryForView(store, panelId);
-  });
-  var prevSearch = usePrevious(viewPresetListSearchQuery);
-  var fetchViewPresets = useCallback(function (params) {
-    dispatch(viewPresetActions.fetchViewPresets(params));
-  }, [dispatch]);
-  useEffect(function () {
-    if (viewPresetListSearchQuery !== prevSearch) {
-      var filterParams = constructFilterParams([], viewPresetListSearchQuery);
-      fetchViewPresets({
-        filterParams: filterParams,
-        panelId: panelId
-      });
-    }
-  }, [fetchViewPresets, panelId, prevSearch, viewPresetListSearchQuery]);
   useEffect(function () {
     if (isAdmin !== lastAdmin && lastAdmin !== undefined) {
       // reset list filter when user changes role
@@ -5438,54 +5175,153 @@ var ViewLoading = function ViewLoading(_ref) {
         width: '100%',
         top: 0
       }
-    }), jsxs(Typography, {
-      sx: {
-        margin: 1
-      },
-      children: [t('workspace-loading'), " ", viewPresetId]
-    })]
-  });
-};
-var ViewError = function ViewError(_ref2) {
-  var viewPresetId = _ref2.viewPresetId,
-    mosaicNodeId = _ref2.mosaicNodeId;
-  var dispatch = useDispatch();
-  var _useWorkspaceTranslat2 = useWorkspaceTranslation(),
-    t = _useWorkspaceTranslat2.t;
-  var fetchWorkspaceViewPreset = React.useCallback(function () {
-    dispatch(workspaceActions.fetchWorkspaceViewPreset({
-      viewPresetId: viewPresetId,
-      mosaicNodeId: mosaicNodeId
-    }));
-  }, [dispatch, viewPresetId, mosaicNodeId]);
-  return jsx(AlertBanner, {
-    actionButtonProps: {
-      title: t('workspace-retry'),
-      onClick: fetchWorkspaceViewPreset
-    },
-    shouldClose: true,
-    title: t('workspace-viewpresets-fail-fetch', {
-      VIEWPRESET_ID: viewPresetId
-    })
+    }), jsxs(Typography, {
+      sx: {
+        margin: 1
+      },
+      children: [t('workspace-loading'), " ", viewPresetId]
+    })]
+  });
+};
+var ViewError = function ViewError(_ref2) {
+  var viewPresetId = _ref2.viewPresetId,
+    mosaicNodeId = _ref2.mosaicNodeId;
+  var dispatch = useDispatch();
+  var _useWorkspaceTranslat2 = useWorkspaceTranslation(),
+    t = _useWorkspaceTranslat2.t;
+  var fetchWorkspaceViewPreset = React.useCallback(function () {
+    dispatch(workspaceActions.fetchWorkspaceViewPreset({
+      viewPresetId: viewPresetId,
+      mosaicNodeId: mosaicNodeId
+    }));
+  }, [dispatch, viewPresetId, mosaicNodeId]);
+  return jsx(AlertBanner, {
+    actionButtonProps: {
+      title: t('workspace-retry'),
+      onClick: fetchWorkspaceViewPreset
+    },
+    shouldClose: true,
+    title: t('workspace-viewpresets-fail-fetch', {
+      VIEWPRESET_ID: viewPresetId
+    })
+  });
+};
+var defaultComponentsLookUp = function defaultComponentsLookUp(_ref3) {
+  var componentType = _ref3.componentType,
+    viewPresetId = _ref3.viewPresetId,
+    mosaicNodeId = _ref3.mosaicNodeId;
+  switch (componentType) {
+    case 'ViewLoading':
+      return jsx(ViewLoading, {
+        viewPresetId: viewPresetId
+      });
+    case 'ViewError':
+      return jsx(ViewError, {
+        mosaicNodeId: mosaicNodeId,
+        viewPresetId: viewPresetId
+      });
+    default:
+      return null;
+  }
+};
+
+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;
+    }()
   });
 };
-var defaultComponentsLookUp = function defaultComponentsLookUp(_ref3) {
-  var componentType = _ref3.componentType,
-    viewPresetId = _ref3.viewPresetId,
-    mosaicNodeId = _ref3.mosaicNodeId;
-  switch (componentType) {
-    case 'ViewLoading':
-      return jsx(ViewLoading, {
-        viewPresetId: viewPresetId
-      });
-    case 'ViewError':
-      return jsx(ViewError, {
-        mosaicNodeId: mosaicNodeId,
-        viewPresetId: viewPresetId
-      });
-    default:
-      return null;
-  }
+var useViewPresets = function useViewPresets() {
+  var _useAuthenticationCon5 = useAuthenticationContext(),
+    auth = _useAuthenticationCon5.auth;
+  return useQuery(viewpresetQueryOptions.getViewPresets(auth));
 };
 
 var VIEW_TYPE_KEY = 'viewType';
@@ -5902,6 +5738,11 @@ var useWorkspaceLabelsConfig = function useWorkspaceLabelsConfig() {
     }()
   });
 };
+var useWorkspacePresets = function useWorkspacePresets(params) {
+  var _useAuthenticationCon2 = useAuthenticationContext(),
+    auth = _useAuthenticationCon2.auth;
+  return useQuery(workspaceQueryOptions.getWorkspacePresets(params, auth));
+};
 var onWorkspaceApiError = function onWorkspaceApiError(dispatch, error, t) {
   dispatch(workspaceListActions.onErrorWorkspacePresetAction({
     error: {
@@ -6798,9 +6639,9 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   var username = (auth == null ? void 0 : auth.username) || '';
   var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
   var scope = !isAdmin ? 'user' : 'system';
-  var viewPresets = useSelector(function (store) {
-    return getFilteredViewPresetListForView(store, panelId);
-  });
+  var _useViewPresets = useViewPresets(),
+    viewPresets = _useViewPresets.data,
+    isViewPresetsListFetching = _useViewPresets.isFetching;
   var viewPresetListFilters = useSelector(function (store) {
     return getViewPresetListFiltersForView(store, panelId, scope, isAdmin);
   });
@@ -6825,8 +6666,11 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     return Object.values(viewPresetLabelFilters).flat().length;
   }, [viewPresetLabelFilters]);
   var filteredPresets = React.useMemo(function () {
-    return filterAndSortPresets(viewPresets, viewPresetListFilters, username, isAdmin, viewPresetLabelFilters != null ? viewPresetLabelFilters : undefined);
-  }, [viewPresets, viewPresetListFilters, username, isAdmin, viewPresetLabelFilters]);
+    if (viewPresets) {
+      return filterAndSortPresets(viewPresets, viewPresetListFilters, username, isAdmin, viewPresetLabelFilters != null ? viewPresetLabelFilters : undefined, viewPresetListSearchQuery);
+    }
+    return [];
+  }, [viewPresets, viewPresetListFilters, username, isAdmin, viewPresetLabelFilters, viewPresetListSearchQuery]);
   var labelsFormMethods = useForm({
     defaultValues: {
       labels: viewPresetLabelFilters
@@ -6869,9 +6713,6 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   var error = useSelector(function (store) {
     return getViewPresetsError(store, panelId);
   });
-  var isViewPresetsListFetching = useSelector(function (store) {
-    return getViewPresetsIsFetching(store, panelId);
-  });
   var openViewPresetsDialog = React.useCallback(function (viewPresetDialogOptions) {
     dispatch(viewPresetActions.openViewPresetDialog({
       viewPresetDialog: viewPresetDialogOptions
@@ -6899,13 +6740,11 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
             queryKey: viewpresetQueryOptions.keys.lists()
           });
         case 2:
-          fetchViewPresets();
-        case 3:
         case "end":
           return _context.stop();
       }
     }, _callee);
-  })), [queryClient, fetchViewPresets]);
+  })), [queryClient]);
   var constructInitialProps = function constructInitialProps() {
     switch (viewComponentType) {
       case 'WarningList':
@@ -7334,7 +7173,7 @@ var ViewPresetMenu = function ViewPresetMenu(_ref) {
 };
 
 var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
-  var _GENERIC$AUTH$error$c;
+  var _useSelector, _GENERIC$AUTH$error$c;
   var _ref$isLabelFilterOpe = _ref.isLabelFilterOpen,
     isLabelFilterOpen = _ref$isLabelFilterOpe === void 0 ? false : _ref$isLabelFilterOpe,
     onToggleLabelFilter = _ref.onToggleLabelFilter;
@@ -7348,9 +7187,18 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
   var username = (auth == null ? void 0 : auth.username) || '';
   var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
   var scope = !isAdmin ? 'user' : 'system';
-  var workspacePresets = useSelector(function (store) {
-    return getWorkspaceList(store);
+  var workspaceSearchQuery = useSelector(function (store) {
+    return getWorkspaceListSearchQuery(store);
   });
+  var filterParams = React.useMemo(function () {
+    return constructFilterParams([], workspaceSearchQuery);
+  }, [workspaceSearchQuery]);
+  var _useWorkspacePresets = useWorkspacePresets(filterParams),
+    _useWorkspacePresets$ = _useWorkspacePresets.data,
+    workspacePresets = _useWorkspacePresets$ === void 0 ? [] : _useWorkspacePresets$,
+    isFetching = _useWorkspacePresets.isFetching,
+    queryError = _useWorkspacePresets.error,
+    refreshWorkspacePresets = _useWorkspacePresets.refetch;
   var selectedFilters = useSelector(getWorkspaceListFilters);
   var labelFilters = useSelector(function (store) {
     return getWorkspaceLabelFilters(store);
@@ -7387,41 +7235,19 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
   var workspaceListFilters = useSelector(function (store) {
     return getWorkspaceListFilters(store, scope, isAdmin);
   });
-  var workspaceSearchQuery = useSelector(function (store) {
-    return getWorkspaceListSearchQuery(store);
-  });
-  var isFetching = useSelector(function (store) {
-    return getIsWorkspaceListFetching(store);
-  });
-  var error = useSelector(function (store) {
+  var error = (_useSelector = useSelector(function (store) {
     return getWorkspaceListError(store);
-  });
+  })) != null ? _useSelector : queryError ? {
+    type: WorkspaceListErrorType.VERBATIM_ERROR,
+    category: queryError.cause === 401 || queryError.cause === 403 ? WorkspaceListErrorCategory.AUTH : WorkspaceListErrorCategory.GENERIC,
+    message: queryError.message
+  } : undefined;
   var onLabelsFilterChange = React.useCallback(function (labels) {
     dispatch(workspaceListActions.setWorkspaceLabelFilters({
       labels: labels
     }));
   }, [dispatch]);
   var showLabelFilterToggle = Boolean(onToggleLabelFilter);
-  var fetchWorkspaceList = React.useCallback(function () {
-    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
@@ -7491,18 +7317,18 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
     return result;
   }, [currentView]);
   var onClickWorkspacePresetOption = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(presetId, workspaceAction) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(presetId, workspaceAction) {
       var affectedPreset, presetTitle, _currentView$syncGrou, currentViews, adminMetadata, buildFormValues, url;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.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;
-            _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;
+            _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;
             break;
           case 5:
             currentViews = currentViewsToBE();
@@ -7520,30 +7346,30 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
                 syncGroups: (_currentView$syncGrou = currentView.syncGroups) != null ? _currentView$syncGrou : []
               }
             });
-            return _context3.abrupt("break", 26);
+            return _context2.abrupt("break", 26);
           case 8:
             adminMetadata = isAdmin && auth != null && auth.username ? {
               updated: new Date().toISOString(),
               updatedBy: auth.username
             } : {};
             buildFormValues = function buildFormValues(presetDetails, presetViews) {
-              var _ref4, _presetDetails$title, _presetDetails$abstra, _presetDetails$descri, _presetDetails$labels, _ref5, _presetDetails$mosaic, _presetDetails$scope;
+              var _ref3, _presetDetails$title, _presetDetails$abstra, _presetDetails$descri, _presetDetails$labels, _ref4, _presetDetails$mosaic, _presetDetails$scope;
               if (presetViews === void 0) {
                 presetViews = [];
               }
               return Object.assign({
-                title: (_ref4 = (_presetDetails$title = presetDetails == null ? void 0 : presetDetails.title) != null ? _presetDetails$title : presetTitle) != null ? _ref4 : '',
+                title: (_ref3 = (_presetDetails$title = presetDetails == null ? void 0 : presetDetails.title) != null ? _presetDetails$title : presetTitle) != null ? _ref3 : '',
                 "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: (_ref5 = (_presetDetails$mosaic = presetDetails == null ? void 0 : presetDetails.mosaicNode) != null ? _presetDetails$mosaic : currentView == null ? void 0 : currentView.mosaicNode) != null ? _ref5 : undefined,
+                mosaicNode: (_ref4 = (_presetDetails$mosaic = presetDetails == null ? void 0 : presetDetails.mosaicNode) != null ? _presetDetails$mosaic : currentView == null ? void 0 : currentView.mosaicNode) != null ? _ref4 : 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)) {
-              _context3.next = 13;
+              _context2.next = 13;
               break;
             }
             setWorkspaceActionDialogOptions({
@@ -7551,7 +7377,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
               presetId: presetId,
               formValues: buildFormValues(currentView, currentViewsToBE())
             });
-            return _context3.abrupt("break", 26);
+            return _context2.abrupt("break", 26);
           case 13:
             // Open dialog immediately with basic data, then hydrate with full preset once fetched
             setWorkspaceActionDialogOptions({
@@ -7575,7 +7401,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
                 }
               }));
             });
-            return _context3.abrupt("break", 26);
+            return _context2.abrupt("break", 26);
           case 16:
             setWorkspaceActionDialogOptions({
               action: workspaceAction,
@@ -7585,7 +7411,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
                 scope: scope
               }
             });
-            return _context3.abrupt("break", 26);
+            return _context2.abrupt("break", 26);
           case 18:
             setWorkspaceActionDialogOptions({
               action: workspaceAction,
@@ -7595,14 +7421,14 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
                 scope: scope
               }
             });
-            return _context3.abrupt("break", 26);
+            return _context2.abrupt("break", 26);
           case 20:
             void getWorkspace(presetId, auth).then(/*#__PURE__*/function () {
-              var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(preset) {
-                return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-                  while (1) switch (_context2.prev = _context2.next) {
+              var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(preset) {
+                return _regeneratorRuntime().wrap(function _callee$(_context) {
+                  while (1) switch (_context.prev = _context.next) {
                     case 0:
-                      return _context2.abrupt("return", updateWorkspace(presetId, Object.assign({}, preset, {
+                      return _context.abrupt("return", updateWorkspace(presetId, Object.assign({}, preset, {
                         is_shared: !preset.is_shared
                       }), auth).then(function () {
                         dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
@@ -7612,7 +7438,6 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
                           scope: scope,
                           is_shared: preset.is_shared
                         }));
-                        fetchWorkspaceList();
                       })["catch"](function (error) {
                         dispatch(workspaceListActions.onErrorWorkspacePresetAction({
                           error: {
@@ -7624,29 +7449,29 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
                       }));
                     case 1:
                     case "end":
-                      return _context2.stop();
+                      return _context.stop();
                   }
-                }, _callee2);
+                }, _callee);
               }));
               return function (_x3) {
-                return _ref6.apply(this, arguments);
+                return _ref5.apply(this, arguments);
               };
             }());
-            return _context3.abrupt("break", 26);
+            return _context2.abrupt("break", 26);
           case 22:
             url = getWorkspaceRouteUrl(presetId);
             window.open(url, '_blank');
-            return _context3.abrupt("break", 26);
+            return _context2.abrupt("break", 26);
           case 25:
-            return _context3.abrupt("break", 26);
+            return _context2.abrupt("break", 26);
           case 26:
           case "end":
-            return _context3.stop();
+            return _context2.stop();
         }
-      }, _callee3);
+      }, _callee2);
     }));
     return function onClickWorkspacePresetOption(_x, _x2) {
-      return _ref3.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   var isAllSelected = workspaceListFilters.length > 0 && workspaceListFilters.every(function (filter) {
@@ -8137,6 +7962,15 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
     isLoggedIn = _useAuthenticationCon.isLoggedIn,
     auth = _useAuthenticationCon.auth;
   var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
+  var activeViewPresetId = useSelector(function (store) {
+    return getViewPresetActiveId(store, panelId);
+  });
+  // TODO this should be fetched from the view. But it is currently missing username
+  var _useViewPresets = useViewPresets(),
+    viewPresets = _useViewPresets.data;
+  var currentViewPreset = viewPresets == null ? void 0 : viewPresets.find(function (preset) {
+    return preset.id === activeViewPresetId;
+  });
   var workspaceView = useSelector(function (store) {
     var _getViewById;
     var _ref2 = (_getViewById = getViewById(store, panelId)) != null ? _getViewById : {},
@@ -8152,8 +7986,11 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
   var currentWorkspace = useSelector(function (store) {
     return getWorkspaceState(store);
   });
-  var currentWorkspacePresetDetails = useSelector(function (store) {
-    return currentWorkspace.id ? getWorkspacePresetFromList(store, currentWorkspace.id) : undefined;
+  var _useWorkspacePresets = useWorkspacePresets(),
+    _useWorkspacePresets$ = _useWorkspacePresets.data,
+    workspacePresetList = _useWorkspacePresets$ === void 0 ? [] : _useWorkspacePresets$;
+  var currentWorkspacePresetDetails = workspacePresetList.find(function (preset) {
+    return preset.id === currentWorkspace.id;
   });
   var workspaceScope = (_currentWorkspace$sco = currentWorkspace == null ? void 0 : currentWorkspace.scope) != null ? _currentWorkspace$sco : 'user';
   var thisView = useSelector(function (store) {
@@ -8165,15 +8002,9 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
   var hasViewPresetChanges = useSelector(function (store) {
     return getViewPresetHasChanges(store, panelId);
   });
-  var activeViewPresetId = useSelector(function (store) {
-    return getViewPresetActiveId(store, panelId);
-  });
   var relatedSyncGroupIds = useSelector(function (store) {
     return syncGroupsSelectors.getAllTargetGroupsForSource(store, panelId);
   });
-  var currentViewPreset = useSelector(function (store) {
-    return activeViewPresetId ? getViewPresetFromList(store, activeViewPresetId) : undefined;
-  });
   var looksLikeUuid = function looksLikeUuid(string) {
     return !!string && /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(string);
   };
@@ -8802,26 +8633,18 @@ var WorkspaceViewConnect = function WorkspaceViewConnect(_ref) {
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var useFetchWorkspacePresets = function useFetchWorkspacePresets() {
+/**
+ * Resets workspace list filter chips when the user's role changes
+ * between admin and non-admin.
+ */
+var useResetFiltersOnRoleChange = function useResetFiltersOnRoleChange() {
   var dispatch = useDispatch();
   var _useAuthenticationCon = useAuthenticationContext(),
     currentRole = _useAuthenticationCon.currentRole;
   var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
   var lastAdmin = usePrevious(isAdmin);
-  var workspaceSearchQuery = useSelector(getWorkspaceListSearchQuery);
-  var prevSearch = usePrevious(workspaceSearchQuery);
-  var fetchWorkspacePresets = useCallback(function (params) {
-    dispatch(workspaceListActions.fetchWorkspaceList(params));
-  }, [dispatch]);
-  useEffect(function () {
-    if (workspaceSearchQuery !== prevSearch) {
-      var filterParams = constructFilterParams([], workspaceSearchQuery);
-      fetchWorkspacePresets(filterParams);
-    }
-  }, [fetchWorkspacePresets, prevSearch, workspaceSearchQuery]);
   useEffect(function () {
     if (isAdmin !== lastAdmin && lastAdmin !== undefined) {
-      // reset list filter when user changes role
       var filters = [{
         id: PresetFilterType.system,
         isSelected: true
@@ -8856,7 +8679,7 @@ var WorkspaceMenuButtonConnect = function WorkspaceMenuButtonConnect(_ref) {
       isWorkspaceListDialogOpen: isListDialogOpen
     }));
   }, [dispatch]);
-  useFetchWorkspacePresets();
+  useResetFiltersOnRoleChange();
   var isNew = workspaceId === undefined || workspaceId === '';
   var fullTitle = getPresetTitle(title, hasChanges, isNew, t);
   React.useEffect(function () {
@@ -8891,8 +8714,11 @@ var WorkspaceOptionsConnect = function WorkspaceOptionsConnect(_ref) {
   var workspaceData = useSelector(function (store) {
     return getWorkspaceData(store);
   });
-  var currentWorkspacePreset = useSelector(function (store) {
-    return workspaceId ? getWorkspacePresetFromList(store, workspaceId) : undefined;
+  var _useWorkspacePresets = useWorkspacePresets(),
+    _useWorkspacePresets$ = _useWorkspacePresets.data,
+    workspacePresets = _useWorkspacePresets$ === void 0 ? [] : _useWorkspacePresets$;
+  var currentWorkspacePreset = workspacePresets.find(function (preset) {
+    return preset.id === workspaceId;
   });
   var workspaceCreator = (_currentWorkspacePres = currentWorkspacePreset == null ? void 0 : currentWorkspacePreset.username) != null ? _currentWorkspacePres : '';
   var viewIds = useSelector(function (store) {
@@ -9966,100 +9792,6 @@ var ViewPresetsForm = function ViewPresetsForm(_ref) {
   });
 };
 
-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;
-    }()
-  });
-};
-
 var _excluded = ["title"];
 var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
   var isOpen = _ref.isOpen,
@@ -10594,8 +10326,8 @@ var workspacePresets = [
 						defaultOverlayer: "countryborders"
 					},
 					syncGroupsIds: [
-						"Area_radarTemp",
-						"Time_radarTemp"
+						"Area_RadarTemp",
+						"Time_RadarTemp"
 					]
 				},
 				title: "Radar",
@@ -10688,8 +10420,8 @@ var workspacePresets = [
 						defaultOverlayer: "countryborders"
 					},
 					syncGroupsIds: [
-						"Area_radarTemp",
-						"Time_radarTemp"
+						"Area_RadarTemp",
+						"Time_RadarTemp"
 					]
 				},
 				title: "Temperature"
@@ -10707,8 +10439,8 @@ var workspacePresets = [
 		],
 		mosaicNode: {
 			direction: "row",
-			first: "screen_no_1",
-			second: "screen_no_2",
+			first: "viewA",
+			second: "viewB",
 			splitPercentage: 50
 		}
 	},
@@ -11185,7 +10917,36 @@ var workspacePresets = [
 		views: [
 			{
 				mosaicNodeId: "view-1",
-				viewPresetId: "screenHarmAll"
+				componentType: "HarmonieTempAndPrecipPreset",
+				initialProps: {
+					layers: {
+						topRow: {
+							service: "https://geoservices.knmi.nl/adaguc-server?DATASET=uwcw_ha43_dini_5p5km",
+							name: "air_temperature_hagl",
+							style: "temperature_wow/shaded",
+							id: "layerid_18",
+							layerType: "mapLayer",
+							enabled: true
+						},
+						bottomRow: {
+							service: "https://geoservices.knmi.nl/adaguc-server?DATASET=uwcw_ha43_dini_5p5km",
+							name: "total_precipitation_rate_hagl",
+							id: "layerid_19",
+							layerType: "mapLayer",
+							enabled: true
+						},
+						topRowSyncGroups: [
+							"timeLayerGroupA",
+							"areaLayerGroupA",
+							"layerGroupA"
+						],
+						bottomRowSyncGroups: [
+							"timeLayerGroupA",
+							"areaLayerGroupA",
+							"layerGroupB"
+						]
+					}
+				}
 			}
 		],
 		syncGroups: [
@@ -11211,9 +10972,11 @@ var workspacePresets = [
 	{
 		id: "screenConfigD",
 		title: "Radar & Sat",
-		scope: "system",
+		scope: "user",
+		username: "user.name",
 		abstract: "",
 		viewType: "multiWindow",
+		description: "en stor ost",
 		views: [
 			{
 				mosaicNodeId: "viewAsat",
@@ -11480,7 +11243,8 @@ var workspacePresets = [
 				viewPresetId: "radar"
 			}
 		],
-		mosaicNode: "radarView"
+		mosaicNode: "radarView",
+		username: "user.name"
 	},
 	{
 		id: "workspaceHarmonie",
@@ -11662,6 +11426,57 @@ var workspacePresets = [
 			}
 		],
 		mosaicNode: "screen_no_1"
+	},
+	{
+		id: "screenConfigLayerLoadFailure",
+		title: "Layer load failure demo",
+		scope: "system",
+		abstract: "Workspace with one intentionally broken layer",
+		viewType: "singleWindow",
+		views: [
+			{
+				mosaicNodeId: "view-1",
+				componentType: "Map",
+				title: "Broken layer map",
+				initialProps: {
+					mapPreset: {
+						proj: {
+							bbox: {
+								left: -450651.2255879827,
+								bottom: 6490531.093143953,
+								right: 1428345.8183648037,
+								top: 7438773.776232235
+							},
+							srs: "EPSG:3857"
+						},
+						layers: [
+							{
+								id: "layerid_base_1",
+								name: "WorldMap_Light_Grey_Canvas",
+								type: "twms",
+								enabled: true,
+								layerType: "baseLayer"
+							},
+							{
+								id: "layerid_broken_1",
+								name: "this_layer_does_not_exist",
+								service: "https://broken-wms.invalid/adagucserver?dataset=does_not_exist",
+								format: "image/png",
+								enabled: true,
+								layerType: "mapLayer"
+							}
+						],
+						showTimeSlider: false,
+						shouldAutoUpdate: false
+					},
+					syncGroupsIds: [
+					]
+				}
+			}
+		],
+		syncGroups: [
+		],
+		mosaicNode: "view-1"
 	}
 ];
 
@@ -11700,7 +11515,8 @@ var workspacePresetList = workspacePresets.map(function (preset) {
     scope: preset.scope,
     viewType: preset.viewType,
     "abstract": (_preset$abstract = preset["abstract"]) != null ? _preset$abstract : '',
-    description: preset.description
+    description: preset.description,
+    username: preset.username
   };
 });
 var workspaceEndpoints = [http["delete"](/^.*\/workspacepreset\/(.*)$/, /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -11807,4 +11623,4 @@ var workspaceEndpoints = [http["delete"](/^.*\/workspacepreset\/(.*)$/, /*#__PUR
   }, _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, 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, viewPresetsListener, viewPresetsReducer, workspaceActions, workspaceEndpoints, workspaceListActions, workspaceListListener, workspaceListReducer, workspaceListener, workspaceMiddlewares, workspaceReducer, workspaceReducersMap, routes as workspaceRoutes, workspaceTranslations };