@opengeoweb/workspace 11.1.0 → 12.1.0

package/index.esm.js

@@ -1,26 +1,26 @@
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, combineReducers, configureStore } from '@reduxjs/toolkit';
-import { syncGroupsTypes, syncGroupsActions, layerActions, mapActions, uiActions, genericActions, layerTypes, mapEnums, selectorMemoizationOptions, genericSelectors, mapSelectors, syncGroupsSelectors, routerActions, mapListener, serviceListener, layersListener, syncGroupsListener, mapReducer, serviceReducer, layerReducer, syncGroupsReducer, loadingIndicatorReducer, uiReducer, linkComponentTypesConstants, uiTypes, loadingIndicatorSelectors, uiSelectors } from '@opengeoweb/store';
-import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInstance, ApiProvider, useApiContext, 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, mapReducer, serviceReducer, layerReducer, syncGroupsReducer, loadingIndicatorReducer, uiReducer, linkComponentTypesConstants, uiTypes, loadingIndicatorSelectors, uiSelectors } from '@opengeoweb/store';
+import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInstance, ApiProvider, getConfig, getHeaders, handleResponse, useApiContext, useAuthenticationContext as useAuthenticationContext$1, GEOWEB_ROLE_PRESETS_ADMIN as GEOWEB_ROLE_PRESETS_ADMIN$1 } from '@opengeoweb/api';
 import { chunk, cloneDeep, pick, isEmpty, isEqual, isString } from 'lodash';
 import { getLeaves, MosaicContext, getAndAssertNodeAtPathExists, createBalancedTreeFromLeaves, MosaicWindow, Mosaic } from 'react-mosaic-component';
 import { timeSeriesActions, TimeSeriesTypes, timeSeriesSelectors, timeSeriesReducer } from '@opengeoweb/timeseries';
 import { publicWarningActions, WARN_NAMESPACE, warningsTranslations, publicWarningsSelectors } from '@opengeoweb/warnings';
-import { PROJECTION, getAxiosErrorMessage, isAxiosAuthError, isAxiosError as isAxiosError$1, SHARED_NAMESPACE, sharedTranslations, ConfirmationServiceProvider, CustomIconButton, useConfirmationDialog, AlertBanner, PresetScope, CustomTooltip, SearchHighlight, ToggleMenu, DEFAULT_FILTER_HEIGHT, Filter, renderCounter, CustomDialog, ToolContainer, CustomToggleButton, usePrevious, ConfirmationButtons } from '@opengeoweb/shared';
+import { PresetScope, PROJECTION, getAxiosErrorMessage, isAxiosAuthError, isAxiosError as isAxiosError$1, SHARED_NAMESPACE, sharedTranslations, ConfirmationServiceProvider, CustomIconButton, useConfirmationDialog, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, DEFAULT_FILTER_HEIGHT, Filter, renderCounter, CustomDialog, ToolContainer, CustomToggleButton, usePrevious, ConfirmationButtons } from '@opengeoweb/shared';
 import { snackbarTypes, snackbarActions, snackbarListener, snackbarReducer, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
 import { isAxiosError } from 'axios';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ThemeWrapper, lightTheme, Link, LinkOff, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, Delete, Preset, PresetWorkspace, PresetTiles, CloudLoading, CloudIdle, WebAssetOff, Exclamation } from '@opengeoweb/theme';
+import { ThemeWrapper, lightTheme, Link, LinkOff, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, SharedPresetsMyUser, SharedPresetsOtherUsers, Delete, Preset, PresetWorkspace, PresetTiles, CloudLoading, CloudIdle, WebAssetOff, Exclamation } from '@opengeoweb/theme';
 import { Provider, useDispatch, useSelector, useStore, shallowEqual } from 'react-redux';
 import { initReactI18next, useTranslation, I18nextProvider } from 'react-i18next';
 import { AuthenticationProvider, useAuthenticationContext, GEOWEB_ROLE_PRESETS_ADMIN } from '@opengeoweb/authentication';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { QueryClient, QueryClientProvider, useMutation } from '@tanstack/react-query';
 import i18n from 'i18next';
 import { WEBMAP_REACT_NAMESPACE, webmapReactTranslations } from '@opengeoweb/webmap-react';
 import { CORE_NAMESPACE, coreTranslations } from '@opengeoweb/core';
 import { FORM_FIELDS_NAMESPACE, formFieldsTranslations, ReactHookFormTextField, ReactHookFormHiddenInput, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 import * as React from 'react';
-import React__default, { useCallback } from 'react';
-import { Menu, Typography, List, ListItem, ListItemButton, ListItemIcon, Checkbox, ListItemText, LinearProgress, Grid2, Box, ListSubheader, MenuItem, useTheme, FormGroup, FormControlLabel, Tabs } from '@mui/material';
+import React__default, { useCallback, useEffect } from 'react';
+import { Menu, Typography, List, ListItem, ListItemButton, ListItemIcon, Checkbox, ListItemText, LinearProgress, styled, Grid2, Box, ListSubheader, MenuItem, useTheme, FormGroup, FormControlLabel, Tabs } from '@mui/material';
 import 'react-mosaic-component/react-mosaic-component.css';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList } from 'react-window';
@@ -731,9 +731,6 @@ var getApiRoutes$1 = function getApiRoutes(axiosInstance) {
         return getIdFromUrl(headerLocation);
       });
     },
