@opengeoweb/workspace 9.28.1 → 9.29.0

package/index.esm.js

@@ -5,22 +5,22 @@ import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInsta
 import { getLeaves, MosaicContext, getAndAssertNodeAtPathExists, createBalancedTreeFromLeaves, MosaicWindow, Mosaic } from 'react-mosaic-component';
 import { timeSeriesActions, TimeSeriesTypes, timeSeriesSelectors, timeSeriesModuleConfig } from '@opengeoweb/timeseries';
 import { SHARED_NAMESPACE, sharedTranslations, PROJECTION, getAxiosErrorMessage, isAxiosAuthError, isAxiosError as isAxiosError$1, withEggs, ConfirmationServiceProvider, useConfirmationDialog, CustomIconButton, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, DEFAULT_FILTER_HEIGHT, usePrevious, Filter, Resizable, ToolContainer, renderCounter, CustomToggleButton, ConfirmationDialog } from '@opengeoweb/shared';
+import { snackbarTypes, snackbarActions, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
 import i18n from 'i18next';
 import { WEBMAP_REACT_NAMESPACE, webmapReactTranslations } from '@opengeoweb/webmap-react';
 import { initReactI18next, useTranslation, I18nextProvider } from 'react-i18next';
 import { CORE_NAMESPACE, coreTranslations } from '@opengeoweb/core';
 import { FORM_FIELDS_NAMESPACE, formFieldsTranslations, ReactHookFormTextField, ReactHookFormHiddenInput, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 import { isAxiosError } from 'axios';
-import { snackbarActions, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ThemeWrapper, lightTheme, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, CloudLoading, CloudIdle, WebAssetOff } from '@opengeoweb/theme';
+import { ThemeWrapper, lightTheme, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, CloudLoading, CloudIdle, WebAssetOff, Exclamation } from '@opengeoweb/theme';
 import { Provider, useDispatch, useSelector, useStore, shallowEqual } from 'react-redux';
 import { AuthenticationProvider, useAuthenticationContext, GEOWEB_ROLE_PRESETS_ADMIN } from '@opengeoweb/authentication';
 import { createStore } from '@redux-eggs/redux-toolkit';
 import { produce } from 'immer';
 import * as React from 'react';
 import React__default, { useCallback } from 'react';
-import { LinearProgress, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Grid, Box, Backdrop, Menu, ListSubheader, MenuItem, useTheme, FormGroup, FormControlLabel, Checkbox, Tabs } from '@mui/material';
+import { LinearProgress, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Grid2, Box, Backdrop, Menu, ListSubheader, MenuItem, useTheme, FormGroup, FormControlLabel, Checkbox, Tabs } from '@mui/material';
 import 'react-mosaic-component/react-mosaic-component.css';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList } from 'react-window';
@@ -47,7 +47,8 @@ var en = {
 	"workspace-cancel": "Cancel",
 	"workspace-dialog-name": "Name",
 	"workspace-dialog-abstract": "Abstract",
-	"workspace-dialog-confirm-delete-message": "Are you sure to want to delete the \"{{TITLE}}\" workspace preset?",
+	"workspace-dialog-confirm-delete-message": "Are you sure you want to delete the \"{{TITLE}}\" workspace preset?",
+	"workspace-dialog-confirm-reset-message": "The system workspace preset will be reset and all changes will be lost. Are you sure you want to continue?",
 	"workspace-error-fetch": "Failed to fetch workspace list",
 	"workspace-error-fetch-detail": "Failed to fetch workspace {{WORKSPACE_ID}}",
 	"workspace-retry": "Try again",
@@ -59,7 +60,7 @@ var en = {
 	"workspace-control-close": "Close window",
 	"workspace-control-close-message-title": "Whoops",
 	"workspace-control-close-message-description": "Are you sure you want to close this window? All changes will be lost.",
-	"workspace-mappreset-delete-message": "Are you sure to want to delete \"{{TITLE}}\" map preset?",
+	"workspace-mappreset-delete-message": "Are you sure you want to delete \"{{TITLE}}\" map preset?",
 	"workspace-viewpresets-fail-fetch": "Failed to fetch view {{VIEWPRESET_ID}}",
 	"workspace-viewpresets-error": "View presets not available",
 	"workspace-mappreset-dialog-title": "Map preset name",
@@ -75,6 +76,7 @@ var en = {
 	"workspace-list-success-duplicate": "Workspace \"{{TITLE}}\" successfully saved",
 	"workspace-list-success-edit": "Workspace \"{{TITLE}}\" successfully edited",
 	"workspace-list-success-save": "Workspace \"{{TITLE}}\" successfully saved",
+	"workspace-list-success-reset": "Workspace \"{{TITLE}}\" has been reset succesfully",
 	"workspace-save-error": "Failed to save workspace \"{{TITLE}}\"",
 	"workspace-error-generic": "Something went wrong, try again",
 	"workspace-viewpreset-success-delete": "Map preset \"{{TITLE}}\" successfully deleted",
@@ -86,7 +88,12 @@ var en = {
 	"workspace-admin-select-modified-viewpresets": "Select the modified system view presets in this workspace that you want to update.",
 	"workspace-admin-save-new-viewpreset": "This new viewpreset will be added to the system presets.",
 	"workspace-admin-save-new-viewpreset-warning": "Saving changes to this system preset will impact other presets.",
-	"workspace-admin-save-new-viewpreset-title": "Save new system viewpreset"
+	"workspace-admin-save-new-viewpreset-title": "Save new system viewpreset",
+	"workspace-admin-reset-workspace": "Reset",
+	"workspace-admin-reset-workspace-title": "Reset to original",
+	"workspace-dialog-delete-system": "Delete system workspace",
+	"workspace-dialog-confirm-delete-system": "The system workspace will be deleted, but all the view presets used will remain intact.",
+	"workspace-list-success-delete-system": "\"{{TITLE}}\" has been successfully removed from the system's workspaces."
 };
 var fi = {
 	"workspace-menu": "Workspace menu",
@@ -110,6 +117,7 @@ var fi = {
 	"workspace-dialog-name": "Nimi",
 	"workspace-dialog-abstract": "Tiivistelmä",
 	"workspace-dialog-confirm-delete-message": "Oletko varma, että haluat poistaa workspace presetin: \"{{TITLE}}\"?",
+	"workspace-dialog-confirm-reset-message": "ei käännetty",
 	"workspace-error-fetch": "Workspace listan hakeminen epäonnistui",
 	"workspace-error-fetch-detail": "Workspacen \"{{WORKSPACE_ID}}\" hakeminen epäonnistui",
 	"workspace-retry": "Yritä uudelleen",
@@ -136,6 +144,7 @@ var fi = {
 	"workspace-list-success-delete": "Workspace \"{{TITLE}}\" poistettu onnistuneesti",
 	"workspace-list-success-duplicate": "Workspace \"{{TITLE}}\" tallennettu onnistuneesti",
 	"workspace-list-success-edit": "Workspacea \"{{TITLE}}\" muokattu onnistuneesti",
+	"workspace-list-success-reset": "ei käännetty",
 	"workspace-list-success-save": "Workspace \"{{TITLE}}\" tallennettu onnistuneesti",
 	"workspace-save-error": "Workspacen \"{{TITLE}}\" tallentaminen epäonnistui",
 	"workspace-error-generic": "Jotain meni mönkään. Yritä uudelleen.",
@@ -148,7 +157,9 @@ var fi = {
 	"workspace-admin-select-modified-viewpresets": "ei käännetty",
 	"workspace-admin-save-new-viewpreset": "ei käännetty",
 	"workspace-admin-save-new-viewpreset-warning": "ei käännetty",
-	"workspace-admin-save-new-viewpreset-title": "ei käännetty"
+	"workspace-admin-save-new-viewpreset-title": "ei käännetty",
+	"workspace-admin-reset-workspace": "ei käännetty",
+	"workspace-admin-reset-workspace-title": "ei käännetty"
 };
 var no = {
 	"workspace-menu": "Arbeidsrommeny",
@@ -172,6 +183,7 @@ var no = {
 	"workspace-dialog-name": "Navn",
 	"workspace-dialog-abstract": "Abstrakt",
 	"workspace-dialog-confirm-delete-message": "Er du sikker på at du vil slette \"{{TITLE}}\" arbeidsrommet?",
+	"workspace-dialog-confirm-reset-message": "ikke oversatt",
 	"workspace-error-fetch": "Feilet i å hente liste over arbeidsrom",
 	"workspace-error-fetch-detail": "Feilet i å hente arbeidsrommet {{WORKSPACE_ID}}",
 	"workspace-viewpresets-error": "Presets er ikke tilgjengelig",
@@ -198,6 +210,7 @@ var no = {
 	"workspace-list-success-delete": "Arbeidsrom \"{{TITLE}}\" er slettet",
 	"workspace-list-success-duplicate": "Arbeidsrom \"{{TITLE}}\" er lagret",
 	"workspace-list-success-edit": "Arbeidsrom \"{{TITLE}}\" er endret",
+	"workspace-list-success-reset": "ikke oversatt",
 	"workspace-list-success-save": "Arbeidsrom \"{{TITLE}}\" er lagret",
 	"workspace-save-error": "Feilet i å lagre arbeidsrom \"{{TITLE}}\"",
 	"workspace-error-generic": "Noe feilet, prøv igjen",
@@ -210,7 +223,9 @@ var no = {
 	"workspace-admin-select-modified-viewpresets": "ikke oversatt",
 	"workspace-admin-save-new-viewpreset": "ikke oversatt",
 	"workspace-admin-save-new-viewpreset-warning": "ikke oversatt",
-	"workspace-admin-save-new-viewpreset-title": "ikke oversatt"
+	"workspace-admin-save-new-viewpreset-title": "ikke oversatt",
+	"workspace-admin-reset-workspace": "ikke oversatt",
+	"workspace-admin-reset-workspace-title": "ikke oversatt"
 };
 var nl = {
 	"workspace-menu": "Workspace menu",
@@ -234,6 +249,7 @@ var nl = {
 	"workspace-dialog-name": "Naam",
 	"workspace-dialog-abstract": "Abstract",
 	"workspace-dialog-confirm-delete-message": "Weet je zeker dat je workspace preset \"{{TITLE}}\" wilt verwijderen?",
+	"workspace-dialog-confirm-reset-message": "De systeem workspace zal worden hersteld en alle aanpassing zullen worden verwijderd. Weet je zeker dat je door wilt gaan?",
 	"workspace-error-fetch": "Ophalen workspace lijst mislukt",
 	"workspace-error-fetch-detail": "Ophalen workspace {{WORKSPACE_ID}} mislukt",
 	"workspace-viewpresets-error": "View presets niet beschikbaar",
@@ -260,6 +276,7 @@ var nl = {
 	"workspace-list-success-delete": "Workspace \"{{TITLE}}\" succesvol verwijderd",
 	"workspace-list-success-duplicate": "Workspace \"{{TITLE}}\" succesvol opgeslagen",
 	"workspace-list-success-edit": "Workspace \"{{TITLE}}\" succesvol aangepast",
+	"workspace-list-success-reset": "Workspace\"{{TITLE}}\" herstelt naar origineel ",
 	"workspace-list-success-save": "Workspace \"{{TITLE}}\" succesvol opgeslagen",
 	"workspace-save-error": "Workspace opslaan \"{{TITLE}}\" mislukt",
 	"workspace-error-generic": "Er is iets mis gegaan, probeer het opnieuw",
@@ -272,7 +289,12 @@ var nl = {
 	"workspace-admin-select-modified-viewpresets": "Selecteer de aangepaste systeem viewpresets in deze workspace die je wilt aanpassen.",
 	"workspace-admin-save-new-viewpreset": "Deze nieuwe viewpreset zal worden toegevoegd aan de systeem presets.",
 	"workspace-admin-save-new-viewpreset-warning": "Het opslaan van wijzigingen aan systeem presets kan leiden tot veranderingen in andere presets.",
-	"workspace-admin-save-new-viewpreset-title": "Opslaan als systeem viewpreset"
+	"workspace-admin-save-new-viewpreset-title": "Opslaan als systeem viewpreset",
+	"workspace-admin-reset-workspace": "Workspace herstellen",
+	"workspace-admin-reset-workspace-title": "Herstellen naar origineel",
+	"workspace-dialog-delete-system": "Verwijder systeem workspace",
+	"workspace-dialog-confirm-delete-system": "Deze systeem workspace zal worden verwijderd, maar alle gebruikte viewpresets zullen intact blijven.",
+	"workspace-list-success-delete-system": "\"{{TITLE}}\" is succesvol verwijderd uit de systeem workspaces."
 };
 var workspaceTranslations = {
 	en: en,
@@ -1704,22 +1726,22 @@ $$e({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }
   }
 });
 
-/* *
- * 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)
+/* *
+ * 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 WorkspacePresetAction;
 (function (WorkspacePresetAction) {
@@ -1730,6 +1752,8 @@ var WorkspacePresetAction;
   WorkspacePresetAction["SAVE_ALL"] = "SAVE_ALL";
   WorkspacePresetAction["DUPLICATE"] = "DUPLICATE";
   WorkspacePresetAction["SAVE_SYSTEM_PRESET"] = "SAVE_SYSTEM_PRESET";
+  WorkspacePresetAction["RESET"] = "RESET";
+  WorkspacePresetAction["DELETE_SYSTEM_PRESET"] = "DELETE_SYSTEM_PRESET";
 })(WorkspacePresetAction || (WorkspacePresetAction = {}));
 var WorkspaceErrorType;
 (function (WorkspaceErrorType) {
@@ -1790,6 +1814,20 @@ const slice$3 = createSlice({
         isFetching: false
       });
     },
+    onSuccessWorkspaceSaveDialog: (draft,
+    // eslint-disable-next-line no-unused-vars
+    action) => {
+      if (!draft.workspaceActionDialog) {
+        return;
+      }
+      const {
+        presetId
+      } = action.payload;
+      if (presetId) {
+        draft.workspaceActionDialog.presetId = presetId;
+      }
+      draft.workspaceActionDialog.hasSaved = true;
+    },
     submitFormWorkspaceActionDialogOptions: (draft,
     // eslint-disable-next-line no-unused-vars
     action) => {
@@ -2856,10 +2894,10 @@ const getViewType$1 = (numViews, firstViewComponentType) => {
   // no views
   return undefined;
 };
-/**
- * Get all view ids from the mosaicnode state
- * @param mNode MosaicNode state
- * @returns List if string ids of all mosaic nodes.
+/**
+ * Get all view ids from the mosaicnode state
+ * @param mNode MosaicNode state
+ * @returns List if string ids of all mosaic nodes.
  */
 const makeListOfViewIds = mNode => {
   return getLeaves(mNode);
@@ -3030,12 +3068,14 @@ const slice$2 = createSlice({
     },
     savedViewPreset: (draft, action) => {
       const {
-        panelId
+        panelId,
+        viewPresetId
       } = action.payload;
       const entity = draft.entities[panelId];
       if (entity) {
         entity.isFetching = false;
         entity.hasChanges = false;
+        entity.activeViewPresetId = viewPresetId;
         viewPresetsAdapter.setOne(draft, entity);
       }
     },
@@ -3215,6 +3255,18 @@ const slice$2 = createSlice({
         viewPresetsAdapter.setOne(draft, entity);
       }
     });
+    builder.addCase(workspaceListActions.submitFormWorkspaceActionDialogOptions, (draft, action) => {
+      const {
+        data
+      } = action.payload;
+      if (data.views) {
+        data.views.forEach(view => {
+          if (draft.entities[view.mosaicNodeId]) {
+            draft.entities[view.mosaicNodeId].error = undefined;
+          }
+        });
+      }
+    });
     syncGroupChangeActions.map(syncGroupAction => builder.addCase(syncGroupAction, (draft, action) => {
       const {
         origin,
@@ -3555,22 +3607,22 @@ fixRegExpWellKnownSymbolLogic$2('split', function (SPLIT, nativeSplit, maybeCall
   ];
 }, BUGGY || !SPLIT_WORKS_WITH_OVERWRITTEN_EXEC, UNSUPPORTED_Y);
 
-/* *
- * 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)
+/* *
+ * 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)
  * */
 const getCleanSearchQuery = searchQuery => searchQuery.trim().split(/\s+/).join();
 const getPresetTitle = (title, hasChanges, isNew, t) => {
@@ -3633,25 +3685,61 @@ const getSnackbarMessage$1 = (action, title) => {
   const trimmedTitle = `${title.trim()}`;
   switch (action) {
     case WorkspacePresetAction.SAVE_ALL:
-      return translateKeyOutsideComponents('workspace-list-success-save-all', {
-        TITLE: trimmedTitle
-      });
+      return {
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        key: 'workspace-list-success-save-all',
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
     case WorkspacePresetAction.DELETE:
-      return translateKeyOutsideComponents('workspace-list-success-delete', {
-        TITLE: trimmedTitle
-      });
+      return {
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        key: 'workspace-list-success-delete',
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
+    case WorkspacePresetAction.DELETE_SYSTEM_PRESET:
+      return {
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        key: 'workspace-list-success-delete-system',
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
     case WorkspacePresetAction.DUPLICATE:
-      return translateKeyOutsideComponents('workspace-list-success-duplicate', {
-        TITLE: trimmedTitle
-      });
+      return {
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        key: 'workspace-list-success-duplicate',
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
     case WorkspacePresetAction.EDIT:
-      return translateKeyOutsideComponents('workspace-list-success-edit', {
-        TITLE: trimmedTitle
-      });
+      return {
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        key: 'workspace-list-success-edit',
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
+    case WorkspacePresetAction.RESET:
+      return {
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        key: 'workspace-list-success-reset',
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
     default:
-      return translateKeyOutsideComponents('workspace-list-success-save', {
-        TITLE: trimmedTitle
-      });
+      return {
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        key: 'workspace-list-success-save',
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
   }
 };
 const getEmptyWorkspaceListItem = () => ({
@@ -3940,12 +4028,12 @@ const slice$1 = createSlice({
   },
   extraReducers: builder => {
     builder.addCase(workspaceListActions.onSuccessWorkspacePresetAction, (draft, action) => {
-      if (action.payload.action === WorkspacePresetAction.SAVE_AS || action.payload.action === WorkspacePresetAction.SAVE_ALL) {
+      if (action.payload.action === WorkspacePresetAction.SAVE_AS || action.payload.action === WorkspacePresetAction.SAVE_ALL || action.payload.action === WorkspacePresetAction.SAVE_SYSTEM_PRESET) {
         draft.id = action.payload.workspaceId;
         draft.title = action.payload.title;
         draft.abstract = action.payload.abstract;
         draft.hasChanges = false;
-        draft.scope = 'user';
+        draft.scope = action.payload.scope || 'user';
       }
       if (action.payload.action === WorkspacePresetAction.SAVE) {
         draft.hasChanges = false;
@@ -3956,7 +4044,7 @@ const slice$1 = createSlice({
       }
       // If current selected workspace is deleted
       // Remove the id, rename to empty workspace and set it has changes
-      if (action.payload.action === WorkspacePresetAction.DELETE && action.payload.workspaceId === draft.id) {
+      if ((action.payload.action === WorkspacePresetAction.DELETE || action.payload.action === WorkspacePresetAction.DELETE_SYSTEM_PRESET) && action.payload.workspaceId === draft.id) {
         delete draft.id;
         draft.title = emptyMapWorkspace.title;
         draft.abstract = emptyMapWorkspace.abstract;
@@ -4077,21 +4165,37 @@ const getSnackbarMessage = (action, title) => {
   const trimmedTitle = title.trim();
   switch (action) {
     case PresetAction.DELETE:
-      return translateKeyOutsideComponents('workspace-viewpreset-success-delete', {
-        TITLE: trimmedTitle
-      });
+      return {
+        key: 'workspace-viewpreset-success-delete',
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
     case PresetAction.SAVE_AS:
-      return translateKeyOutsideComponents('workspace-viewpreset-success-save-as', {
-        TITLE: trimmedTitle
-      });
+      return {
+        key: 'workspace-viewpreset-success-save-as',
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
     case PresetAction.EDIT:
-      return translateKeyOutsideComponents('workspace-viewpreset-success-edit', {
-        TITLE: trimmedTitle
-      });
+      return {
+        key: 'workspace-viewpreset-success-edit',
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
     default:
-      return translateKeyOutsideComponents('workspace-viewpreset-success-save', {
-        TITLE: trimmedTitle
-      });
+      return {
+        key: 'workspace-viewpreset-success-save',
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
   }
 };
 const emptyViewPreset = (componentType = 'Map') => {
@@ -4153,82 +4257,82 @@ const constructFilterParams = (filters, searchQuery) => {
 };
 
 const workspaceStore = store => (store === null || store === void 0 ? void 0 : store.workspace) || initialState$1;
-/**
- * Gets workspace state
- *
- * @param {object} store store: object - Store object
- * @returns {object} returnType: WorkspaceState
+/**
+ * Gets workspace state
+ *
+ * @param {object} store store: object - Store object
+ * @returns {object} returnType: WorkspaceState
  */
 const getWorkspaceState = createSelector(workspaceStore, store => store || initialState$1, selectorMemoizationOptions);
-/**
- * Gets intialViewMapPreset from workspace state
- *
- * @param {object} store store: object - Store object
- * @returns {MapPreset | undefined} returnType: MapPreset
+/**
+ * Gets intialViewMapPreset from workspace state
+ *
+ * @param {object} store store: object - Store object
+ * @returns {MapPreset | undefined} returnType: MapPreset
  */
 const getInitialViewMapPreset = createSelector(getWorkspaceState, state => state && state.intialViewMapPreset, selectorMemoizationOptions);
-/**
- * Gets mosaicNode from workspace state
- *
- * @param {object} store store: object - Store object
- * @returns {MosaicNode<string>} returnType: MosaicNode<string>
+/**
+ * Gets mosaicNode from workspace state
+ *
+ * @param {object} store store: object - Store object
+ * @returns {MosaicNode<string>} returnType: MosaicNode<string>
  */
 const getMosaicNode = createSelector(getWorkspaceState, state => state && state.mosaicNode, selectorMemoizationOptions);
-/**
- * Gets view from workspace state
- *
- * @param {object} store store: object - Store object
- * @param {string} viewId viewId: string - view id
- * @returns {object} returnType: WorkspaceViewType
+/**
+ * Gets view from workspace state
+ *
+ * @param {object} store store: object - Store object
+ * @param {string} viewId viewId: string - view id
+ * @returns {object} returnType: WorkspaceViewType
  */
 const getViewById = createSelector(getWorkspaceState, (store, viewId) => viewId, (store, viewId) => {
   var _a, _b;
   return (_b = (_a = store === null || store === void 0 ? void 0 : store.views) === null || _a === void 0 ? void 0 : _a.byId) === null || _b === void 0 ? void 0 : _b[viewId];
 }, selectorMemoizationOptions);
-/**
- * Gets all view ids
- *
- * @param {object} store store: object - Store object
- * @returns {object} returnType: string[]
+/**
+ * Gets all view ids
+ *
+ * @param {object} store store: object - Store object
+ * @returns {object} returnType: string[]
  */
 const getViewIds = createSelector(getWorkspaceState, store => store.views.allIds || [], selectorMemoizationOptions);
-/**
- * Gets getShouldPreventClose from workspace state
- *
- * @param {object} store store: object - Store object
- * @param {string} viewId viewId: string - view id
- * @returns {boolean} returnType: boolean
+/**
+ * Gets getShouldPreventClose from workspace state
+ *
+ * @param {object} store store: object - Store object
+ * @param {string} viewId viewId: string - view id
+ * @returns {boolean} returnType: boolean
  */
 const getShouldPreventClose = createSelector(getViewById, store => (store === null || store === void 0 ? void 0 : store.shouldPreventClose) || false, selectorMemoizationOptions);
 const isWorkspaceLoading = createSelector(getWorkspaceState, store => (store === null || store === void 0 ? void 0 : store.isLoading) || false, selectorMemoizationOptions);
 const getWorkspaceError = createSelector(getWorkspaceState, store => store === null || store === void 0 ? void 0 : store.error, selectorMemoizationOptions);
-/**
- * Gets selected workspace title
- *
- * @param {object} store store: object - Store object
- * @returns {string} returnType: string
+/**
+ * Gets selected workspace title
+ *
+ * @param {object} store store: object - Store object
+ * @returns {string} returnType: string
  */
 const getSelectedWorkspaceTitle = createSelector(workspaceStore, store => store && store.title || '', selectorMemoizationOptions);
 const hasWorkspaceChanges = createSelector(getWorkspaceState, store => (store === null || store === void 0 ? void 0 : store.hasChanges) || false, selectorMemoizationOptions);
-/**
- * Gets selected viewType
- *
- * @param {object} store store: object - Store object
- * @returns {string} returnType: string
+/**
+ * Gets selected viewType
+ *
+ * @param {object} store store: object - Store object
+ * @returns {string} returnType: string
  */
 const getViewType = createSelector(getWorkspaceState, store => (store === null || store === void 0 ? void 0 : store.viewType) || '', selectorMemoizationOptions);
-/**
- * Gets selected workspace scope
- *
- * @param {object} store store: object - Store object
- * @returns {string} returnType: string
+/**
+ * Gets selected workspace scope
+ *
+ * @param {object} store store: object - Store object
+ * @returns {string} returnType: string
  */
 const getSelectedWorkspaceScope = createSelector(workspaceStore, store => store && store.scope || 'system', selectorMemoizationOptions);
-/**
- * Gets workspace data to send to the backend
- *
- * @param {object} store store: object - Store object
- * @returns {object} returnType: object - WorkspacePresetFromBE
+/**
+ * Gets workspace data to send to the backend
+ *
+ * @param {object} store store: object - Store object
+ * @returns {object} returnType: object - WorkspacePresetFromBE
  */
 const getWorkspaceData = createSelector(getWorkspaceState, getViewPresetsStore, genericSelectors.getSynchronizationGroupStore, (store, mapPresetStore, syncGroupsStore) => {
   const syncGroups = (syncGroupsStore === null || syncGroupsStore === void 0 ? void 0 : syncGroupsStore.groups.allIds.map(id => {
@@ -4261,7 +4365,7 @@ const getWorkspaceData = createSelector(getWorkspaceState, getViewPresetsStore,
 }, selectorMemoizationOptions);
 const getViewComponentType = createSelector(getViewById, store => (store === null || store === void 0 ? void 0 : store.componentType) || 'Map', selectorMemoizationOptions);
 const getViewPresetToSendToBackend = createSelector(getViewById, getViewComponentType, mapSelectors.getMapPreset, syncGroupsSelectors.getAllTargetGroupsForSource, timeSeriesSelectors.getTimeSeriesPreset, (workspaceView, viewComponentType, mapPreset, syncGroupsIds, timeSeriesPreset) => {
-  const title = (workspaceView === null || workspaceView === void 0 ? void 0 : workspaceView.title) || translateKeyOutsideComponents('workspace-mappreset-new');
+  const title = workspaceView === null || workspaceView === void 0 ? void 0 : workspaceView.title;
   const scope = (workspaceView === null || workspaceView === void 0 ? void 0 : workspaceView.scope) || 'system';
   const defaultInitialProps = {
     mapPreset,
@@ -4298,22 +4402,22 @@ var selectors$1 = /*#__PURE__*/Object.freeze({
   isWorkspaceLoading: isWorkspaceLoading
 });
 
-/* *
- * 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)
+/* *
+ * 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)
  * */
 const viewPresetsListAdapter = createEntityAdapter();
 const initialState = viewPresetsListAdapter.getInitialState();
@@ -4397,25 +4501,8 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-/* *
- * 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)
- * */
 const processError = (error, component, errorMessageKey) => {
-  const message = isAxiosError(error) ? getAxiosErrorMessage(error) : translateKeyOutsideComponents(errorMessageKey);
+  const message = isAxiosError(error) ? getAxiosErrorMessage(error) : errorMessageKey;
   const errorType = isAxiosAuthError(error) ? ViewPresetErrorType.AUTH : ViewPresetErrorType.GENERIC;
   return {
     message,
@@ -4476,36 +4563,69 @@ viewPresetsListener.startListening({
     }
   })
 });
+const saveViewPresetAsEffect = ({
+  payload
+}, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+  listenerApi.cancelActiveListeners();
+  const {
+    panelId,
+    viewPreset
+  } = payload;
+  try {
+    const workspaceApi = getWorkspaceApi();
+    const viewPresetId = yield workspaceApi.saveViewPresetAs(viewPreset);
+    listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage(PresetAction.SAVE, viewPreset.title)));
+    listenerApi.dispatch(viewPresetActions.savedViewPreset({
+      panelId,
+      viewPresetId
+    }));
+    listenerApi.dispatch(viewPresetActions.fetchedViewPreset({
+      panelId,
+      viewPresetId,
+      viewPreset
+    }));
+    return Object.assign(Object.assign({}, viewPreset), {
+      id: viewPresetId
+    });
+  } catch (error) {
+    listenerApi.dispatch(viewPresetActions.errorViewPreset({
+      error: processError(error, ViewPresetErrorComponent.PRESET_DETAIL, 'workspace-mappreset-error-save'),
+      panelId
+    }));
+    return error;
+  }
+});
+const saveViewPresetEffect = ({
+  payload
+}, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+  listenerApi.cancelActiveListeners();
+  const {
+    panelId,
+    viewPreset,
+    viewPresetId
+  } = payload;
+  try {
+    const workspaceApi = getWorkspaceApi();
+    yield workspaceApi.saveViewPreset(viewPresetId, viewPreset);
+    listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage(PresetAction.SAVE, viewPreset.title)));
+    listenerApi.dispatch(viewPresetActions.savedViewPreset({
+      panelId,
+      viewPresetId
+    }));
+    return viewPreset;
+  } catch (error) {
+    listenerApi.dispatch(viewPresetActions.errorViewPreset({
+      error: processError(error, ViewPresetErrorComponent.PRESET_DETAIL, 'workspace-mappreset-error-save'),
+      panelId,
+      viewPresetId
+    }));
+    return error;
+  }
+});
 // save view preset
 viewPresetsListener.startListening({
   actionCreator: viewPresetActions.saveViewPreset,
-  effect: ({
-    payload
-  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
-    listenerApi.cancelActiveListeners();
-    const {
-      panelId,
-      viewPreset,
-      viewPresetId
-    } = payload;
-    try {
-      const workspaceApi = getWorkspaceApi();
-      yield workspaceApi.saveViewPreset(viewPresetId, viewPreset);
-      listenerApi.dispatch(snackbarActions.openSnackbar({
-        message: getSnackbarMessage(PresetAction.SAVE, viewPreset.title)
-      }));
-      listenerApi.dispatch(viewPresetActions.savedViewPreset({
-        panelId,
-        viewPresetId
-      }));
-    } catch (error) {
-      listenerApi.dispatch(viewPresetActions.errorViewPreset({
-        error: processError(error, ViewPresetErrorComponent.PRESET_DETAIL, 'workspace-mappreset-error-save'),
-        panelId,
-        viewPresetId
-      }));
-    }
-  })
+  effect: saveViewPresetEffect
 });
 // select view preset
 viewPresetsListener.startListening({
@@ -4563,9 +4683,7 @@ viewPresetsListener.startListening({
       panelId
     } = payload;
     try {
-      listenerApi.dispatch(snackbarActions.openSnackbar({
-        message: getSnackbarMessage(action, title)
-      }));
+      listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage(action, title)));
       const activeMapPresetId = getViewPresetActiveId(listenerApi.getState(), panelId);
       // if active preset has been deleted, select the empty new preset
       if (action === PresetAction.DELETE && viewPresetId === activeMapPresetId) {
@@ -6024,22 +6142,22 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
   ];
 }, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);
 
-/* *
- * 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)
+/* *
+ * 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)
  * */
 const routes = {
   root: '/',
@@ -8726,7 +8844,7 @@ workspaceListener.startListening({
     listenerApi.cancelActiveListeners();
     // Delay before starting actual work
     yield listenerApi.delay(100);
-    /* This will trigger all maps and other components
+    /* This will trigger all maps and other components
     to get the correct size after views are updated */
     window.dispatchEvent(new Event('resize'));
   })
@@ -8835,27 +8953,32 @@ if ($stringify) {
   });
 }
 
-/* *
- * 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)
+/* *
+ * 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 WorkspaceListErrorCategory;
+(function (WorkspaceListErrorCategory) {
+  WorkspaceListErrorCategory["AUTH"] = "AUTH";
+  WorkspaceListErrorCategory["GENERIC"] = "GENERIC";
+})(WorkspaceListErrorCategory || (WorkspaceListErrorCategory = {}));
 var WorkspaceListErrorType;
 (function (WorkspaceListErrorType) {
-  WorkspaceListErrorType["AUTH"] = "AUTH";
-  WorkspaceListErrorType["GENERIC"] = "GENERIC";
+  WorkspaceListErrorType["TRANSLATABLE_ERROR"] = "TRANSLATABLE_ERROR";
+  WorkspaceListErrorType["VERBATIM_ERROR"] = "VERBATIM_ERROR";
 })(WorkspaceListErrorType || (WorkspaceListErrorType = {}));
 
 const getWorkspaceListStore = store => {
@@ -8877,11 +9000,37 @@ const {
 const getIsWorkspaceListFetching = createSelector(getWorkspaceListStore, store => store, state => {
   return (state === null || state === void 0 ? void 0 : state.isFetching) || false;
 }, selectorMemoizationOptions);
+const getWorkspaceDialogIsSaved = createSelector(getWorkspaceListStore, store => store, state => {
+  var _a;
+  return ((_a = state === null || state === void 0 ? void 0 : state.workspaceActionDialog) === null || _a === void 0 ? void 0 : _a.hasSaved) || false;
+}, selectorMemoizationOptions);
 const getWorkspaceListError = createSelector(getWorkspaceListStore, store => store, state => {
   return (state === null || state === void 0 ? void 0 : state.error) || undefined;
 }, selectorMemoizationOptions);
-const getWorkspaceActionDialogDetails = createSelector(getWorkspaceListStore, store => store, state => {
-  return (state === null || state === void 0 ? void 0 : state.workspaceActionDialog) || false;
+const getWorkspaceActionDialogDetails = createSelector(getWorkspaceListStore, getWorkspaceState, getViewPresetsStore, (workspaceListState, workspaceState, viewpresetState) => {
+  var _a;
+  const dialog = (workspaceListState === null || workspaceListState === void 0 ? void 0 : workspaceListState.workspaceActionDialog) || false;
+  if (dialog) {
+    const views = (_a = dialog.formValues.views) === null || _a === void 0 ? void 0 : _a.map(view => {
+      const workspaceView = workspaceState.views.byId[view.mosaicNodeId];
+      const viewComplete = viewpresetState.entities[view.mosaicNodeId];
+      return {
+        mosaicNodeId: view.mosaicNodeId,
+        viewPresetId: (viewComplete === null || viewComplete === void 0 ? void 0 : viewComplete.activeViewPresetId) || view.viewPresetId,
+        isSelected: view.isSelected,
+        title: view.title || workspaceView.title,
+        error: viewComplete === null || viewComplete === void 0 ? void 0 : viewComplete.error,
+        isFetching: viewComplete === null || viewComplete === void 0 ? void 0 : viewComplete.isFetching,
+        hasChanges: viewComplete === null || viewComplete === void 0 ? void 0 : viewComplete.hasChanges
+      };
+    });
+    return Object.assign(Object.assign({}, dialog), {
+      formValues: Object.assign(Object.assign({}, dialog.formValues), views && {
+        views
+      })
+    });
+  }
+  return dialog;
 }, selectorMemoizationOptions);
 const getIsWorkspaceListDialogOpen = createSelector(getWorkspaceListStore, store => store, state => {
   return (state === null || state === void 0 ? void 0 : state.isWorkspaceListDialogOpen) || false;
@@ -8911,9 +9060,9 @@ const emptyWorkspaceBEData = Object.assign(Object.assign({}, emptyMapWorkspace),
     viewPresetId: 'emptyMap'
   }]
 });
-const saveAllViewPresets = (viewPresetEntity, workspaceTitle, store) => __awaiter(void 0, void 0, void 0, function* () {
+const saveAllViewPresets = (viewPresetEntity, workspaceTitle, store, emptyMapPresetTitle) => __awaiter(void 0, void 0, void 0, function* () {
   var _a, _b;
-  const workspaceApi = yield getWorkspaceApi();
+  const workspaceApi = getWorkspaceApi();
   const {
     panelId,
     activeViewPresetId,
@@ -8924,7 +9073,9 @@ const saveAllViewPresets = (viewPresetEntity, workspaceTitle, store) => __awaite
     const scope = viewPreset.scope || 'system';
     // saves user viewpresets with changes
     if (scope === 'user' && hasChanges) {
-      yield workspaceApi.saveViewPreset(activeViewPresetId, viewPreset);
+      yield workspaceApi.saveViewPreset(activeViewPresetId, Object.assign(Object.assign({}, viewPreset), {
+        title: viewPreset.title || emptyMapPresetTitle
+      }));
       store.dispatch(viewPresetActions.savedViewPreset({
         panelId,
         viewPresetId: activeViewPresetId
@@ -8981,13 +9132,17 @@ workspaceListListener.startListening({
       }));
     } catch (error) {
       const isAuthError = isAxiosAuthError(error);
-      const message = isAuthError ? getAxiosErrorMessage(error) : translateKeyOutsideComponents('workspace-list-error');
-      const type = isAuthError ? WorkspaceListErrorType.AUTH : WorkspaceListErrorType.GENERIC;
+      const workspaceListError = isAuthError ? {
+        type: WorkspaceListErrorType.VERBATIM_ERROR,
+        message: getAxiosErrorMessage(error),
+        category: WorkspaceListErrorCategory.AUTH
+      } : {
+        type: WorkspaceListErrorType.TRANSLATABLE_ERROR,
+        key: 'workspace-list-error',
+        category: WorkspaceListErrorCategory.GENERIC
+      };
       listenerApi.dispatch(workspaceListActions.errorWorkspaceList({
-        error: {
-          type,
-          message
-        }
+        error: workspaceListError
       }));
     }
   })
@@ -9003,11 +9158,9 @@ workspaceListListener.startListening({
       workspaceId,
       title
     } = payload;
-    listenerApi.dispatch(snackbarActions.openSnackbar({
-      message: getSnackbarMessage$1(action, title)
-    }));
+    listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage$1(action, title)));
     // if active workspace has been deleted, empty out url
-    if (action === WorkspacePresetAction.DELETE && payload.currentActiveWorkspaceId && workspaceId === payload.currentActiveWorkspaceId) {
+    if ((action === WorkspacePresetAction.DELETE || action === WorkspacePresetAction.DELETE_SYSTEM_PRESET) && payload.currentActiveWorkspaceId && workspaceId === payload.currentActiveWorkspaceId) {
       listenerApi.dispatch(routerActions.navigateToUrl({
         url: getWorkspaceRouteUrl()
       }));
@@ -9066,7 +9219,7 @@ workspaceListListener.startListening({
         }));
       }
       // delete
-      if (presetAction === WorkspacePresetAction.DELETE) {
+      if (presetAction === WorkspacePresetAction.DELETE || presetAction === WorkspacePresetAction.DELETE_SYSTEM_PRESET) {
         yield workspaceApi.deleteWorkspacePreset(presetId);
         const selectedWorkspace = getWorkspaceState(listenerApi.getState());
         listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
@@ -9104,7 +9257,10 @@ workspaceListListener.startListening({
         const workspaceId = isNew ? yield workspaceApi.saveWorkspacePresetAs(data) : data.id;
         // get all views
         const views = getViewPresets(listenerApi.getState());
-        const savedViewPresetResult = yield Promise.all(views.map(view => saveAllViewPresets(view, data.title, listenerApi)));
+        const {
+          emptyMapPresetTitle
+        } = payload;
+        const savedViewPresetResult = yield Promise.all(views.map(view => saveAllViewPresets(view, data.title, listenerApi, emptyMapPresetTitle)));
         const errorMessage = savedViewPresetResult.find(viewPresetResult => typeof viewPresetResult === 'string');
         if (errorMessage) {
           throw new Error(JSON.stringify(errorMessage));
@@ -9132,12 +9288,98 @@ workspaceListListener.startListening({
           }));
         }
       }
+      // save system presets
+      if (presetAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET) {
+        const hasWorkspaceAlreadyBeenSaved = getWorkspaceDialogIsSaved(listenerApi.getState());
+        let workspaceId = presetId;
+        if (!hasWorkspaceAlreadyBeenSaved) {
+          workspaceId = yield workspaceApi.saveWorkspacePresetAs(data);
+        }
+        // lock the workspace
+        listenerApi.dispatch(workspaceListActions.onSuccessWorkspaceSaveDialog({
+          presetId: workspaceId
+        }));
+        const viewPresetResults = yield Promise.all(data.views.map(view => __awaiter(void 0, void 0, void 0, function* () {
+          const viewPresetEntity = Object.assign(Object.assign({}, getViewPresetToSendToBackend(listenerApi.getState(), view.mosaicNodeId)), {
+            title: view.title
+          });
+          const shouldUpdateView = view.hasChanges && view.isSelected;
+          // save existing views
+          if (shouldUpdateView && view.viewPresetId !== 'emptyMap') {
+            const payload = {
+              panelId: view.mosaicNodeId,
+              viewPresetId: view.viewPresetId,
+              viewPreset: viewPresetEntity
+            };
+            return saveViewPresetEffect({
+              payload
+            }, listenerApi);
+          }
+          // save new views
+          if (shouldUpdateView) {
+            const payload = {
+              panelId: view.mosaicNodeId,
+              viewPresetId: '',
+              viewPreset: viewPresetEntity
+            };
+            return saveViewPresetAsEffect({
+              payload
+            }, listenerApi);
+          }
+          return viewPresetEntity;
+        })));
+        const hasError = viewPresetResults.find(view => view.message);
+        if (hasError) {
+          // maybe we can use another action, but this resets fetching of the form
+          listenerApi.dispatch(workspaceListActions.onErrorWorkspacePresetAction({
+            error: undefined
+          }));
+          return;
+        }
+        const workspaceData = getWorkspaceData(listenerApi.getState());
+        const newWorkspace = Object.assign(Object.assign({}, workspaceData), {
+          id: workspaceId,
+          title: data.title,
+          abstract: data.abstract
+        });
+        yield workspaceApi.saveWorkspacePreset(workspaceId, newWorkspace);
+        listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
+          action: WorkspacePresetAction.SAVE_SYSTEM_PRESET,
+          workspaceId,
+          title: newWorkspace.title,
+          abstract: newWorkspace.abstract,
+          scope: 'system'
+        }));
+        listenerApi.dispatch(routerActions.navigateToUrl({
+          url: getWorkspaceRouteUrl(workspaceId)
+        }));
+      }
+      // Reset
+      if (presetAction === WorkspacePresetAction.RESET) {
+        // In case we're resetting the `New workspace` preset
+        if (presetId === emptyMapWorkspace.id) {
+          listenerApi.dispatch(workspaceActions.changeToEmptyMapWorkspace());
+        } else {
+          listenerApi.dispatch(workspaceActions.fetchWorkspace({
+            workspaceId: presetId
+          }));
+        }
+        // workspace success handling
+        listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
+          action: WorkspacePresetAction.RESET,
+          workspaceId: presetId,
+          title: data.title,
+          abstract: data.abstract,
+          scope
+        }));
+      }
     } catch (error) {
       const message = isAxiosError$1(error) ? getAxiosErrorMessage(error) : error.message;
-      const type = isAxiosAuthError(error) ? WorkspaceListErrorType.AUTH : WorkspaceListErrorType.GENERIC;
+      const category = isAxiosAuthError(error) ? WorkspaceListErrorCategory.AUTH : WorkspaceListErrorCategory.GENERIC;
       listenerApi.dispatch(workspaceListActions.onErrorWorkspacePresetAction({
         error: {
-          type,
+          type: WorkspaceListErrorType.VERBATIM_ERROR,
+          category,
           message
         }
       }));
@@ -9145,22 +9387,22 @@ workspaceListListener.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)
+/* *
+ * 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)
  * */
 const workspaceModuleConfig = {
   id: 'workspace-module',
@@ -9174,22 +9416,22 @@ const workspaceModuleConfig = {
 };
 
 /* eslint-disable @typescript-eslint/ban-ts-comment */
-/* *
- * 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)
+/* *
+ * 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)
  * */
 const devToolsStateSanitizer = {
   stateSanitizer: state => {
@@ -9599,22 +9841,22 @@ const defaultComponentsLookUp = ({
   }
 };
 
-/* *
- * 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)
+/* *
+ * 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)
  * */
 const getUniqueId = (existingIds, count = 1) => {
   const newId = `${count}_screen`;
@@ -9628,22 +9870,22 @@ const createBalancedMosaicNode = currentNode => {
   return createBalancedTreeFromLeaves(leaves);
 };
 
-/* *
- * 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)
+/* *
+ * 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
@@ -9697,6 +9939,7 @@ const WorkspaceSelectListRow = ({
   onClickWorkspacePresetOption,
   isOptionsMenuOpen: _isOptionsMenuOpen = false,
   isEditable: _isEditable = false,
+  isAdmin: _isAdmin = false,
   searchQuery: _searchQuery = '',
   testIdPrefix: _testIdPrefix = 'workspace'
 }) => {
@@ -9770,26 +10013,24 @@ const WorkspaceSelectListRow = ({
             margin: 0
           }
         })
-      })), _isEditable && jsx(Grid, Object.assign({
+      })), _isEditable && jsx(Grid2, Object.assign({
         sx: {
           minWidth: 56,
           marginLeft: 2
         }
       }, {
-        children: jsxs(Grid, Object.assign({
-          item: true
-        }, {
-          children: [jsx(ToggleMenu, {
+        children: jsxs(Grid2, {
+          children: [!_isAdmin && jsx(ToggleMenu, {
             buttonTestId: `${_testIdPrefix}-listOptionsButton`,
             menuPosition: "right",
             menuItems: menuItems,
             menuTitle: t('workspace-options'),
             isDefaultOpen: _isOptionsMenuOpen
-          }), workspacePreset.scope === 'user' && jsx(CustomIconButton, Object.assign({
+          }), (workspacePreset.scope === 'user' || _isAdmin) && workspacePreset.id && jsx(CustomIconButton, Object.assign({
             tooltipTitle: t('workspace-delete-tooltip'),
             onClick: event => {
               event.stopPropagation();
-              onClickWorkspacePresetOption(workspacePreset.id, WorkspacePresetAction.DELETE, workspacePreset);
+              onClickWorkspacePresetOption(workspacePreset.id, _isAdmin ? WorkspacePresetAction.DELETE_SYSTEM_PRESET : WorkspacePresetAction.DELETE, workspacePreset);
             },
             variant: "tool",
             sx: {
@@ -9799,7 +10040,7 @@ const WorkspaceSelectListRow = ({
           }, {
             children: jsx(Delete, {})
           }))]
-        }))
+        })
       }))]
     }))
   }));
@@ -9817,6 +10058,7 @@ const WorkspaceSelectList = ({
   onClickWorkspacePresetOption,
   hideNewWorkspace,
   isEditable,
+  isAdmin,
   searchQuery,
   newPreset: _newPreset = getEmptyWorkspaceListItem(),
   testIdPrefix: _testIdPrefix = 'workspace'
@@ -9868,6 +10110,7 @@ const WorkspaceSelectList = ({
                 onClickPreset: onClickPreset,
                 onClickWorkspacePresetOption: onClickWorkspacePresetOption,
                 isEditable: isEditable,
+                isAdmin: isAdmin,
                 searchQuery: searchQuery,
                 isSelected: currentSelectedId === preset.id || currentSelectedId === '' && preset.id === undefined,
                 testIdPrefix: _testIdPrefix
@@ -10164,6 +10407,7 @@ const WorkspaceOptionsNoMemo = ({
   handleEdit,
   handleDelete,
   handleSaveSystemPreset,
+  handleResetWorkspace,
   hasChanges: _hasChanges = false,
   isDisabled: _isDisabled = false,
   panelId,
@@ -10202,10 +10446,13 @@ const WorkspaceOptionsNoMemo = ({
   }] : [...(handleSaveSystemPreset ? [{
     title: t('workspace-admin-save-new-workspace'),
     callback: handleSaveSystemPreset
-  }] : [{
-    title: t('workspace-admin-save-new-viewpreset-title'),
-    callback: undefined
-  }])];
+  }] : []), ...(handleResetWorkspace ? [{
+    title: t('workspace-admin-reset-workspace'),
+    callback: handleResetWorkspace
+  }] : []), {
+    title: t('workspace-delete'),
+    callback: handleDelete
+  }];
   const renderButton = () => jsxs(CustomToggleButton, Object.assign({
     variant: "tool",
     selected: isOpen,
@@ -10914,6 +11161,18 @@ const WorkspaceSelectListConnect = () => {
           });
           break;
         }
+      case WorkspacePresetAction.DELETE_SYSTEM_PRESET:
+        {
+          setWorkspaceActionDialogOptions({
+            action: workspaceAction,
+            presetId,
+            formValues: {
+              title: presetTitle,
+              scope
+            }
+          });
+          break;
+        }
     }
   };
   const isAllSelected = workspaceListFilters.every(filter => filter.isSelected);
@@ -10921,8 +11180,6 @@ const WorkspaceSelectListConnect = () => {
   const {
     t
   } = useWorkspaceTranslation();
-  // disable edit for admin users for now
-  const isEditable = isLoggedIn && !isAdmin;
   return jsxs("div", Object.assign({
     "data-testid": "workspace-selectlist-connect",
     style: {
@@ -10945,9 +11202,9 @@ const WorkspaceSelectListConnect = () => {
     }, {
       children: jsx(AlertBanner, Object.assign({
         title: t('workspace-error-fetch'),
-        info: error.message,
+        info: error.type === WorkspaceListErrorType.TRANSLATABLE_ERROR ? t(error.key, error.params) : error.message,
         shouldClose: true
-      }, error.type === WorkspaceListErrorType.GENERIC && {
+      }, error.category === WorkspaceListErrorCategory.GENERIC && {
         actionButtonProps: {
           title: t('workspace-retry'),
           onClick: () => fetchWorkspaceList()
@@ -10971,7 +11228,8 @@ const WorkspaceSelectListConnect = () => {
         onClickPreset: onClickWorkspace,
         onClickWorkspacePresetOption: onClickWorkspacePresetOption,
         hideNewWorkspace: shouldHideNewWorkspace,
-        isEditable: isEditable,
+        isEditable: isLoggedIn,
+        isAdmin: isAdmin,
         searchQuery: workspaceSearchQuery
       })]
     }))]
@@ -11130,7 +11388,9 @@ const WorkspaceOptionsConnect = ({
     setWorkspaceActionDialogOptions({
       action: WorkspacePresetAction.SAVE_ALL,
       presetId: workspaceId,
-      formValues: Object.assign({}, workspaceData)
+      formValues: Object.assign(Object.assign({}, workspaceData), {
+        scope: 'user'
+      })
     });
   };
   const onSave = React.useCallback(() => {
@@ -11150,21 +11410,55 @@ const WorkspaceOptionsConnect = ({
       action: WorkspacePresetAction.SAVE_SYSTEM_PRESET,
       presetId: workspaceId,
       formValues: Object.assign(Object.assign({}, workspaceData), {
-        scope: 'system'
-      })
+        scope: 'system',
+        views: workspaceData.views.map(view => Object.assign(Object.assign({}, view), {
+          isSelected: false
+        }))
+      }),
+      hasSaved: false
+    });
+  };
+  const onResetWorkspace = () => {
+    setWorkspaceActionDialogOptions({
+      action: WorkspacePresetAction.RESET,
+      presetId: workspaceId,
+      formValues: {
+        title
+      }
     });
   };
-  const fullTitle = getPresetTitle(title, hasChanges, workspaceId === undefined || !workspaceId.length, t);
+  const onDeleteSystemPreset = () => {
+    setWorkspaceActionDialogOptions({
+      action: WorkspacePresetAction.DELETE_SYSTEM_PRESET,
+      presetId: workspaceId,
+      formValues: {
+        title
+      }
+    });
+  };
+  const isNew = workspaceId === undefined;
+  const fullTitle = getPresetTitle(title, hasChanges, isNew || !workspaceId.length, t);
+  const isUserPreset = workspaceScope === 'user';
+  const getOnDelete = () => {
+    if (isNew) {
+      return undefined; // to disable delete option
+    }
+    if (isUserPreset) {
+      return onDelete;
+    }
+    return isAdmin ? onDeleteSystemPreset : undefined;
+  };
   return jsx(WorkspaceOptions, {
     hasChanges: hasChanges,
     title: fullTitle,
     activeTab: activeTab,
-    handleDelete: workspaceScope === 'user' ? onDelete : undefined,
+    handleDelete: getOnDelete(),
     handleSaveAs: onSaveAs,
     handleSaveAll: onSaveAll,
-    handleSave: workspaceScope === 'user' ? onSave : undefined,
-    handleEdit: workspaceScope === 'user' ? onEdit : undefined,
-    handleSaveSystemPreset: onSaveSystemPreset,
+    handleSave: isUserPreset ? onSave : undefined,
+    handleEdit: isUserPreset ? onEdit : undefined,
+    handleSaveSystemPreset: isUserPreset ? undefined : onSaveSystemPreset,
+    handleResetWorkspace: isUserPreset ? undefined : onResetWorkspace,
     isDisabled: !viewIds.length || !isLoggedIn,
     isAdmin: isAdmin
   });
@@ -11204,35 +11498,50 @@ const HelperText = ({
 }));
 const ViewPresetItem = ({
   index,
-  viewPreset
+  viewPreset,
+  isLoading: _isLoading = false
 }) => {
   const {
     t
   } = useWorkspaceTranslation();
   const {
     setValue,
-    watch
+    watch,
+    setError
   } = useFormContext();
   const isNew = !viewPreset.viewPresetId || viewPreset.viewPresetId === 'emptyMap';
-  const isChecked = watch(`views.${index}.isChecked`) === true;
-  const viewPresetTitle = viewPreset.title || t('workspace-mappreset-new');
-  const label = getPresetTitle(viewPresetTitle, true, isNew, t);
+  const isChecked = watch(`views.${index}.isSelected`) === true;
+  // useState to keep the original title after posting
+  const [viewPresetTitle] = React__default.useState(viewPreset.title || t('workspace-mappreset-new'));
+  const label = getPresetTitle(viewPresetTitle, viewPreset.hasChanges, isNew, t);
+  const {
+    hasChanges,
+    error
+  } = viewPreset;
+  const fieldNameTitle = `views.${index}.title`;
   React__default.useEffect(() => {
     const initialTitle = `${viewPresetTitle} ${viewPreset.mosaicNodeId}`;
     setValue(`views.${index}.title`, initialTitle);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  if (!viewPreset.hasChanges) {
-    return null;
-  }
+  React__default.useEffect(() => {
+    setValue(`views.${index}.viewPresetId`, viewPreset.viewPresetId);
+  }, [viewPreset.viewPresetId, index, setValue]);
+  React__default.useEffect(() => {
+    if (error) {
+      setError(fieldNameTitle, {
+        message: error.message
+      });
+    }
+  }, [error, fieldNameTitle, setError]);
   return jsxs(React__default.Fragment, {
     children: [jsx(FormControlLabel, {
       control: jsx(Checkbox, {}),
       label: jsxs(Box, Object.assign({
         component: "span",
-        style: {
+        style: Object.assign({}, hasChanges && {
           fontStyle: 'italic'
-        }
+        })
       }, {
         children: [label, jsx(Box, Object.assign({
           component: "span",
@@ -11244,43 +11553,40 @@ const ViewPresetItem = ({
         }))]
       })),
       onChange: (_, isChecked) => {
-        setValue(`views.${index}.isChecked`, isChecked);
+        setValue(`views.${index}.isSelected`, isChecked);
       },
-      checked: isChecked
+      checked: isChecked || !hasChanges,
+      disabled: _isLoading || !hasChanges
+    }), error && !isNew && jsx(AlertBanner, {
+      title: error.message
     }), isNew && isChecked && jsxs(Fragment, {
       children: [jsx(ReactHookFormTextField, {
-        name: `views.${index}.title`,
+        name: fieldNameTitle,
         label: t('workspace-dialog-name'),
         rules: {
           required: true
         },
+        disabled: _isLoading || !hasChanges,
         sx: {
           marginBottom: 2
-        }
-      }), jsx(ReactHookFormTextField, {
-        name: `views.${index}.abstract`,
-        label: t('workspace-dialog-abstract'),
-        rules: {
-          required: false
         },
-        multiline: true,
-        rows: 3
+        error: error !== undefined
       }), jsx(HelperText, {
         text: t('workspace-admin-save-new-viewpreset')
       })]
-    }), !isNew && isChecked && jsx(HelperText, {
+    }), !isNew && isChecked && hasChanges && jsx(HelperText, {
       text: t('workspace-admin-save-new-viewpreset-warning')
     })]
   }, viewPreset.mosaicNodeId);
 };
 const WorkspaceSystemPresetsForm = ({
-  viewPresets: _viewPresets = []
+  viewPresets: _viewPresets = [],
+  isLoading: _isLoading2 = false
 }) => {
   const {
     t
   } = useWorkspaceTranslation();
-  const hasViewPresetsWithChanges = _viewPresets.find(viewPreset => viewPreset.hasChanges) !== undefined;
-  return hasViewPresetsWithChanges ? jsxs(FormGroup, Object.assign({
+  return _viewPresets.length ? jsxs(FormGroup, Object.assign({
     sx: {
       marginBottom: 2,
       marginTop: 2
@@ -11291,12 +11597,14 @@ const WorkspaceSystemPresetsForm = ({
     }), _viewPresets.map((viewPreset, index) => {
       return jsx(ViewPresetItem, {
         viewPreset: viewPreset,
-        index: index
+        index: index,
+        isLoading: _isLoading2
       }, viewPreset.mosaicNodeId);
     })]
   })) : null;
 };
 
+const ERROR_TITLE_BE = 'Preset title already in use, please choose a different title';
 const validateTitle$1 = value => {
   if (!value) {
     return true;
@@ -11312,11 +11620,16 @@ const WorkspacePresetsForm = ({
   error,
   onSubmit,
   action,
-  formValues
+  formValues,
+  isLoading: _isLoading = false,
+  hasSavedWorkspace: _hasSavedWorkspace = false
 }) => {
   const {
     t
   } = useWorkspaceTranslation();
+  const {
+    setError
+  } = useFormContext();
   const titleField = 'title';
   const _a = Object.assign(Object.assign({}, emptyWorkspacePreset), formValues),
     {
@@ -11333,21 +11646,29 @@ const WorkspacePresetsForm = ({
     const field = document.querySelector(`[name="${titleField}"]`);
     field === null || field === void 0 ? void 0 : field.focus();
   }, []);
+  React__default.useEffect(() => {
+    // set title error on title field
+    if ((error === null || error === void 0 ? void 0 : error.type) === WorkspaceListErrorType.VERBATIM_ERROR && error.message === ERROR_TITLE_BE) {
+      setError(titleField, {
+        message: error.message
+      });
+    }
+  }, [error, setError]);
   const onSubmitForm = event => {
     event.preventDefault();
     onSubmit();
   };
   const hasFormInput = action === WorkspacePresetAction.DUPLICATE || action === WorkspacePresetAction.SAVE_AS || action === WorkspacePresetAction.SAVE_ALL || action === WorkspacePresetAction.EDIT || action === WorkspacePresetAction.SAVE_SYSTEM_PRESET;
-  // disable form inputs for 'Save (incl. viewpresets)' existing workspace preset
-  const isDisabled = action === WorkspacePresetAction.SAVE_ALL && formValues.id !== undefined && formValues.id !== '' && formValues.scope === 'user';
+  // disable form inputs
+  const isDisabled = _hasSavedWorkspace || _isLoading;
   return jsxs(Fragment, {
-    children: [Boolean(error) && jsx(Box, Object.assign({
+    children: [error && !(error.type === WorkspaceListErrorType.VERBATIM_ERROR && error.message === ERROR_TITLE_BE) && jsx(Box, Object.assign({
       sx: {
         marginBottom: 2
       }
     }, {
       children: jsx(AlertBanner, {
-        title: error
+        title: error.type === WorkspaceListErrorType.TRANSLATABLE_ERROR ? t(error.key, error.params) : error.message
       })
     })), hasFormInput && jsxs("form", Object.assign({
       "data-testid": "workspace-preset-form",
@@ -11359,7 +11680,7 @@ const WorkspacePresetsForm = ({
         }
       }, {
         children: jsx(ReactHookFormTextField, {
-          name: "title",
+          name: titleField,
           label: t('workspace-dialog-name'),
           rules: {
             required: true,
@@ -11368,7 +11689,8 @@ const WorkspacePresetsForm = ({
             }
           },
           disabled: isDisabled,
-          defaultValue: title
+          defaultValue: title,
+          error: (error === null || error === void 0 ? void 0 : error.type) === WorkspaceListErrorType.VERBATIM_ERROR && error.message === ERROR_TITLE_BE
         })
       })), jsx(ReactHookFormTextField, {
         name: "abstract",
@@ -11381,7 +11703,8 @@ const WorkspacePresetsForm = ({
         disabled: isDisabled,
         defaultValue: abstract
       }), action === WorkspacePresetAction.SAVE_SYSTEM_PRESET && jsx(WorkspaceSystemPresetsForm, {
-        viewPresets: otherFormValues.views
+        viewPresets: otherFormValues.views,
+        isLoading: _isLoading
       }), hiddenFields.map(({
         name,
         value
@@ -11390,8 +11713,20 @@ const WorkspacePresetsForm = ({
         defaultValue: value,
         "data-testid": name
       }, name))]
-    })), action === WorkspacePresetAction.DELETE && jsxs(Fragment, {
-      children: [jsx(Typography, Object.assign({
+    })), (action === WorkspacePresetAction.DELETE || action === WorkspacePresetAction.DELETE_SYSTEM_PRESET) && jsxs(Fragment, {
+      children: [action === WorkspacePresetAction.DELETE_SYSTEM_PRESET && jsxs(Fragment, {
+        children: [jsxs(Typography, Object.assign({
+          variant: "body1"
+        }, {
+          children: [jsx(Exclamation, {
+            sx: {
+              color: 'geowebColors.functional.warning',
+              position: 'relative',
+              top: '6px'
+            }
+          }), t('workspace-dialog-confirm-delete-system')]
+        })), jsx("br", {})]
+      }), jsx(Typography, Object.assign({
         variant: "body1"
       }, {
         children: t('workspace-dialog-confirm-delete-message', {
@@ -11401,6 +11736,21 @@ const WorkspacePresetsForm = ({
         name: "title",
         defaultValue: title
       }, "title")]
+    }), action === WorkspacePresetAction.RESET && jsxs(Box, {
+      children: [jsxs(Typography, Object.assign({
+        variant: "body1"
+      }, {
+        children: [jsx(Exclamation, {
+          sx: {
+            top: '6px',
+            position: 'relative',
+            color: 'geowebColors.functional.warning'
+          }
+        }), t('workspace-dialog-confirm-reset-message')]
+      })), jsx(ReactHookFormHiddenInput, {
+        name: "title",
+        defaultValue: title
+      }, "title")]
     })]
   });
 };
@@ -11413,7 +11763,8 @@ const WorkspacePresetsFormDialog = ({
   onClose,
   onFormSubmit,
   isLoading: _isLoading = false,
-  error
+  error,
+  isWorkspaceSaved: _isWorkspaceSaved = false
 }) => {
   const {
     handleSubmit: handleFormSubmit,
@@ -11423,14 +11774,21 @@ const WorkspacePresetsFormDialog = ({
     t
   } = useWorkspaceTranslation();
   React__default.useEffect(() => {
-    reset(formValues);
-  }, [formValues, reset]);
+    if (action !== WorkspacePresetAction.SAVE_SYSTEM_PRESET) {
+      reset(formValues);
+    }
+  }, [formValues, reset, action]);
   const getConfirmLabel = action => {
     switch (action) {
       case WorkspacePresetAction.DELETE:
+      case WorkspacePresetAction.DELETE_SYSTEM_PRESET:
         {
           return t('workspace-delete');
         }
+      case WorkspacePresetAction.RESET:
+        {
+          return t('workspace-admin-reset-workspace');
+        }
       default:
         {
           return t('workspace-save');
@@ -11443,6 +11801,10 @@ const WorkspacePresetsFormDialog = ({
         {
           return t('workspace-dialog-delete');
         }
+      case WorkspacePresetAction.DELETE_SYSTEM_PRESET:
+        {
+          return t('workspace-dialog-delete-system');
+        }
       case WorkspacePresetAction.DUPLICATE:
         {
           return t('workspace-duplicate');
@@ -11459,6 +11821,10 @@ const WorkspacePresetsFormDialog = ({
         {
           return t('workspace-admin-save-new-workspace');
         }
+      case WorkspacePresetAction.RESET:
+        {
+          return t('workspace-admin-reset-workspace-title');
+        }
       default:
         {
           return t('workspace-save-as');
@@ -11500,14 +11866,18 @@ const WorkspacePresetsFormDialog = ({
       formValues: formValues,
       error: error,
       onSubmit: onSubmit,
-      action: action
+      action: action,
+      isLoading: _isLoading,
+      hasSavedWorkspace: _isWorkspaceSaved
     })
   });
 };
 const WorkspacePresetsFormDialogWrapper = _a => {
   var props = __rest(_a, []);
   return jsx(ReactHookFormProvider, Object.assign({
-    options: Object.assign({}, defaultFormOptions)
+    options: Object.assign(Object.assign({}, defaultFormOptions), {
+      defaultValues: props.formValues
+    })
   }, {
     children: jsx(WorkspacePresetsFormDialog, Object.assign({}, props))
   }));
@@ -11516,8 +11886,10 @@ const WorkspacePresetsFormDialogWrapper = _a => {
 const WorkspaceTabConnect = ({
   workspaceId
 }) => {
-  var _a;
   const dispatch = useDispatch();
+  const {
+    t
+  } = useWorkspaceTranslation();
   const title = useSelector(store => getSelectedWorkspaceTitle(store));
   const dialogDetails = useSelector(store => getWorkspaceActionDialogDetails(store));
   const closeWorkspaceActionDialog = React.useCallback(() => {
@@ -11527,14 +11899,16 @@ const WorkspaceTabConnect = ({
     dispatch(workspaceListActions.submitFormWorkspaceActionDialogOptions({
       presetAction,
       presetId,
-      data
+      data,
+      emptyMapPresetTitle: t('workspace-mappreset-new')
     }));
   };
   const presetId = typeof dialogDetails === 'object' && dialogDetails.presetId;
   const action = typeof dialogDetails === 'object' && dialogDetails.action;
   const formValues = typeof dialogDetails === 'object' && dialogDetails.formValues;
   const isFetching = typeof dialogDetails === 'object' && dialogDetails.isFetching || false;
-  const error = typeof dialogDetails === 'object' && ((_a = dialogDetails.error) === null || _a === void 0 ? void 0 : _a.message);
+  const error = typeof dialogDetails === 'object' && dialogDetails.error;
+  const hasSavedWorkspace = typeof dialogDetails === 'object' && dialogDetails.hasSaved;
   return jsxs(Fragment, {
     children: [jsx(WorkspaceTab, {
       activeTab: true,
@@ -11548,7 +11922,8 @@ const WorkspaceTabConnect = ({
       formValues: formValues || undefined,
       onFormSubmit: onSubmitForm,
       isLoading: isFetching,
-      error: error || undefined
+      error: error || undefined,
+      isWorkspaceSaved: hasSavedWorkspace
     })]
   });
 };