-    deleteWorkspacePreset: function deleteWorkspacePreset(workspacePresetId) {
-      return axiosInstance["delete"]("/workspacepreset/" + workspacePresetId);
-    },
     // view presets
     getViewPresets: function getViewPresets(params) {
       return axiosInstance.get('/viewpreset', {
@@ -908,6 +905,40 @@ var WorkspaceErrorType;
   WorkspaceErrorType["SAVE"] = "SAVE";
 })(WorkspaceErrorType || (WorkspaceErrorType = {}));
 
+/* *
+ * 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["TRANSLATABLE_ERROR"] = "TRANSLATABLE_ERROR";
+  WorkspaceListErrorType["VERBATIM_ERROR"] = "VERBATIM_ERROR";
+})(WorkspaceListErrorType || (WorkspaceListErrorType = {}));
+var PresetFilterType;
+(function (PresetFilterType) {
+  PresetFilterType["personal"] = "personal";
+  PresetFilterType["shared"] = "shared";
+  PresetFilterType["system"] = "system";
+})(PresetFilterType || (PresetFilterType = {}));
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -927,14 +958,17 @@ var WorkspaceErrorType;
  * */
 var workspaceListFilterOptions = [{
   label: 'shared-filter-my-presets',
-  id: 'user',
-  type: 'scope',
+  id: PresetFilterType.personal,
   isSelected: true,
   isDisabled: false
 }, {
   label: 'shared-filter-system-presets',
-  id: 'system',
-  type: 'scope',
+  id: PresetFilterType.system,
+  isSelected: true,
+  isDisabled: false
+}, {
+  label: 'shared-filter-shared-presets',
+  id: PresetFilterType.shared,
   isSelected: true,
   isDisabled: false
 }];
@@ -1110,16 +1144,21 @@ var PresetAction;
  * */
 var viewPresetsListFilterOptions = [{
   label: 'shared-filter-my-presets',
-  id: 'user',
+  id: PresetScope.user,
   type: 'scope',
   isSelected: true,
   isDisabled: false
 }, {
   label: 'shared-filter-system-presets',
-  id: 'system',
+  id: PresetScope.system,
   type: 'scope',
   isSelected: true,
   isDisabled: false
+}, {
+  label: 'shared-filter-shared-presets',
+  id: PresetScope.shared,
+  isSelected: true,
+  isDisabled: true
 }];
 var viewPresetsAdapter = createEntityAdapter({
   // we use panelId as id (panelId can be mapId or viewId)
@@ -1508,6 +1547,29 @@ var setDocumentTitle = function setDocumentTitle(workspaceTitle, appTitle) {
   var fallbackAppTitle = appTitle || 'GeoWeb';
   document.title = workspaceTitle ? workspaceTitle + " - " + fallbackAppTitle : fallbackAppTitle;
 };
+var filterWorkspacePresets = function filterWorkspacePresets(workspacePresets, selectedFilters, username) {
+  var isAllSelected = selectedFilters.every(function (filter) {
+    return filter.isSelected;
+  });
+  if (isAllSelected) {
+    return workspacePresets;
+  }
+  var selectedIds = selectedFilters.filter(function (filter) {
+    return filter.isSelected;
+  }).map(function (filter) {
+    return filter.id;
+  });
+  return workspacePresets.filter(function (preset) {
+    return (
+      // System
+      selectedIds.includes('system') && preset.scope === 'system' ||
+      // Personal
+      selectedIds.includes('personal') && preset.username === username ||
+      // Shared
+      selectedIds.includes('shared') && preset.username !== username && preset.is_shared
+    );
+  });
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1667,7 +1729,7 @@ var createCustomEmptyMapWorkspace = function createCustomEmptyMapWorkspace(empty
 var constructFilterParams = function constructFilterParams(filters, searchQuery) {
   // get filters
   var _filters$reduce = filters.reduce(function (filterList, filter) {
-      if (filter.isSelected && filter.type === 'scope') {
+      if (filter.isSelected && 'type' in filter && filter.type === 'scope') {
         return Object.assign({}, filter, {
           scope: filterList.scope.concat(filter.id)
         });
@@ -4519,17 +4581,13 @@ var filterWorkspacePresetList = function filterWorkspacePresetList(params) {
     return workspacePresetsList;
   }
   return workspacePresetsList.reduce(function (list, workspacePresetRaw) {
-    var _params$scope;
     var workspacePreset = workspacePresetRaw;
-    if (params != null && (_params$scope = params.scope) != null && _params$scope.includes(workspacePreset.scope)) {
-      if (params.search) {
-        var searchQuery = getCleanSearchQuery(params.search);
-        var hasResult = searchQuery.split(',').every(function (query) {
-          return workspacePreset.title.toLowerCase().includes(query.toLowerCase()) || workspacePreset["abstract"].toLowerCase().includes(query.toLowerCase());
-        });
-        return hasResult ? list.concat(workspacePreset) : list;
-      }
-      return list.concat(workspacePreset);
+    if (params.search) {
+      var searchQuery = getCleanSearchQuery(params.search);
+      var hasResult = searchQuery.split(',').every(function (query) {
+        return workspacePreset.title.toLowerCase().includes(query.toLowerCase()) || workspacePreset["abstract"].toLowerCase().includes(query.toLowerCase());
+      });
+      return hasResult ? list.concat(workspacePreset) : list;
     }
     return list;
   }, []);
@@ -4539,9 +4597,9 @@ var filterViewPresetList = function filterViewPresetList(params) {
     return viewPresetsList;
   }
   return viewPresetsList.reduce(function (list, viewPresetRaw) {
-    var _params$scope2;
+    var _params$scope;
     var workspacePreset = viewPresetRaw;
-    if (params != null && (_params$scope2 = params.scope) != null && _params$scope2.includes(workspacePreset.scope)) {
+    if (params != null && (_params$scope = params.scope) != null && _params$scope.includes(workspacePreset.scope)) {
       return list.concat(workspacePreset);
     }
     return list;
@@ -4590,11 +4648,6 @@ var getApiRoutes = function getApiRoutes(axiosInstance) {
         return null;
       });
     },
-    deleteWorkspacePreset: function deleteWorkspacePreset(workspacePresetId) {
-      // eslint-disable-next-line no-console
-      console.log('api: delete workspace preset', workspacePresetId);
-      return axiosInstance["delete"]("/workspacepreset/" + workspacePresetId);
-    },
     // view presets
     getViewPresets: function getViewPresets(params) {
       return axiosInstance.get('/viewpreset', {
@@ -5013,7 +5066,9 @@ workspaceListener.startListening({
         while (1) switch (_context11.prev = _context11.next) {
           case 0:
             payload = _ref10.payload;
-            mosaicNodeId = payload.mosaicNodeId, componentType = payload.componentType, newId = payload.newId;
+            mosaicNodeId = payload.mosaicNodeId, componentType = payload.componentType, newId = payload.newId; // TODO: this would be nice to move into the openlayers store
+            createViewObjectForNewMap(mosaicNodeId, newId);
+            // Note, at some point these might no longer be necessary
             bbox = mapSelectors.getBbox(listenerApi.getState(), mosaicNodeId);
             srs = mapSelectors.getSrs(listenerApi.getState(), mosaicNodeId);
             mapPreset = bbox.bottom ? {
@@ -5030,7 +5085,7 @@ workspaceListener.startListening({
                 syncGroupsIds: []
               }
             }));
-          case 6:
+          case 7:
           case "end":
             return _context11.stop();
         }
@@ -5071,34 +5126,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 WorkspaceListErrorCategory;
-(function (WorkspaceListErrorCategory) {
-  WorkspaceListErrorCategory["AUTH"] = "AUTH";
-  WorkspaceListErrorCategory["GENERIC"] = "GENERIC";
-})(WorkspaceListErrorCategory || (WorkspaceListErrorCategory = {}));
-var WorkspaceListErrorType;
-(function (WorkspaceListErrorType) {
-  WorkspaceListErrorType["TRANSLATABLE_ERROR"] = "TRANSLATABLE_ERROR";
-  WorkspaceListErrorType["VERBATIM_ERROR"] = "VERBATIM_ERROR";
-})(WorkspaceListErrorType || (WorkspaceListErrorType = {}));
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -5117,7 +5144,7 @@ var WorkspaceListErrorType;
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var getWorkspaceListStore = function getWorkspaceListStore(store) {
-  if (store && store.workspaceList) {
+  if (store != null && store.workspaceList) {
     return store.workspaceList;
   }
   return null;
@@ -5146,6 +5173,10 @@ var getWorkspaceListError = createSelector(getWorkspaceListStore, function (stor
 }, function (state) {
   return (state == null ? void 0 : state.error) || undefined;
 }, selectorMemoizationOptions);
+var getWorkspaceActionFormValues = createSelector(getWorkspaceListStore, function (store) {
+  var _store$workspaceActio;
+  return ((_store$workspaceActio = store.workspaceActionDialog) == null ? void 0 : _store$workspaceActio.formValues) || {};
+}, selectorMemoizationOptions);
 var getWorkspaceActionDialogDetails = createSelector(getWorkspaceListStore, getWorkspaceState, getViewPresetsStore, function (workspaceListState, workspaceState, viewpresetState) {
   var dialog = (workspaceListState == null ? void 0 : workspaceListState.workspaceActionDialog) || false;
   if (dialog) {
@@ -5530,16 +5561,18 @@ workspaceListListener.startListening({
   actionCreator: workspaceListActions.onSuccessWorkspacePresetAction,
   effect: function () {
     var _effect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
-      var payload, action, workspaceId, title, workspaceFilters, searchQuery;
+      var _listenerApi$getOrigi;
+      var payload, currentWorkspaceId, action, workspaceId, title, workspaceFilters, searchQuery;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             payload = _ref2.payload;
             listenerApi.cancelActiveListeners();
+            currentWorkspaceId = (_listenerApi$getOrigi = listenerApi.getOriginalState().workspace) == null ? void 0 : _listenerApi$getOrigi.id;
             action = payload.action, workspaceId = payload.workspaceId, title = payload.title;
             listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage$1(action, title)));
             // if active workspace has been deleted, empty out url
-            if ((action === WorkspacePresetAction.DELETE || action === WorkspacePresetAction.DELETE_SYSTEM_PRESET) && payload.currentActiveWorkspaceId && workspaceId === payload.currentActiveWorkspaceId) {
+            if ((action === WorkspacePresetAction.DELETE || action === WorkspacePresetAction.DELETE_SYSTEM_PRESET) && currentWorkspaceId && workspaceId === currentWorkspaceId) {
               listenerApi.dispatch(routerActions.navigateToUrl({
                 url: getWorkspaceRouteUrl()
               }));
@@ -5554,7 +5587,7 @@ workspaceListListener.startListening({
             workspaceFilters = getWorkspaceListFilters(listenerApi.getState());
             searchQuery = getWorkspaceListSearchQuery(listenerApi.getState());
             listenerApi.dispatch(workspaceListActions.fetchWorkspaceList(constructFilterParams(workspaceFilters, searchQuery)));
-          case 9:
+          case 10:
           case "end":
             return _context2.stop();
         }
@@ -5570,7 +5603,7 @@ workspaceListListener.startListening({
   actionCreator: workspaceListActions.submitFormWorkspaceActionDialogOptions,
   effect: function () {
     var _effect3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref3, listenerApi) {
-      var payload, workspaceApi, presetId, presetAction, data, emptyMapPresetTitle, emptyWorkspacePresetTitle, scope, isNewWorkspace, _ref4, presetToDuplicate, fullPreset, newId, selectedWorkspace, _yield$workspaceApi$g2, originalData, workspaceDataNewTitle, isSaveWorkspaceAction, isSaveAsWorkspaceAction, hasWorkspaceAlreadyBeenSaved, workspaceId, viewPresetResults, hasError, workspaceData, newWorkspace, message, category;
+      var payload, workspaceApi, presetId, presetAction, data, emptyMapPresetTitle, emptyWorkspacePresetTitle, scope, _yield$workspaceApi$g2, originalData, workspaceDataNewTitle, isSaveWorkspaceAction, isSaveAsWorkspaceAction, hasWorkspaceAlreadyBeenSaved, workspaceId, viewPresetResults, hasError, workspaceData, newWorkspace, message, category;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
@@ -5580,73 +5613,26 @@ workspaceListListener.startListening({
             _context4.prev = 3;
             presetId = payload.presetId, presetAction = payload.presetAction, data = payload.data, emptyMapPresetTitle = payload.emptyMapPresetTitle, emptyWorkspacePresetTitle = payload.emptyWorkspacePresetTitle;
             scope = data.scope || 'user'; // duplicate
-            if (!(presetAction === WorkspacePresetAction.DUPLICATE)) {
-              _context4.next = 22;
-              break;
-            }
-            isNewWorkspace = presetId === getEmptyMapWorkspace().id;
-            if (!isNewWorkspace) {
-              _context4.next = 12;
-              break;
-            }
-            _context4.t0 = {
-              data: emptyWorkspaceBEData
-            };
-            _context4.next = 15;
-            break;
-          case 12:
-            _context4.next = 14;
-            return workspaceApi.getWorkspacePreset(presetId);
-          case 14:
-            _context4.t0 = _context4.sent;
-          case 15:
-            _ref4 = _context4.t0;
-            presetToDuplicate = _ref4.data;
-            fullPreset = Object.assign({}, presetToDuplicate, data);
-            _context4.next = 20;
-            return workspaceApi.saveWorkspacePresetAs(fullPreset);
-          case 20:
-            newId = _context4.sent;
-            listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
-              workspaceId: newId,
-              action: presetAction,
-              title: data.title,
-              scope: scope
-            }));
-          case 22:
-            if (!(presetAction === WorkspacePresetAction.DELETE || presetAction === WorkspacePresetAction.DELETE_SYSTEM_PRESET)) {
-              _context4.next = 27;
-              break;
-            }
-            _context4.next = 25;
-            return workspaceApi.deleteWorkspacePreset(presetId);
-          case 25:
-            selectedWorkspace = getWorkspaceState(listenerApi.getState());
-            listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
-              workspaceId: presetId,
-              action: presetAction,
-              title: data.title,
-              currentActiveWorkspaceId: selectedWorkspace.id,
-              scope: scope,
-              emptyWorkspacePresetTitle: emptyWorkspacePresetTitle
-            }));
-          case 27:
+            if (presetAction === WorkspacePresetAction.DUPLICATE) ;
+            // delete
+            if (presetAction === WorkspacePresetAction.DELETE || presetAction === WorkspacePresetAction.DELETE_SYSTEM_PRESET) ;
+            // edit
             if (!(presetAction === WorkspacePresetAction.EDIT)) {
-              _context4.next = 36;
+              _context4.next = 17;
               break;
             }
-            _context4.next = 30;
+            _context4.next = 11;
             return workspaceApi.getWorkspacePreset(presetId);
-          case 30:
+          case 11:
             _yield$workspaceApi$g2 = _context4.sent;
             originalData = _yield$workspaceApi$g2.data;
             workspaceDataNewTitle = Object.assign({}, originalData, {
               title: data.title,
               "abstract": data["abstract"]
             });
-            _context4.next = 35;
+            _context4.next = 16;
             return workspaceApi.saveWorkspacePreset(presetId, workspaceDataNewTitle);
-          case 35:
+          case 16:
             listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
               workspaceId: presetId,
               action: presetAction,
@@ -5654,39 +5640,39 @@ workspaceListListener.startListening({
               "abstract": data["abstract"],
               scope: scope
             }));
-          case 36:
+          case 17:
             // save (as) user/system presets
             isSaveWorkspaceAction = presetAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET || presetAction === WorkspacePresetAction.SAVE;
             isSaveAsWorkspaceAction = presetAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET_AS || presetAction === WorkspacePresetAction.SAVE_AS;
             if (!(isSaveWorkspaceAction || isSaveAsWorkspaceAction)) {
-              _context4.next = 62;
+              _context4.next = 43;
               break;
             }
             hasWorkspaceAlreadyBeenSaved = getWorkspaceDialogIsSaved(listenerApi.getState());
             workspaceId = presetId;
             if (!(!hasWorkspaceAlreadyBeenSaved && isSaveAsWorkspaceAction)) {
-              _context4.next = 45;
+              _context4.next = 26;
               break;
             }
-            _context4.next = 44;
+            _context4.next = 25;
             return workspaceApi.saveWorkspacePresetAs(data);
-          case 44:
+          case 25:
             workspaceId = _context4.sent;
-          case 45:
+          case 26:
             if (!isSaveWorkspaceAction) {
-              _context4.next = 48;
+              _context4.next = 29;
               break;
             }
-            _context4.next = 48;
+            _context4.next = 29;
             return workspaceApi.saveWorkspacePreset(workspaceId, data);
-          case 48:
+          case 29:
             // lock the workspace
             listenerApi.dispatch(workspaceListActions.onSuccessWorkspaceSaveDialog({
               presetId: workspaceId
             }));
-            _context4.next = 51;
+            _context4.next = 32;
             return Promise.all(data.views.map( /*#__PURE__*/function () {
-              var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(view) {
+              var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(view) {
                 var viewPresetEntity, shouldUpdateView, canUpdateView, _payload, _payload2;
                 return _regeneratorRuntime().wrap(function _callee3$(_context3) {
                   while (1) switch (_context3.prev = _context3.next) {
@@ -5735,16 +5721,16 @@ workspaceListListener.startListening({
                 }, _callee3);
               }));
               return function (_x7) {
-                return _ref5.apply(this, arguments);
+                return _ref4.apply(this, arguments);
               };
             }()));
-          case 51:
+          case 32:
             viewPresetResults = _context4.sent;
             hasError = viewPresetResults.find(function (view) {
               return view.message;
             });
             if (!hasError) {
-              _context4.next = 56;
+              _context4.next = 37;
               break;
             }
             // maybe we can use another action, but this resets fetching of the form
@@ -5752,7 +5738,7 @@ workspaceListListener.startListening({
               error: undefined
             }));
             return _context4.abrupt("return");
-          case 56:
+          case 37:
             workspaceData = getWorkspaceData(listenerApi.getState());
             newWorkspace = Object.assign({}, workspaceData, {
               id: workspaceId,
@@ -5760,9 +5746,9 @@ workspaceListListener.startListening({
               "abstract": data["abstract"],
               scope: scope
             });
-            _context4.next = 60;
+            _context4.next = 41;
             return workspaceApi.saveWorkspacePreset(workspaceId, newWorkspace);
-          case 60:
+          case 41:
             listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
               action: presetAction,
               workspaceId: workspaceId,
@@ -5773,7 +5759,7 @@ workspaceListListener.startListening({
             listenerApi.dispatch(routerActions.navigateToUrl({
               url: getWorkspaceRouteUrl(workspaceId)
             }));
-          case 62:
+          case 43:
             // Reset
             if (presetAction === WorkspacePresetAction.RESET) {
               // In case we're resetting the `New workspace` preset
@@ -5796,13 +5782,13 @@ workspaceListListener.startListening({
                 scope: scope
               }));
             }
-            _context4.next = 70;
+            _context4.next = 51;
             break;
-          case 65:
-            _context4.prev = 65;
-            _context4.t1 = _context4["catch"](3);
-            message = isAxiosError$1(_context4.t1) ? getAxiosErrorMessage(_context4.t1) : _context4.t1.message;
-            category = isAxiosAuthError(_context4.t1) ? WorkspaceListErrorCategory.AUTH : WorkspaceListErrorCategory.GENERIC;
+          case 46:
+            _context4.prev = 46;
+            _context4.t0 = _context4["catch"](3);
+            message = isAxiosError$1(_context4.t0) ? getAxiosErrorMessage(_context4.t0) : _context4.t0.message;
+            category = isAxiosAuthError(_context4.t0) ? WorkspaceListErrorCategory.AUTH : WorkspaceListErrorCategory.GENERIC;
             listenerApi.dispatch(workspaceListActions.onErrorWorkspacePresetAction({
               error: {
                 type: WorkspaceListErrorType.VERBATIM_ERROR,
@@ -5810,11 +5796,11 @@ workspaceListListener.startListening({
                 message: message
               }
             }));
-          case 70:
+          case 51:
           case "end":
             return _context4.stop();
         }
-      }, _callee4, null, [[3, 65]]);
+      }, _callee4, null, [[3, 46]]);
     }));
     function effect(_x5, _x6) {
       return _effect3.apply(this, arguments);
@@ -5980,7 +5966,7 @@ var workspaceReducersMap = {
   timeSeries: timeSeriesReducer,
   snackbar: snackbarReducer
 };
-var workspaceMiddlewares = [mapListener.middleware, serviceListener.middleware, layersListener.middleware, syncGroupsListener.middleware, workspaceListener.middleware, workspaceListListener.middleware, viewPresetsListener.middleware, snackbarListener.middleware];
+var workspaceMiddlewares = [mapListener.middleware, serviceListener.middleware, layersListener.middleware, syncGroupsListener.middleware, workspaceListener.middleware, workspaceListListener.middleware, viewPresetsListener.middleware, snackbarListener.middleware, openlayersListener.middleware];
 var workspaceRootReducer = combineReducers(workspaceReducersMap);
 var createMockStore = function createMockStore(mockState) {
   return configureStore({
@@ -6029,32 +6015,27 @@ var defaultAuthConfig = {
   },
   sessionStorageProvider: null
 };
-var WorkspaceWrapperProviderWithStore = function WorkspaceWrapperProviderWithStore(_ref3) {
+// wrapper without theme and i18n
+var WorkspaceStoreWrapper = function WorkspaceStoreWrapper(_ref3) {
   var children = _ref3.children,
     _ref3$store = _ref3.store,
     store = _ref3$store === void 0 ? createMockStore() : _ref3$store,
     _ref3$createApi = _ref3.createApi,
     createApi$1 = _ref3$createApi === void 0 ? createApi : _ref3$createApi,
-    theme = _ref3.theme,
     _ref3$auth = _ref3.auth,
     auth = _ref3$auth === void 0 ? defaultAuthConfig : _ref3$auth;
-  return jsx(WorkspaceI18nProvider, {
-    children: jsx(AuthenticationProvider, {
-      value: auth,
-      children: jsx(QueryClientProvider, {
-        client: queryClient,
-        children: jsx(ApiProvider, {
-          createApi: createApi$1,
-          name: API_NAME,
-          children: jsx(Provider, {
-            store: store,
-            children: jsx(WorkspaceThemeProvider, {
-              theme: theme,
-              children: jsx(SnackbarWrapperConnect, {
-                children: jsx(ConfirmationServiceProvider, {
-                  children: children
-                })
-              })
+  return jsx(AuthenticationProvider, {
+    value: auth,
+    children: jsx(QueryClientProvider, {
+      client: queryClient,
+      children: jsx(ApiProvider, {
+        createApi: createApi$1,
+        name: API_NAME,
+        children: jsx(Provider, {
+          store: store,
+          children: jsx(SnackbarWrapperConnect, {
+            children: jsx(ConfirmationServiceProvider, {
+              children: children
             })
           })
         })
@@ -6062,8 +6043,29 @@ var WorkspaceWrapperProviderWithStore = function WorkspaceWrapperProviderWithSto
     })
   });
 };
-var WorkspaceI18nProvider = function WorkspaceI18nProvider(_ref4) {
-  var children = _ref4.children;
+var WorkspaceWrapperProviderWithStore = function WorkspaceWrapperProviderWithStore(_ref4) {
+  var children = _ref4.children,
+    _ref4$store = _ref4.store,
+    store = _ref4$store === void 0 ? createMockStore() : _ref4$store,
+    _ref4$createApi = _ref4.createApi,
+    createApi$1 = _ref4$createApi === void 0 ? createApi : _ref4$createApi,
+    theme = _ref4.theme,
+    _ref4$auth = _ref4.auth,
+    auth = _ref4$auth === void 0 ? defaultAuthConfig : _ref4$auth;
+  return jsx(WorkspaceThemeProvider, {
+    theme: theme,
+    children: jsx(WorkspaceI18nProvider, {
+      children: jsx(WorkspaceStoreWrapper, {
+        store: store,
+        createApi: createApi$1,
+        auth: auth,
+        children: children
+      })
+    })
+  });
+};
+var WorkspaceI18nProvider = function WorkspaceI18nProvider(_ref5) {
+  var children = _ref5.children;
   initWorkspaceTestI18n();
   return jsx(I18nextProvider, {
     i18n: i18n,
@@ -6483,6 +6485,12 @@ var getPresetIcon = function getPresetIcon(preset) {
       });
   }
 };
+var ShareIcon = styled(ListItemIcon)(function () {
+  return {
+    minWidth: '32px !important',
+    paddingTop: '3px'
+  };
+});
 var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
   var workspacePreset = _ref.workspacePreset,
     isSelected = _ref.isSelected,
@@ -6498,34 +6506,40 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
     searchQuery = _ref$searchQuery === void 0 ? '' : _ref$searchQuery,
     _ref$testIdPrefix = _ref.testIdPrefix,
     testIdPrefix = _ref$testIdPrefix === void 0 ? 'workspace' : _ref$testIdPrefix;
+  var _useAuthenticationCon = useAuthenticationContext(),
+    auth = _useAuthenticationCon.auth;
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
-  var onDuplicate = function onDuplicate() {
-    onClickWorkspacePresetOption(workspacePreset.id, WorkspacePresetAction.DUPLICATE, workspacePreset);
-  };
-  var onEdit = function onEdit() {
-    onClickWorkspacePresetOption(workspacePreset.id, WorkspacePresetAction.EDIT, workspacePreset);
-  };
-  var onShare = function onShare() {
-    onClickWorkspacePresetOption(workspacePreset.id, WorkspacePresetAction.SHARE, workspacePreset);
+  var shareIcon = React__default.useMemo(function () {
+    if (workspacePreset.is_shared) {
+      if (workspacePreset.username === (auth == null ? void 0 : auth.username)) {
+        return jsx(SharedPresetsMyUser, {});
+      }
+      return jsx(SharedPresetsOtherUsers, {});
+    }
+    return null;
+  }, [workspacePreset.is_shared, workspacePreset.username, auth == null ? void 0 : auth.username]);
+  var _onClick = function onClick(action) {
+    return onClickWorkspacePresetOption(workspacePreset.id, action, workspacePreset);
   };
   var menuItems = [{
     text: t('workspace-duplicate'),
-    action: onDuplicate
+    action: function action() {
+      return _onClick(WorkspacePresetAction.DUPLICATE);
+    }
   }];
   (workspacePreset.scope === PresetScope.user || isAdmin) && menuItems.push({
     text: t('workspace-edit'),
-    action: onEdit
-  });
-  workspacePreset.scope === PresetScope.user && menuItems.push({
-    text: t('workspace-share'),
-    action: onShare,
-    isDisabled: true
+    action: function action() {
+      return _onClick(WorkspacePresetAction.EDIT);
+    }
   });
-  workspacePreset.scope === PresetScope.shared && menuItems.push({
-    text: t('workspace-stop-share'),
-    action: onShare,
-    isDisabled: true
+  workspacePreset.scope === PresetScope.user && (auth == null ? void 0 : auth.username) === workspacePreset.username && menuItems.push({
+    text: workspacePreset.is_shared ? t('workspace-stop-share') : t('workspace-share'),
+    action: function action() {
+      return _onClick(WorkspacePresetAction.SHARE);
+    },
+    isDisabled: false
   });
   return jsx(ListItem, {
     disablePadding: true,
@@ -6563,6 +6577,8 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
       "aria-label": testIdPrefix,
       children: [jsx(ListItemIcon, {
         children: getPresetIcon(workspacePreset)
+      }), shareIcon && jsx(ShareIcon, {
+        children: shareIcon
       }), jsx(CustomTooltip, {
         title: workspacePreset.title,
         children: jsx(ListItemText, {
@@ -6594,7 +6610,7 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
             tooltipTitle: t('workspace-delete-tooltip'),
             onClick: function onClick(event) {
               event.stopPropagation();
-              onClickWorkspacePresetOption(workspacePreset.id, isAdmin ? WorkspacePresetAction.DELETE_SYSTEM_PRESET : WorkspacePresetAction.DELETE, workspacePreset);
+              _onClick(isAdmin ? WorkspacePresetAction.DELETE_SYSTEM_PRESET : WorkspacePresetAction.DELETE);
             },
             variant: "tool",
             sx: {
@@ -7669,17 +7685,69 @@ var WorkspaceViewConnect = function WorkspaceViewConnect(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var config = getConfig();
+var presetBaseUrl = (config == null ? void 0 : config.GW_PRESET_BACKEND_URL) || '';
+var getWorkspace = function getWorkspace(workspaceId, auth) {
+  return fetch(presetBaseUrl + "/workspacepreset/" + workspaceId, {
+    headers: getHeaders(auth)
+  }).then(handleResponse);
+};
+var deleteWorkspace = function deleteWorkspace(workspaceId, auth) {
+  return fetch(presetBaseUrl + "/workspacepreset/" + workspaceId, {
+    headers: getHeaders(auth),
+    method: 'DELETE'
+  }).then(handleResponse);
+};
+var updateWorkspace = function updateWorkspace(workspaceId, data, auth) {
+  return fetch(presetBaseUrl + "/workspacepreset/" + workspaceId, {
+    headers: getHeaders(auth),
+    method: 'PUT',
+    body: JSON.stringify(data)
+  }).then(handleResponse);
+};
+var createWorkspace = function createWorkspace(data, auth) {
+  return fetch(presetBaseUrl + "/workspacepreset", {
+    headers: getHeaders(auth),
+    method: 'POST',
+    body: JSON.stringify(data)
+  }).then(handleResponse);
+};
+
 var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
   var _useAuthenticationCon = useAuthenticationContext(),
-    currentRole = _useAuthenticationCon.currentRole;
+    currentRole = _useAuthenticationCon.currentRole,
+    isLoggedIn = _useAuthenticationCon.isLoggedIn,
+    auth = _useAuthenticationCon.auth;
+  var username = (auth == null ? void 0 : auth.username) || '';
+  var workspacePresets = useSelector(function (store) {
+    return getWorkspaceList(store);
+  });
+  var selectedFilters = useSelector(getWorkspaceListFilters);
+  var filteredPresets = React.useMemo(function () {
+    return filterWorkspacePresets(workspacePresets, selectedFilters, username);
+  }, [workspacePresets, selectedFilters, username]);
   var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
   var scope = !isAdmin ? 'user' : 'system';
   var currentView = useSelector(function (store) {
     return getWorkspaceState(store);
   });
-  var workspacePresets = useSelector(function (store) {
-    return getWorkspaceList(store);
-  });
   var workspaceListFilters = useSelector(function (store) {
     return getWorkspaceListFilters(store, scope);
   });
@@ -7692,15 +7760,13 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
   var error = useSelector(function (store) {
     return getWorkspaceListError(store);
   });
-  var _useAuthenticationCon2 = useAuthenticationContext(),
-    isLoggedIn = _useAuthenticationCon2.isLoggedIn;
   var dispatch = useDispatch();
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
   var fetchWorkspaceList = React.useCallback(function () {
-    var filterParams = constructFilterParams(workspaceListFilters, workspaceSearchQuery);
+    var filterParams = constructFilterParams([], workspaceSearchQuery);
     dispatch(workspaceListActions.fetchWorkspaceList(filterParams));
-  }, [dispatch, workspaceListFilters, workspaceSearchQuery]);
+  }, [dispatch, workspaceSearchQuery]);
   var fetchWorkspace = React.useCallback(function (workspaceId) {
     dispatch(workspaceActions.fetchWorkspace({
       workspaceId: workspaceId
@@ -7802,6 +7868,13 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
         }
       case WorkspacePresetAction.SHARE:
         {
+          void getWorkspace(presetId, auth).then(function (preset) {
+            return void updateWorkspace(presetId, Object.assign({}, preset, {
+              is_shared: !preset.is_shared
+            }), auth).then(function () {
+              fetchWorkspaceList();
+            });
+          });
           // TODO
           break;
         }
@@ -7855,7 +7928,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
         searchQuery: workspaceSearchQuery,
         onSearch: searchFilter
       }), jsx(WorkspaceSelectList, {
-        workspacePresets: workspacePresets,
+        workspacePresets: filteredPresets,
         currentSelectedId: currentView.id || '',
         onClickWorkspacePreset: onClickWorkspacePreset,
         onClickWorkspacePresetOption: onClickWorkspacePresetOption,
@@ -7958,54 +8031,73 @@ var WorkspaceMenuButton = function WorkspaceMenuButton(_ref) {
   });
 };
 
-var FetchWorkspacePresets = function FetchWorkspacePresets() {
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var useFetchWorkspacePresets = function useFetchWorkspacePresets() {
   var dispatch = useDispatch();
   var _useAuthenticationCon = useAuthenticationContext(),
     currentRole = _useAuthenticationCon.currentRole;
   var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
-  var scope = !isAdmin ? 'user' : 'system';
   var lastAdmin = usePrevious(isAdmin);
-  var workspaceListFilters = useSelector(function (store) {
-    return getWorkspaceListFilters(store, scope);
-  });
   var workspaceSearchQuery = useSelector(getWorkspaceListSearchQuery);
-  var fetchWorkspacePresets = React__default.useCallback(function (params) {
+  var prevSearch = usePrevious(workspaceSearchQuery);
+  var fetchWorkspacePresets = useCallback(function (params) {
     dispatch(workspaceListActions.fetchWorkspaceList(params));
   }, [dispatch]);
-  React__default.useEffect(function () {
-    var filterParams = constructFilterParams(workspaceListFilters, workspaceSearchQuery);
-    fetchWorkspacePresets(filterParams);
-  }, [fetchWorkspacePresets, workspaceListFilters, workspaceSearchQuery]);
-  React__default.useEffect(function () {
+  useEffect(function () {
+    if (workspaceSearchQuery !== prevSearch) {
+      workspaceSearchQuery.trim() === '' ? fetchWorkspacePresets({}) : fetchWorkspacePresets({
+        search: workspaceSearchQuery
+      });
+    }
+  }, [fetchWorkspacePresets, prevSearch, workspaceSearchQuery]);
+  useEffect(function () {
     if (isAdmin !== lastAdmin && lastAdmin !== undefined) {
       // reset list filter when user changes role
       var filters = [{
         id: 'system',
         isSelected: true
       }, {
-        id: 'user',
+        id: 'personal',
+        isSelected: !isAdmin
+      }, {
+        id: 'shared',
         isSelected: !isAdmin
       }];
       dispatch(workspaceListActions.setFilterChips(filters));
     }
   }, [dispatch, isAdmin, lastAdmin]);
-  return null;
 };
+
 var WorkspaceMenuButtonConnect = function WorkspaceMenuButtonConnect() {
   var dispatch = useDispatch();
+  var isWorkspaceListDialogOpen = useSelector(function (store) {
+    return getIsWorkspaceListDialogOpen(store);
+  });
+  useFetchWorkspacePresets();
   var setListDialogOpen = React__default.useCallback(function (isListDialogOpen) {
     dispatch(workspaceListActions.toggleWorkspaceDialog({
       isWorkspaceListDialogOpen: isListDialogOpen
     }));
   }, [dispatch]);
-  var isWorkspaceListDialogOpen = useSelector(function (store) {
-    return getIsWorkspaceListDialogOpen(store);
-  });
-  return jsxs(Fragment, {
-    children: [jsx(FetchWorkspacePresets, {}), jsx(WorkspaceMenuButton, {
-      showMenu: isWorkspaceListDialogOpen,
-      onToggleDialog: setListDialogOpen
-    })]
+  return jsx(WorkspaceMenuButton, {
+    showMenu: isWorkspaceListDialogOpen,
+    onToggleDialog: setListDialogOpen
   });
 };
 
@@ -8323,7 +8415,8 @@ var WorkspaceViewPresetsFormFields = function WorkspaceViewPresetsFormFields(_re
 };
 
 var _excluded$3 = ["title", "abstract"];
-var ERROR_TITLE_BE = 'Preset title already in use, please choose a different title';
+var ERROR_DUPLICATE_TITLE_BE = 'Preset title already in use, please choose a different title';
+var ERROR_LONG_TITLE_BE = 'Preset title cannot exceed 100 characters';
 var validateTitle$1 = function validateTitle(value) {
   if (!value) {
     return true;
@@ -8359,6 +8452,7 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
       value: otherFormValues[name]
     };
   });
+  var shouldShowTitleError = (error == null ? void 0 : error.type) === WorkspaceListErrorType.VERBATIM_ERROR && (error.message === ERROR_DUPLICATE_TITLE_BE || error.message === ERROR_LONG_TITLE_BE);
   React__default.useEffect(function () {
     // autoFocus
     var field = document.querySelector("[name=\"" + titleField + "\"]");
@@ -8366,12 +8460,12 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
   }, []);
   React__default.useEffect(function () {
     // set title error on title field
-    if ((error == null ? void 0 : error.type) === WorkspaceListErrorType.VERBATIM_ERROR && error.message === ERROR_TITLE_BE) {
+    if (shouldShowTitleError) {
       setError(titleField, {
         message: error.message
       });
     }
-  }, [error, setError]);
+  }, [error, setError, shouldShowTitleError]);
   var onSubmitForm = function onSubmitForm(event) {
     event.preventDefault();
     onSubmit();
@@ -8381,7 +8475,7 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
   var isDisabled = hasSavedWorkspace || isLoading;
   var shouldShowViewPresetForm = action === WorkspacePresetAction.SAVE_SYSTEM_PRESET || action === WorkspacePresetAction.SAVE_SYSTEM_PRESET_AS || action === WorkspacePresetAction.SAVE_AS || action === WorkspacePresetAction.SAVE;
   return jsxs(Fragment, {
-    children: [error && !(error.type === WorkspaceListErrorType.VERBATIM_ERROR && error.message === ERROR_TITLE_BE) && jsx(Box, {
+    children: [error && !shouldShowTitleError && jsx(Box, {
       sx: {
         marginBottom: 2
       },
@@ -8406,7 +8500,7 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
           },
           disabled: isDisabled,
           defaultValue: title,
-          error: (error == null ? void 0 : error.type) === WorkspaceListErrorType.VERBATIM_ERROR && error.message === ERROR_TITLE_BE
+          error: shouldShowTitleError
         })
       }), jsx(ReactHookFormTextField, {
         name: "abstract",
@@ -8617,12 +8711,104 @@ var WorkspacePresetsFormDialogWrapper = function WorkspacePresetsFormDialogWrapp
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var onWorkspaceApiError = function onWorkspaceApiError(dispatch, error, t) {
+  dispatch(workspaceListActions.onErrorWorkspacePresetAction({
+    error: {
+      message: error.message + " " + t('workspace-error-generic'),
+      type: WorkspaceListErrorType.VERBATIM_ERROR,
+      category: error.message === 'Authentication context not found' ? WorkspaceListErrorCategory.AUTH : WorkspaceListErrorCategory.GENERIC
+    }
+  }));
+};
+var useDeleteWorkspacePreset = function useDeleteWorkspacePreset() {
+  var _useAuthenticationCon = useAuthenticationContext(),
+    auth = _useAuthenticationCon.auth;
+  var _useSelector = useSelector(getWorkspaceActionFormValues),
+    title = _useSelector.title;
+  var _useWorkspaceTranslat = useWorkspaceTranslation(),
+    t = _useWorkspaceTranslat.t;
+  var dispatch = useDispatch();
+  return useMutation({
+    mutationFn: function mutationFn(_ref) {
+      var id = _ref.id;
+      if (!auth) {
+        throw new Error('Authentication context not found');
+      }
+      return deleteWorkspace(id, auth);
+    },
+    onSuccess: function onSuccess(data, variables) {
+      dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
+        workspaceId: variables.id,
+        action: WorkspacePresetAction.DELETE,
+        emptyWorkspacePresetTitle: t('workspace-new'),
+        title: title
+      }));
+    },
+    onError: function onError(error) {
+      onWorkspaceApiError(dispatch, error, t);
+    }
+  });
+};
+var useCreateWorkspacePreset = function useCreateWorkspacePreset() {
+  var _useAuthenticationCon2 = useAuthenticationContext(),
+    auth = _useAuthenticationCon2.auth;
+  var _useWorkspaceTranslat2 = useWorkspaceTranslation(),
+    t = _useWorkspaceTranslat2.t;
+  var dispatch = useDispatch();
+  return useMutation({
+    mutationFn: function mutationFn(_ref2) {
+      var data = _ref2.data;
+      if (!auth) {
+        throw new Error('Authentication context not found');
+      }
+      return createWorkspace(data, auth);
+    },
+    onSuccess: function onSuccess(data, variables) {
+      var location = data == null ? void 0 : data.get('location');
+      var newId = getIdFromUrl(location);
+      var scope = variables.data.scope || 'user';
+      dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
+        workspaceId: newId,
+        action: variables.action || WorkspacePresetAction.SAVE_AS,
+        title: variables.data.title,
+        scope: scope
+      }));
+    },
+    onError: function onError(error) {
+      onWorkspaceApiError(dispatch, error, t);
+    }
+  });
+};
+
 var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
   var workspaceId = _ref.workspaceId,
     appTitle = _ref.appTitle;
   var dispatch = useDispatch();
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
+  var _useAuthenticationCon = useAuthenticationContext(),
+    auth = _useAuthenticationCon.auth;
+  var _useDeleteWorkspacePr = useDeleteWorkspacePreset(),
+    deleteWorkspace = _useDeleteWorkspacePr.mutate;
+  var _useCreateWorkspacePr = useCreateWorkspacePreset(),
+    createWorkspace = _useCreateWorkspacePr.mutate;
   var title = useSelector(function (store) {
     return getSelectedWorkspaceTitle(store);
   });
@@ -8632,15 +8818,58 @@ var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
   var closeWorkspaceActionDialog = React.useCallback(function () {
     dispatch(workspaceListActions.closeWorkspaceActionDialogOptions());
   }, [dispatch]);
-  var onSubmitForm = function onSubmitForm(presetAction, presetId, data) {
-    dispatch(workspaceListActions.submitFormWorkspaceActionDialogOptions({
-      presetAction: presetAction,
-      presetId: presetId,
-      data: data,
-      emptyMapPresetTitle: t('workspace-mappreset-new'),
-      emptyWorkspacePresetTitle: t('workspace-new')
+  var onSubmitForm = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(presetAction, presetId, data) {
+      var oldWorkspace;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.t0 = presetAction;
+            _context.next = _context.t0 === WorkspacePresetAction.DELETE ? 3 : _context.t0 === WorkspacePresetAction.DELETE_SYSTEM_PRESET ? 3 : _context.t0 === WorkspacePresetAction.DUPLICATE ? 5 : 15;
+            break;
+          case 3:
+            deleteWorkspace({
+              id: presetId
+            });
+            return _context.abrupt("break", 16);
+          case 5:
+            if (!presetId) {
+              _context.next = 11;
+              break;
+            }
+            _context.next = 8;
+            return getWorkspace(presetId, auth);
+          case 8:
+            _context.t1 = _context.sent;
+            _context.next = 12;
+            break;
+          case 11:
+            _context.t1 = emptyWorkspaceBEData;
+          case 12:
+            oldWorkspace = _context.t1;
+            createWorkspace({
+              data: Object.assign({}, oldWorkspace, data),
+              action: presetAction
+            });
+            return _context.abrupt("break", 16);
+          case 15:
+            dispatch(workspaceListActions.submitFormWorkspaceActionDialogOptions({
+              presetAction: presetAction,
+              presetId: presetId,
+              data: data,
+              emptyMapPresetTitle: t('workspace-mappreset-new'),
+              emptyWorkspacePresetTitle: t('workspace-new')
+            }));
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
     }));
-  };
+    return function onSubmitForm(_x, _x2, _x3) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var presetId = typeof dialogDetails === 'object' && dialogDetails.presetId;
   var action = typeof dialogDetails === 'object' && dialogDetails.action;
   var formValues = typeof dialogDetails === 'object' && dialogDetails.formValues;
@@ -8828,7 +9057,9 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
     }
   }, [isOpen]);
   React__default.useEffect(function () {
-    reset(formValues);
+    if (formValues) {
+      reset(formValues);
+    }
   }, [formValues, reset]);
   var getConfirmLabel = function getConfirmLabel(action) {
     switch (action) {
@@ -8971,9 +9202,10 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
     description: "",
     onClose: onClose,
     onSubmit: onSubmit,
-    sx: {
+    resizableDefaultSize: {
       width: '330px'
     },
+    isResizable: true,
     actions: jsx(ConfirmationButtons, {
       onClose: onClose,
       cancelLabel: t('workspace-cancel'),
@@ -9033,18 +9265,17 @@ var ViewPresetsFormDialogConnect = function ViewPresetsFormDialogConnect(_ref) {
     }));
   };
   var isOpen = dialogOptions !== undefined;
-  if (!isOpen) {
-    return null;
-  }
-  return jsx(ViewPresetsFormDialogWrapper, Object.assign({
+  return jsx(ViewPresetsFormDialogWrapper, {
     isOpen: isOpen,
     onClose: onClose,
     onSuccess: onSuccess,
-    viewComponentType: viewComponentType
-  }, dialogOptions, {
+    viewComponentType: viewComponentType,
     formValues: dialogOptions == null ? void 0 : dialogOptions.formValues,
+    action: (dialogOptions == null ? void 0 : dialogOptions.action) || PresetAction.SAVE,
+    title: (dialogOptions == null ? void 0 : dialogOptions.title) || '',
+    viewPresetId: (dialogOptions == null ? void 0 : dialogOptions.viewPresetId) || '',
     onReset: onReset
-  }));
+  });
 };
 
 var WorkspaceDetail = function WorkspaceDetail(_ref) {
@@ -9164,4 +9395,4 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
   });
 };
 
-export { ComponentsLookUpWrapper, DemoWrapper, PresetAction, ViewPresetErrorComponent, ViewPresetErrorType, WORKSPACE_NAMESPACE, WorkspaceDetail, WorkspaceErrorType, WorkspaceI18nProvider, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProviderWithStore, createBalancedMosaicNode, createCustomEmptyMapWorkspace, defaultAuthConfig, getEmptyMapWorkspace, getWorkspaceRouteUrl, selectors$1 as selectors, viewPresetActions, viewPresetsListReducer, viewPresetsListener, viewPresetsReducer, workspaceActions, workspaceListActions, workspaceListListener, workspaceListReducer, workspaceListener, workspaceMiddlewares, workspaceReducer, workspaceReducersMap, routes as workspaceRoutes, workspaceTranslations };
+export { ComponentsLookUpWrapper, DemoWrapper, PresetAction, ViewPresetErrorComponent, ViewPresetErrorType, WORKSPACE_NAMESPACE, WorkspaceDetail, WorkspaceErrorType, WorkspaceI18nProvider, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceStoreWrapper, WorkspaceThemeProvider, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProviderWithStore, createBalancedMosaicNode, createCustomEmptyMapWorkspace, defaultAuthConfig, getEmptyMapWorkspace, getWorkspaceRouteUrl, selectors$1 as selectors, viewPresetActions, viewPresetsListReducer, viewPresetsListener, viewPresetsReducer, workspaceActions, workspaceListActions, workspaceListListener, workspaceListReducer, workspaceListener, workspaceMiddlewares, workspaceReducer, workspaceReducersMap, routes as workspaceRoutes, workspaceTranslations };