@opengeoweb/workspace 14.2.2 → 14.3.0

package/index.esm.js

@@ -1,30 +1,30 @@
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, isAnyOf, combineReducers, configureStore } from '@reduxjs/toolkit';
 import { syncGroupsTypes, syncGroupsActions, layerActions, mapActions, uiActions, genericActions, layerTypes, mapEnums, selectorMemoizationOptions, genericSelectors, mapSelectors, syncGroupsSelectors, routerActions, createViewObjectForNewMap, mapListener, serviceListener, layersListener, syncGroupsListener, openlayersListener, uiReducer, loadingIndicatorReducer, syncGroupsReducer, layerReducer, serviceReducer, mapReducer, loadingIndicatorSelectors, uiTypes, linkComponentTypesConstants, uiSelectors } from '@opengeoweb/store';
-import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInstance, ApiProvider, getHeaders, handleResponse, useApiContext, useAuthenticationContext as useAuthenticationContext$1, GEOWEB_ROLE_PRESETS_ADMIN as GEOWEB_ROLE_PRESETS_ADMIN$1 } from '@opengeoweb/api';
-import { chunk, cloneDeep, union, pick, isEmpty, isEqual, isString } from 'lodash';
+import { chunk, union, cloneDeep, pick, isEmpty, isEqual, isString } from 'lodash';
 import { getLeaves, createBalancedTreeFromLeaves, MosaicContext, getAndAssertNodeAtPathExists, MosaicWindow, Mosaic } from 'react-mosaic-component';
+import { createApiInstance, createNonAuthApiInstance, getApi, createFakeApiInstance, ApiProvider, getHeaders, handleResponse, useApiContext, useAuthenticationContext as useAuthenticationContext$1, GEOWEB_ROLE_PRESETS_ADMIN as GEOWEB_ROLE_PRESETS_ADMIN$1 } from '@opengeoweb/api';
 import { timeSeriesActions, TimeSeriesTypes, timeSeriesSelectors, timeSeriesReducer } from '@opengeoweb/time-series';
-import { publicWarningActions, warningsTranslations, WARN_NAMESPACE, publicWarningsSelectors } from '@opengeoweb/warnings';
+import { publicWarningActions, publicWarningsSelectors, warningsTranslations, WARN_NAMESPACE } from '@opengeoweb/warnings';
 import { snackbarTypes, snackbarActions, snackbarListener, snackbarReducer, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
-import { getAxiosErrorMessage, isAxiosAuthError, isAxiosError as isAxiosError$1, safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, ConfirmationServiceProvider, usePrevious, AlertBanner, sessionStorageProvider, SystemScope, CustomTooltip, SearchHighlight, ToggleMenu, CustomIconButton, Filter, LastUpdateTime, renderCounter, CustomDialog, ToolContainer, CustomToggleButton, useConfirmationDialog, ConfirmationButtons } from '@opengeoweb/shared';
-import { isAxiosError } from 'axios';
+import { getAxiosErrorMessage, isAxiosError, isAxiosAuthError, safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, ConfirmationServiceProvider, usePrevious, AlertBanner, sessionStorageProvider, SystemScope, CustomTooltip, SearchHighlight, ToggleMenu, CustomIconButton, Filter, LastUpdateTime, renderCounter, CustomDialog, ToolContainer, CustomToggleButton, useConfirmationDialog, CustomAccordion, ConfirmationButtons } from '@opengeoweb/shared';
+import { isAxiosError as isAxiosError$1 } from 'axios';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ThemeWrapper, lightTheme, SharedPresetsMyUser, SharedPresetsOtherUsers, Delete, Preset, PresetWorkspace, PresetTiles, BackdropStyle, CloudLoading, CloudIdle, Options, Link, LinkOff, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, WebAssetOff, Exclamation } from '@opengeoweb/theme';
+import { ThemeWrapper, lightTheme, Delete, WorkspacePresetsSystemIcon, SharedPresetsMyUser, SharedPresetsOtherUsers, WorkspacePresetsMyIcon, BackdropStyle, CloudLoading, CloudIdle, Options, Link, LinkOff, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, WebAssetOff, ChevronUp, ChevronDown, LockLocked, Exclamation } from '@opengeoweb/theme';
 import { Provider, useDispatch, useSelector, useStore, shallowEqual } from 'react-redux';
 import { useTranslation, I18nextProvider } from 'react-i18next';
 import { AuthenticationProvider, useAuthenticationContext, GEOWEB_ROLE_PRESETS_ADMIN } from '@opengeoweb/authentication';
-import { QueryClient, QueryClientProvider, useMutation } from '@tanstack/react-query';
+import { QueryClient, QueryClientProvider, useMutation, useQuery } from '@tanstack/react-query';
 import i18n from 'i18next';
 import { webmapReactTranslations, WEBMAP_REACT_NAMESPACE } from '@opengeoweb/webmap-react';
 import { coreTranslations, CORE_NAMESPACE, LoadingIndicatorProgressBar } from '@opengeoweb/core';
-import { formFieldsTranslations, FORM_FIELDS_NAMESPACE, ReactHookFormTextField, ReactHookFormHiddenInput, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
+import { formFieldsTranslations, FORM_FIELDS_NAMESPACE, ReactHookFormHiddenInput, ReactHookFormTextField, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 import * as React from 'react';
 import React__default, { useCallback, useEffect } from 'react';
-import { LinearProgress, Typography, styled, ListItemIcon, ListItem, ListItemButton, ListItemText, Grid, Box, useTheme, Menu, ListSubheader, MenuItem, List, Checkbox, FormGroup, FormControlLabel, Tabs } from '@mui/material';
+import { LinearProgress, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Grid, Box, useTheme, Menu, ListSubheader, MenuItem, List, Checkbox, Button, Stack, FormControlLabel, Chip, Tabs } from '@mui/material';
 import 'react-mosaic-component/react-mosaic-component.css';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList } from 'react-window';
-import { useFormContext } from 'react-hook-form';
+import { useFormContext, useWatch } from 'react-hook-form';
 
 var en = {
 	"workspace-menu": "Workspace menu",
@@ -37,6 +37,7 @@ var en = {
 	"workspace-save": "Save",
 	"workspace-save-as": "Save as",
 	"workspace-edit": "Edit (name and abstract)",
+	"workspace-edit-title": "Edit title",
 	"workspace-share": "Share",
 	"workspace-stop-share": "Unshare",
 	"geoweb-welcome": "Welcome to GeoWeb. Please use one of the presets to open up new views",
@@ -113,7 +114,20 @@ var en = {
 	"workspace-loading-indicator-loading": "Loading",
 	"workspace-loading-indicator-idle": "Loaded",
 	"workspace-open-tab": "Open in new tab",
-	"workspace-currently": "Currently"
+	"workspace-currently": "Currently",
+	"workspace-presets-form-labels-info": "View type will not be cleared.",
+	"workspace-presets-form-labels-clearAll": "Clear all filters ({{count}})",
+	"workspace-presets-form-labels-collapseAll": "Collapse",
+	"workspace-presets-form-labels-expandAll": "Expand all",
+	"workspace-presets-form-labels-header": "Labels",
+	"workspace-labels-purpose": "Purpose",
+	"workspace-labels-parameters": "Parameters",
+	"workspace-labels-phenomena": "Phenomenon",
+	"workspace-labels-dataType": "Data Type",
+	"workspace-labels-dataSource": "Data Source",
+	"workspace-labels-viewType": "View Type",
+	"workspace-presets-form-active-labels": "Active labels ({{count}})",
+	"workspace-label-active": "ACTIVE"
 };
 var fi = {
 	"workspace-menu": "Workspace menu",
@@ -126,6 +140,7 @@ var fi = {
 	"workspace-save": "Tallenna",
 	"workspace-save-as": "Tallenna nimellä",
 	"workspace-edit": "Muokkaa (nimeä ja tiivistelmää)",
+	"workspace-edit-title": "Muokkaa otsikkoa",
 	"workspace-share": "Missing-translation",
 	"workspace-stop-share": "Missing-translation",
 	"geoweb-welcome": "Tervetuloa Geoweb-sovellukseen. Valitse jokin preset avataksesi uusia näkymiä",
@@ -197,7 +212,20 @@ var fi = {
 	"workspace-viewpreset-success-unshare": "ei käännetty",
 	"workspace-loading-indicator-loading": "Ladataan",
 	"workspace-loading-indicator-idle": "Ladattu",
-	"workspace-currently": "Nykyinen"
+	"workspace-currently": "Nykyinen",
+	"workspace-presets-form-labels-info": "ei käännetty",
+	"workspace-presets-form-labels-clearAll": "ei käännetty ({{count}})",
+	"workspace-presets-form-labels-collapseAll": "ei käännetty",
+	"workspace-presets-form-labels-expandAll": "ei käännetty",
+	"workspace-presets-form-labels-header": "ei käännetty",
+	"workspace-labels-purpose": "ei käännetty",
+	"workspace-labels-parameters": "ei käännetty",
+	"workspace-labels-phenomena": "ei käännetty",
+	"workspace-labels-dataType": "ei käännetty",
+	"workspace-labels-dataSource": "ei käännetty",
+	"workspace-labels-viewType": "ei käännetty",
+	"workspace-presets-form-active-labels": "ei käännetty ({{count}})",
+	"workspace-label-active": "ACTIVE"
 };
 var no = {
 	"workspace-menu": "Arbeidsflater",
@@ -210,6 +238,7 @@ var no = {
 	"workspace-save": "Lagre",
 	"workspace-save-as": "Lagre som",
 	"workspace-edit": "Endre (navn og sammendrag)",
+	"workspace-edit-title": "Endre tittel",
 	"workspace-share": "Del",
 	"workspace-stop-share": "Stopp deling",
 	"geoweb-welcome": "Velkommen til GeoWeb. Åpne et forhåndsvalg for å åpne nye vinduer",
@@ -282,7 +311,20 @@ var no = {
 	"workspace-viewpreset-success-unshare": "Vinduet \"{{TITLE}}\" deles ikke lenger",
 	"workspace-loading-indicator-loading": "Laster inn",
 	"workspace-loading-indicator-idle": "Lastet inn",
-	"workspace-currently": "Nåværende"
+	"workspace-currently": "Nåværende",
+	"workspace-presets-form-labels-info": "Komponent blir ikke fjernet.",
+	"workspace-presets-form-labels-clearAll": "Fjern alle filtre ({{count}})",
+	"workspace-presets-form-labels-collapseAll": "Lukk",
+	"workspace-presets-form-labels-expandAll": "Utvid alle",
+	"workspace-presets-form-labels-header": "Nøkkelord",
+	"workspace-labels-purpose": "Formål",
+	"workspace-labels-parameters": "Parametere",
+	"workspace-labels-phenomena": "Fenomen",
+	"workspace-labels-dataType": "Datatype",
+	"workspace-labels-dataSource": "Datakilde",
+	"workspace-labels-viewType": "Komponent",
+	"workspace-presets-form-active-labels": "Aktive valg ({{count}})",
+	"workspace-label-active": "AKTIV"
 };
 var nl = {
 	"workspace-menu": "Workspace menu",
@@ -295,6 +337,7 @@ var nl = {
 	"workspace-save": "Opslaan",
 	"workspace-save-as": "Opslaan als",
 	"workspace-edit": "Aanpassen (naam en abstract)",
+	"workspace-edit-title": "Titel bewerken",
 	"workspace-share": "Delen",
 	"workspace-stop-share": "Stoppen met delen",
 	"geoweb-welcome": "Welkom bij GeoWeb. Kies een van de presets om een nieuw venster te openen",
@@ -370,7 +413,20 @@ var nl = {
 	"workspace-loading-indicator-loading": "Aan het laden",
 	"workspace-loading-indicator-idle": "Klaar met laden",
 	"workspace-open-tab": "Open in nieuw tabblad",
-	"workspace-currently": "Huidig"
+	"workspace-currently": "Huidig",
+	"workspace-presets-form-labels-info": "niet vertaald",
+	"workspace-presets-form-labels-clearAll": "niet vertaald ({{count}})",
+	"workspace-presets-form-labels-collapseAll": "niet vertaald",
+	"workspace-presets-form-labels-expandAll": "niet vertaald",
+	"workspace-presets-form-labels-header": "niet vertaald",
+	"workspace-labels-purpose": "niet vertaald",
+	"workspace-labels-parameters": "niet vertaald",
+	"workspace-labels-phenomena": "niet vertaald",
+	"workspace-labels-dataType": "niet vertaald",
+	"workspace-labels-dataSource": "niet vertaald",
+	"workspace-labels-viewType": "niet vertaald",
+	"workspace-presets-form-active-labels": "niet vertaald ({{count}})",
+	"workspace-label-active": "ACTIVE"
 };
 var workspaceTranslations = {
 	en: en,
@@ -749,19 +805,31 @@ var getViewPresetState = function getViewPresetState(viewPresetId, mosaicNodeId,
 };
 var getLoadingWorkspace = function getLoadingWorkspace(workspacePreset) {
   var views = workspacePreset.views.reduce(function (object, viewDetails) {
-    var _Object$assign;
-    return {
-      allIds: [].concat(object.allIds, [viewDetails.mosaicNodeId]),
-      byId: Object.assign({}, object.byId, (_Object$assign = {}, _Object$assign[viewDetails.mosaicNodeId] = getViewPresetState(viewDetails.viewPresetId, viewDetails.mosaicNodeId, 'loading'), _Object$assign))
-    };
+    // If the view has a linked preset → use loading placeholder
+    if (viewDetails.viewPresetId) {
+      // eslint-disable-next-line no-param-reassign
+      object.byId[viewDetails.mosaicNodeId] = getViewPresetState(viewDetails.viewPresetId, viewDetails.mosaicNodeId, 'loading');
+    } else {
+      var _viewDetails$componen, _viewDetails$initialP;
+      // Inline view — hydrate it directly
+      // eslint-disable-next-line no-param-reassign
+      object.byId[viewDetails.mosaicNodeId] = {
+        id: viewDetails.mosaicNodeId,
+        mosaicNodeId: viewDetails.mosaicNodeId,
+        title: viewDetails.title,
+        componentType: (_viewDetails$componen = viewDetails.componentType) != null ? _viewDetails$componen : '',
+        initialProps: (_viewDetails$initialP = viewDetails.initialProps) != null ? _viewDetails$initialP : {}
+      };
+    }
+    object.allIds.push(viewDetails.mosaicNodeId);
+    return object;
   }, {
     allIds: [],
     byId: {}
   });
-  var combinedWorkspacePreset = Object.assign({}, workspacePreset, {
+  return Object.assign({}, workspacePreset, {
     views: views
   });
-  return combinedWorkspacePreset;
 };
 var BATCH_SIZE = 3;
 var getListInChunks = function getListInChunks(views) {
@@ -779,9 +847,10 @@ var getSyncGroups = function getSyncGroups(syncGroups) {
     syncGroups = [];
   }
   var presetSyncGroups = syncGroups.map(function (syncGroup) {
+    var _syncGroup$title;
     return {
       groupId: syncGroup.id,
-      title: syncGroup.title || syncGroup.id,
+      title: (_syncGroup$title = syncGroup.title) != null ? _syncGroup$title : syncGroup.id,
       type: syncGroup.type
     };
   });
@@ -820,56 +889,56 @@ var getErrorMessage = function getErrorMessage(error) {
   var suffix = (_error$response = error.response) == null || (_error$response = _error$response.data) == null ? void 0 : _error$response.message;
   return suffix ? prefix + ": " + suffix : prefix;
 };
-var updateViewPresets = function updateViewPresets(saveViewPreset, getViewPresetEntity, data, scope) {
-  return Promise.all(data.views.map(/*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(view) {
-      var viewPresetEntity, shouldUpdateView, canUpdateView, payload, _payload;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            viewPresetEntity = getViewPresetEntity(view);
-            shouldUpdateView = view.hasChanges && view.isSelected;
-            canUpdateView = scope === 'system' || scope === viewPresetEntity.scope; // save existing views
-            if (!(shouldUpdateView && view.viewPresetId !== 'emptyMap' && canUpdateView)) {
-              _context.next = 6;
-              break;
-            }
-            payload = {
-              panelId: view.mosaicNodeId,
-              viewPresetId: view.viewPresetId,
-              viewPreset: viewPresetEntity
-            };
-            return _context.abrupt("return", saveViewPreset({
-              payload: payload
-            }));
-          case 6:
-            if (!shouldUpdateView) {
-              _context.next = 9;
-              break;
-            }
-            _payload = {
-              panelId: view.mosaicNodeId,
-              viewPresetId: '',
-              viewPreset: Object.assign({}, viewPresetEntity, {
-                // update scope
-                scope: scope
-              })
-            };
-            return _context.abrupt("return", saveViewPreset({
-              payload: _payload
-            }, true));
-          case 9:
-            return _context.abrupt("return", viewPresetEntity);
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x) {
-      return _ref.apply(this, arguments);
+var toViewsArray = function toViewsArray(wsViews) {
+  if (!wsViews) {
+    return [];
+  }
+  if (Array.isArray(wsViews)) {
+    return wsViews;
+  }
+  var allIds = wsViews.allIds,
+    byId = wsViews.byId;
+  if (!allIds || !byId) {
+    return [];
+  }
+  return allIds.map(function (id) {
+    var _byId$id;
+    var view = (_byId$id = byId[id]) != null ? _byId$id : {};
+    return {
+      mosaicNodeId: id,
+      title: view.title,
+      componentType: view.componentType,
+      initialProps: view.initialProps,
+      viewPresetId: view.viewPresetId,
+      originalViewPresetId: view.originalViewPresetId
     };
-  }()));
+  });
+};
+
+/* *
+ * 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 routes = {
+  root: '/',
+  workspace: '/workspace',
+  workspaceDetail: '/workspace/:workspaceId'
+};
+var getWorkspaceRouteUrl = function getWorkspaceRouteUrl(workspaceId) {
+  return workspaceId ? routes.workspaceDetail.replace(':workspaceId', workspaceId) : routes.workspace;
 };
 
 /* *
@@ -902,6 +971,7 @@ var WorkspacePresetAction;
   WorkspacePresetAction["DELETE_SYSTEM_PRESET"] = "DELETE_SYSTEM_PRESET";
   WorkspacePresetAction["SHARE"] = "SHARE";
   WorkspacePresetAction["OPEN_TAB"] = "OPEN_TAB";
+  WorkspacePresetAction["EDIT_TITLE"] = "EDIT_TITLE";
 })(WorkspacePresetAction || (WorkspacePresetAction = {}));
 var WorkspaceErrorType;
 (function (WorkspaceErrorType) {
@@ -1469,11 +1539,40 @@ var slice$2 = createSlice({
         });
       }
     });
+    builder.addCase(workspaceListActions.onSuccessWorkspacePresetAction, function (draft, action) {
+      var _action$payload12 = action.payload,
+        wsAction = _action$payload12.action,
+        views = _action$payload12.views;
+      var shouldClear = wsAction === WorkspacePresetAction.SAVE || wsAction === WorkspacePresetAction.SAVE_AS || wsAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET || wsAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET_AS || wsAction === WorkspacePresetAction.EDIT;
+      if (!shouldClear) {
+        return;
+      }
+      var viewIds = (views != null ? views : []).map(function (view) {
+        return view.mosaicNodeId;
+      }).filter(Boolean);
+      if (viewIds.length) {
+        viewIds.forEach(function (panelId) {
+          var entity = draft.entities[panelId];
+          if (entity) {
+            entity.hasChanges = false;
+            viewPresetsAdapter.setOne(draft, entity);
+          }
+        });
+        return;
+      }
+      Object.values(draft.entities).forEach(function (entity) {
+        if (entity) {
+          // eslint-disable-next-line no-param-reassign
+          entity.hasChanges = false;
+          viewPresetsAdapter.setOne(draft, entity);
+        }
+      });
+    });
     warningsPresetChangeActions.map(function (warningsAction) {
       return builder.addCase(warningsAction, function (draft, action) {
-        var _action$payload12 = action.payload,
-          systemUpdate = _action$payload12.systemUpdate,
-          panelId = _action$payload12.panelId;
+        var _action$payload13 = action.payload,
+          systemUpdate = _action$payload13.systemUpdate,
+          panelId = _action$payload13.panelId;
         if (!systemUpdate && panelId) {
           var entity = draft.entities[panelId];
           if (entity && !(entity != null && entity.hasChanges)) {
@@ -1485,9 +1584,9 @@ var slice$2 = createSlice({
     });
     syncGroupChangeActions.map(function (syncGroupAction) {
       return builder.addCase(syncGroupAction, function (draft, action) {
-        var _action$payload13 = action.payload,
-          origin = _action$payload13.origin,
-          targetId = _action$payload13.targetId;
+        var _action$payload14 = action.payload,
+          origin = _action$payload14.origin,
+          targetId = _action$payload14.targetId;
         if (origin === 'user') {
           var entity = draft.entities[targetId];
           if (entity && !(entity != null && entity.hasChanges)) {
@@ -1499,9 +1598,9 @@ var slice$2 = createSlice({
     });
     mapPresetChangeActions.map(function (mapPresetAction) {
       return builder.addCase(mapPresetAction, function (draft, action) {
-        var _action$payload14 = action.payload,
-          mapId = _action$payload14.mapId,
-          origin = _action$payload14.origin;
+        var _action$payload15 = action.payload,
+          mapId = _action$payload15.mapId,
+          origin = _action$payload15.origin;
         var isChangeOriginSupported = supportedMapActionOrigins.indexOf(origin) >= 0;
         if (isChangeOriginSupported && mapId) {
           var entity = draft.entities[mapId];
@@ -1514,9 +1613,9 @@ var slice$2 = createSlice({
     });
     timeSeriesPresetChangeActions.map(function (timeSeriesPresetAction) {
       return builder.addCase(timeSeriesPresetAction, function (draft, action) {
-        var _action$payload15 = action.payload,
-          panelId = _action$payload15.panelId,
-          origin = _action$payload15.origin;
+        var _action$payload16 = action.payload,
+          panelId = _action$payload16.panelId,
+          origin = _action$payload16.origin;
         var isChangeOriginSupported = supportedTimeSeriesActionOrigins.indexOf(origin) >= 0;
         var changesRelevantProperties = timeSeriesPresetAction.type === timeSeriesActions.patchParameter.type ? Object.keys(action.payload.parameter).filter(function (key) {
           return key !== 'id' && key !== 'instanceId';
@@ -1690,6 +1789,7 @@ function getEmptyWorkspaceListItem(t) {
   return {
     id: undefined,
     title: t ? t('workspace-new') : undefined,
+    labels: undefined,
     scope: 'system',
     "abstract": '',
     viewType: 'singleWindow'
@@ -1868,6 +1968,7 @@ var slice$1 = createSlice({
       draft.id = '';
       draft.title = workspacePreset.title;
       draft["abstract"] = workspacePreset["abstract"];
+      draft.labels = workspacePreset.labels;
       draft.scope = workspacePreset.scope;
       draft.syncGroups = [];
     },
@@ -1902,6 +2003,7 @@ var slice$1 = createSlice({
       draft.scope = action.payload.workspacePreset.scope;
       draft.viewType = action.payload.workspacePreset.viewType;
       draft.isTimeScrollingEnabled = action.payload.workspacePreset.isTimeScrollingEnabled;
+      draft.labels = action.payload.workspacePreset.labels;
       return draft;
     },
     setPreventCloseView: function setPreventCloseView(draft, action) {
@@ -1920,11 +2022,56 @@ var slice$1 = createSlice({
     loadedWorkspace: function loadedWorkspace(draft, action) {
       var _action$payload3;
       draft.isLoading = false;
-      if ((_action$payload3 = action.payload) != null && _action$payload3.workspace) {
-        var workspace = action.payload.workspace;
-        draft["abstract"] = workspace == null ? void 0 : workspace["abstract"];
-        draft.title = workspace == null ? void 0 : workspace.title;
+      var ws = (_action$payload3 = action.payload) == null ? void 0 : _action$payload3.workspace;
+      if (!ws) {
+        return;
+      }
+      draft.title = ws.title;
+      draft["abstract"] = ws["abstract"];
+      draft.labels = ws.labels;
+      var wsViews = ws.views;
+      var viewsArray = [];
+      if (Array.isArray(wsViews)) {
+        viewsArray = wsViews;
+      } else if (wsViews != null && wsViews.byId && Array.isArray(wsViews.allIds)) {
+        viewsArray = wsViews.allIds.map(function (id) {
+          var _wsViews$byId$id;
+          var viewData = (_wsViews$byId$id = wsViews.byId[id]) != null ? _wsViews$byId$id : {};
+          return {
+            mosaicNodeId: id,
+            title: viewData.title,
+            componentType: viewData.componentType,
+            initialProps: viewData.initialProps,
+            viewPresetId: viewData.viewPresetId,
+            originalViewPresetId: viewData.originalViewPresetId,
+            "abstract": viewData["abstract"],
+            scope: viewData.scope
+          };
+        });
+      } else {
+        viewsArray = [];
       }
+      draft.views = {
+        byId: {},
+        allIds: []
+      };
+      viewsArray.forEach(function (view) {
+        var _view$componentType, _view$initialProps;
+        var key = view.mosaicNodeId;
+        if (!key) {
+          return;
+        }
+        draft.views.byId[key] = {
+          id: key,
+          mosaicNodeId: key,
+          title: typeof view.title === 'string' && view.title.trim().length ? view.title : key,
+          componentType: (_view$componentType = view.componentType) != null ? _view$componentType : 'Map',
+          initialProps: (_view$initialProps = view.initialProps) != null ? _view$initialProps : {}
+        };
+        draft.views.allIds.push(key);
+      });
+      draft.hasChanges = false;
+      draft.error = undefined;
     },
     errorWorkspace: function errorWorkspace(draft, action) {
       var error = action.payload.error;
@@ -1935,6 +2082,9 @@ var slice$1 = createSlice({
     saveWorkspacePreset: function saveWorkspacePreset(draft, _action) {
       draft.isLoading = true;
       draft.error = undefined;
+    },
+    markWorkspaceChanged: function markWorkspaceChanged(draft) {
+      draft.hasChanges = true;
     }
   },
   extraReducers: function extraReducers(builder) {
@@ -1943,15 +2093,29 @@ var slice$1 = createSlice({
         draft.id = action.payload.workspaceId;
         draft.title = action.payload.title;
         draft["abstract"] = action.payload["abstract"];
+        draft.labels = action.payload.labels;
         draft.hasChanges = false;
         draft.scope = action.payload.scope || 'user';
       }
-      if (action.payload.action === WorkspacePresetAction.EDIT && action.payload.workspaceId === draft.id) {
-        draft.title = action.payload.title;
-        draft["abstract"] = action.payload["abstract"];
+      if ((action.payload.action === WorkspacePresetAction.EDIT || action.payload.action === WorkspacePresetAction.EDIT_TITLE) && action.payload.workspaceId === draft.id) {
+        var _draft$views;
+        // Only EDIT updates ws title/abstract
+        if (action.payload.action === WorkspacePresetAction.EDIT) {
+          draft.title = action.payload.title;
+          draft["abstract"] = action.payload["abstract"];
+          draft.labels = action.payload.labels;
+        }
+        var changedViews = action.payload.views;
+        if (changedViews && (_draft$views = draft.views) != null && _draft$views.byId) {
+          changedViews.forEach(function (view) {
+            var key = view.mosaicNodeId;
+            if (key && draft.views.byId[key]) {
+              var _view$title;
+              draft.views.byId[key].title = (_view$title = view.title) != null ? _view$title : draft.views.byId[key].title;
+            }
+          });
+        }
       }
-      // 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.action === WorkspacePresetAction.DELETE_SYSTEM_PRESET) && action.payload.workspaceId === draft.id) {
         delete draft.id;
         draft.title = action.payload.emptyWorkspacePresetTitle;
@@ -2012,121 +2176,6 @@ var slice$1 = createSlice({
 var workspaceReducer = slice$1.reducer;
 var workspaceActions = Object.assign({}, slice$1.actions);
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var getViewPresetsStore = function getViewPresetsStore(store) {
-  if (store && store.viewPresets) {
-    return store.viewPresets;
-  }
-  return initialState$2;
-};
-var EMPTY_VIEW_PRESETS = {
-  entities: {},
-  ids: []
-};
-var selectors$2 = viewPresetsAdapter.getSelectors(function (state) {
-  var _state$viewPresets;
-  return (_state$viewPresets = state == null ? void 0 : state.viewPresets) != null ? _state$viewPresets : EMPTY_VIEW_PRESETS;
-});
-var getViewPresets = selectors$2.selectAll,
-  getViewPresetById = selectors$2.selectById;
-var getViewPresetsIsFetching = createSelector(getViewPresetById, function (_store, panelId) {
-  return panelId;
-}, function (viewPreset) {
-  return (viewPreset == null ? void 0 : viewPreset.isFetching) || false;
-}, selectorMemoizationOptions);
-var getViewPresetsError = createSelector(getViewPresetById, function (_store, panelId) {
-  return panelId;
-}, function (viewPreset) {
-  return viewPreset == null ? void 0 : viewPreset.error;
-}, selectorMemoizationOptions);
-var getViewPresetDetailError = createSelector(getViewPresetsError, function (_store, panelId) {
-  return panelId;
-}, function (error) {
-  if (error && error.component === 'PRESET_DETAIL') {
-    return error.message;
-  }
-  return undefined;
-}, selectorMemoizationOptions);
-var getViewPresetHasChanges = createSelector(getViewPresetById, function (_store, panelId) {
-  return panelId;
-}, function (viewPreset) {
-  return viewPreset == null ? void 0 : viewPreset.hasChanges;
-}, selectorMemoizationOptions);
-var getViewPresetActiveId = createSelector(getViewPresetById, function (_store, panelId) {
-  return panelId;
-}, function (viewPreset) {
-  return viewPreset == null ? void 0 : viewPreset.activeViewPresetId;
-}, selectorMemoizationOptions);
-createSelector(getViewPresets, function (store, mapId) {
-  return mapId;
-}, function (viewPresets, mapId) {
-  var _viewPresets$find$pan, _viewPresets$find;
-  return (_viewPresets$find$pan = (_viewPresets$find = viewPresets.find(function (preset) {
-    return preset.activeViewPresetId === mapId;
-  })) == null ? void 0 : _viewPresets$find.panelId) != null ? _viewPresets$find$pan : '';
-}, selectorMemoizationOptions);
-var getDialogOptions = createSelector(getViewPresetsStore, function (store) {
-  return store;
-}, function (store) {
-  return store.viewPresetDialog || undefined;
-}, selectorMemoizationOptions);
-var getIsViewPresetListDialogOpen = createSelector(getViewPresetById, function (_store, panelId) {
-  return panelId;
-}, function (viewPreset) {
-  return (viewPreset == null ? void 0 : viewPreset.isViewPresetListDialogOpen) || false;
-}, selectorMemoizationOptions);
-var getViewPresetListFiltersForView = createSelector(getViewPresetById, function (_store, _panelId, scope) {
-  return scope;
-}, function (_store, _panelId, _scope, isAdmin) {
-  return isAdmin;
-}, function (viewPreset, _scope, isAdmin) {
-  var filters = (viewPreset == null ? void 0 : viewPreset.filters) || [];
-  if (isAdmin) {
-    // Admin users: Only system and shared filters
-    return filters.filter(function (filter) {
-      return filter.id === 'system' || filter.id === 'shared';
-    }).map(function (filter) {
-      return Object.assign({}, filter, {
-        isDisabled: false
-      });
-    });
-  }
-  // Regular users
-  return filters.map(function (filter) {
-    return Object.assign({}, filter, {
-      isDisabled: false
-    });
-  });
-}, selectorMemoizationOptions);
-var getViewPresetListSearchQueryForView = createSelector(getViewPresetById, function (_store, panelId) {
-  return panelId;
-}, function (viewPreset) {
-  return (viewPreset == null ? void 0 : viewPreset.searchQuery) || '';
-}, selectorMemoizationOptions);
-// Used to retrieve the filtered view preset list for your view - if no filters/search applied it will be empty
-// To ensure you retrieve the view preset list specific for your view (incl and excl filters), use getFilteredViewPresetListForView
-var getViewPresetListFilterResultsForView = createSelector(getViewPresetById, function (viewPresetById) {
-  var filteredResults = (viewPresetById == null ? void 0 : viewPresetById.filterResults) || {
-    entities: {}};
-  return Object.values(filteredResults.entities);
-}, selectorMemoizationOptions);
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -2253,7 +2302,8 @@ var emptyViewPreset = function emptyViewPreset(componentType) {
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var getWorkspaceState = function getWorkspaceState(store) {
-  return (store == null ? void 0 : store.workspace) || initialState$1;
+  var _store$workspace;
+  return (_store$workspace = store == null ? void 0 : store.workspace) != null ? _store$workspace : initialState$1;
 };
 /**
  * Gets component types from the views used in the workspace
@@ -2266,8 +2316,8 @@ var getComponentTypesFromActiveViews = createSelector([function (state) {
 }], function (workspace) {
   var viewIds = workspace == null ? void 0 : workspace.views.allIds; // Assuming you have all view IDs here
   var componentTypes = viewIds == null ? void 0 : viewIds.map(function (viewId) {
-    var _workspace$views;
-    return (workspace == null || (_workspace$views = workspace.views) == null || (_workspace$views = _workspace$views.byId) == null || (_workspace$views = _workspace$views[viewId]) == null ? void 0 : _workspace$views.componentType) || '';
+    var _workspace$views$byId, _workspace$views;
+    return (_workspace$views$byId = workspace == null || (_workspace$views = workspace.views) == null || (_workspace$views = _workspace$views.byId) == null || (_workspace$views = _workspace$views[viewId]) == null ? void 0 : _workspace$views.componentType) != null ? _workspace$views$byId : '';
   });
   return componentTypes;
 });
@@ -2278,7 +2328,7 @@ var getComponentTypesFromActiveViews = createSelector([function (state) {
  * @returns {MosaicNode<string>} returnType: MosaicNode<string>
  */
 var getMosaicNode = createSelector(getWorkspaceState, function (state) {
-  return state && state.mosaicNode;
+  return state == null ? void 0 : state.mosaicNode;
 }, selectorMemoizationOptions);
 /**
  * Gets view from workspace state
@@ -2313,10 +2363,12 @@ var getViewIds = createSelector(getWorkspaceState, function (store) {
  * @returns {boolean} returnType: boolean
  */
 var getShouldPreventClose = createSelector(getViewById, function (store) {
-  return (store == null ? void 0 : store.shouldPreventClose) || false;
+  var _store$shouldPreventC;
+  return (_store$shouldPreventC = store == null ? void 0 : store.shouldPreventClose) != null ? _store$shouldPreventC : false;
 }, selectorMemoizationOptions);
 var isWorkspaceLoading = createSelector(getWorkspaceState, function (store) {
-  return (store == null ? void 0 : store.isLoading) || false;
+  var _store$isLoading;
+  return (_store$isLoading = store == null ? void 0 : store.isLoading) != null ? _store$isLoading : false;
 }, selectorMemoizationOptions);
 var getWorkspaceError = createSelector(getWorkspaceState, function (store) {
   return store == null ? void 0 : store.error;
@@ -2328,10 +2380,11 @@ var getWorkspaceError = createSelector(getWorkspaceState, function (store) {
  * @returns {string} returnType: string
  */
 var getSelectedWorkspaceTitle = createSelector(getWorkspaceState, function (store) {
-  return store && store.title || '';
+  return (store == null ? void 0 : store.title) || '';
 }, selectorMemoizationOptions);
 var hasWorkspaceChanges = createSelector(getWorkspaceState, function (store) {
-  return (store == null ? void 0 : store.hasChanges) || false;
+  var _store$hasChanges;
+  return (_store$hasChanges = store == null ? void 0 : store.hasChanges) != null ? _store$hasChanges : false;
 }, selectorMemoizationOptions);
 /**
  * Gets selected viewType
@@ -2340,7 +2393,8 @@ var hasWorkspaceChanges = createSelector(getWorkspaceState, function (store) {
  * @returns {string} returnType: string
  */
 var getViewType = createSelector(getWorkspaceState, function (store) {
-  return (store == null ? void 0 : store.viewType) || '';
+  var _store$viewType;
+  return (_store$viewType = store == null ? void 0 : store.viewType) != null ? _store$viewType : '';
 }, selectorMemoizationOptions);
 /**
  * Gets selected workspace scope
@@ -2349,7 +2403,8 @@ var getViewType = createSelector(getWorkspaceState, function (store) {
  * @returns {string} returnType: string
  */
 var getSelectedWorkspaceScope = createSelector(getWorkspaceState, function (store) {
-  return store && store.scope || 'system';
+  var _store$scope;
+  return (_store$scope = store == null ? void 0 : store.scope) != null ? _store$scope : 'system';
 }, selectorMemoizationOptions);
 /**
  * Gets workspace data to send to the backend
@@ -2357,7 +2412,7 @@ var getSelectedWorkspaceScope = createSelector(getWorkspaceState, function (stor
  * @param {object} store store: object - Store object
  * @returns {object} returnType: object - WorkspacePresetFromBE
  */
-var getWorkspaceData = createSelector(getWorkspaceState, getViewPresetsStore, genericSelectors.getSynchronizationGroupStore, function (store, mapPresetStore, syncGroupsStore) {
+var getWorkspaceData = createSelector(getWorkspaceState, genericSelectors.getSynchronizationGroupStore, function (workspaceStore, syncGroupsStore) {
   var syncGroups = (syncGroupsStore == null ? void 0 : syncGroupsStore.groups.allIds.map(function (id) {
     var type = syncGroupsStore.groups.byId[id].type;
     return {
@@ -2365,51 +2420,67 @@ var getWorkspaceData = createSelector(getWorkspaceState, getViewPresetsStore, ge
       type: type
     };
   })) || [];
-  var views = store.views.allIds.map(function (mosaicNodeId) {
-    var viewPreset = mapPresetStore.ids.length ? mapPresetStore.entities[mosaicNodeId] : undefined;
-    var viewPresetId = (viewPreset == null ? void 0 : viewPreset.activeViewPresetId) || 'emptyMap';
+  var views = workspaceStore.views.allIds.map(function (mosaicNodeId) {
+    var _view$componentType, _view$title, _view$id;
+    var view = workspaceStore.views.byId[mosaicNodeId];
     return {
       mosaicNodeId: mosaicNodeId,
-      viewPresetId: viewPresetId
+      componentType: (_view$componentType = view == null ? void 0 : view.componentType) != null ? _view$componentType : 'Map',
+      title: (_view$title = view == null ? void 0 : view.title) != null ? _view$title : mosaicNodeId,
+      originalViewPresetId: (_view$id = view == null ? void 0 : view.id) != null ? _view$id : undefined
     };
   });
-  var linkedState = pick(syncGroupsStore == null ? void 0 : syncGroupsStore.linkedState.links, store.views.allIds);
+  var linkedState = pick(syncGroupsStore == null ? void 0 : syncGroupsStore.linkedState.links, workspaceStore.views.allIds);
   return {
-    id: store.id,
-    title: store.title,
+    id: workspaceStore.id,
+    title: workspaceStore.title,
     syncGroups: syncGroups,
     views: views,
-    viewType: store.viewType,
-    scope: store.scope,
-    "abstract": store["abstract"],
-    mosaicNode: store.mosaicNode,
+    viewType: workspaceStore.viewType,
+    scope: workspaceStore.scope,
+    "abstract": workspaceStore["abstract"],
+    mosaicNode: workspaceStore.mosaicNode,
     isTimeScrollingEnabled: (syncGroupsStore == null ? void 0 : syncGroupsStore.isTimeScrollingEnabled) || false,
-    linking: linkedState
+    linking: linkedState,
+    labels: workspaceStore.labels
   };
 }, selectorMemoizationOptions);
 var getViewComponentType = createSelector(getViewById, function (store) {
-  return (store == null ? void 0 : store.componentType) || 'Map';
+  var _store$componentType;
+  return (_store$componentType = store == null ? void 0 : store.componentType) != null ? _store$componentType : 'Map';
 }, selectorMemoizationOptions);
-var getViewPresetToSendToBackend = createSelector(getViewById, getViewComponentType, mapSelectors.getMapPreset, syncGroupsSelectors.getAllTargetGroupsForSource, timeSeriesSelectors.getTimeSeriesPreset, function (workspaceView, viewComponentType, mapPreset, syncGroupsIds, timeSeriesPreset) {
+var getViewPresetToSendToBackend = createSelector(getViewById, getViewComponentType, mapSelectors.getMapPreset, syncGroupsSelectors.getAllTargetGroupsForSource, timeSeriesSelectors.getTimeSeriesPreset, publicWarningsSelectors.getWarningsPresetById, mapSelectors.getMultiMapInitialProps, mapSelectors.getTimeSliderInitialProps, function (store) {
+  return store;
+}, function (panelId) {
+  return panelId;
+}, function (workspaceView, viewComponentType, mapPreset, syncGroupsIds, timeSeriesPreset, warningsPreset, multiMapPreset, timeSliderPreset, store, panelId) {
+  var _workspaceView$scope, _initialPropsByCompon;
   var title = workspaceView == null ? void 0 : workspaceView.title;
-  var scope = (workspaceView == null ? void 0 : workspaceView.scope) || 'system';
+  var scope = (_workspaceView$scope = workspaceView == null ? void 0 : workspaceView.scope) != null ? _workspaceView$scope : 'system';
   var defaultInitialProps = {
     mapPreset: mapPreset,
     syncGroupsIds: syncGroupsIds
   };
+  var harmonieProps = mapSelectors.getHarmonieInitialProps(store, panelId, workspaceView == null ? void 0 : workspaceView.initialProps, syncGroupsIds);
   var initialPropsByComponentType = {
     Map: defaultInitialProps,
-    TimeSeries: timeSeriesPreset
+    TimeSeries: timeSeriesPreset,
+    WarningList: warningsPreset,
+    MultiMap: multiMapPreset != null ? multiMapPreset : defaultInitialProps,
+    HarmonieTempAndPrecipPreset: harmonieProps != null && harmonieProps.layers ? {
+      layers: harmonieProps.layers
+    } : undefined,
+    TimeSlider: timeSliderPreset
   };
   return Object.assign({}, emptyViewPreset(viewComponentType), {
     id: workspaceView == null ? void 0 : workspaceView.id,
     scope: scope,
     title: title,
-    initialProps: initialPropsByComponentType[viewComponentType] || defaultInitialProps
+    initialProps: (_initialPropsByCompon = initialPropsByComponentType[viewComponentType]) != null ? _initialPropsByCompon : defaultInitialProps
   });
 }, selectorMemoizationOptions);
 
-var selectors$1 = /*#__PURE__*/Object.freeze({
+var selectors$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getComponentTypesFromActiveViews: getComponentTypesFromActiveViews,
   getMosaicNode: getMosaicNode,
@@ -2446,44 +2517,133 @@ var selectors$1 = /*#__PURE__*/Object.freeze({
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var routes = {
-  root: '/',
-  workspace: '/workspace',
-  workspaceDetail: '/workspace/:workspaceId'
+var getViewPresetsStore = function getViewPresetsStore(store) {
+  if (store && store.viewPresets) {
+    return store.viewPresets;
+  }
+  return initialState$2;
 };
-var getWorkspaceRouteUrl = function getWorkspaceRouteUrl(workspaceId) {
-  return workspaceId ? routes.workspaceDetail.replace(':workspaceId', workspaceId) : routes.workspace;
+var EMPTY_VIEW_PRESETS = {
+  entities: {},
+  ids: []
 };
-
-var viewPresetsListFullContent = [
-	{
-		id: "radar",
-		title: "Radar",
-		abstract: "abstract radar",
-		componentType: "Map",
-		initialProps: {
-			mapPreset: {
-				layers: [
-					{
-						service: "https://geoservices.knmi.nl/wms?dataset=RADAR",
-						name: "RAD_NL25_PCP_CM",
-						format: "image/png",
-						enabled: true,
-						style: "radar/nearest",
-						id: "layerid_8",
-						layerType: "mapLayer"
-					},
-					{
-						service: "https://openwms.fmi.fi/geoserver/wms?",
-						name: "Radar:suomi_dbz_eureffin",
-						format: "image/png",
-						style: "Radar dbz Summer",
-						enabled: true,
-						layerType: "mapLayer"
-					},
-					{
-						service: "https://geoservices.knmi.nl/wms?dataset=RADAR",
-						name: "RAD_NL25_PCP_CM",
+var selectors$1 = viewPresetsAdapter.getSelectors(function (state) {
+  var _state$viewPresets;
+  return (_state$viewPresets = state == null ? void 0 : state.viewPresets) != null ? _state$viewPresets : EMPTY_VIEW_PRESETS;
+});
+var getViewPresets = selectors$1.selectAll,
+  getViewPresetById = selectors$1.selectById;
+var getViewPresetsIsFetching = createSelector(getViewPresetById, function (_store, panelId) {
+  return panelId;
+}, function (viewPreset) {
+  return (viewPreset == null ? void 0 : viewPreset.isFetching) || false;
+}, selectorMemoizationOptions);
+var getViewPresetsError = createSelector(getViewPresetById, function (_store, panelId) {
+  return panelId;
+}, function (viewPreset) {
+  return viewPreset == null ? void 0 : viewPreset.error;
+}, selectorMemoizationOptions);
+var getViewPresetDetailError = createSelector(getViewPresetsError, function (_store, panelId) {
+  return panelId;
+}, function (error) {
+  if (error && error.component === 'PRESET_DETAIL') {
+    return error.message;
+  }
+  return undefined;
+}, selectorMemoizationOptions);
+var getViewPresetHasChanges = createSelector(getViewPresetById, function (_store, panelId) {
+  return panelId;
+}, function (viewPreset) {
+  return viewPreset == null ? void 0 : viewPreset.hasChanges;
+}, selectorMemoizationOptions);
+var getViewPresetActiveId = createSelector(getViewPresetById, function (_store, panelId) {
+  return panelId;
+}, function (viewPreset) {
+  return viewPreset == null ? void 0 : viewPreset.activeViewPresetId;
+}, selectorMemoizationOptions);
+createSelector(getViewPresets, function (store, mapId) {
+  return mapId;
+}, function (viewPresets, mapId) {
+  var _viewPresets$find$pan, _viewPresets$find;
+  return (_viewPresets$find$pan = (_viewPresets$find = viewPresets.find(function (preset) {
+    return preset.activeViewPresetId === mapId;
+  })) == null ? void 0 : _viewPresets$find.panelId) != null ? _viewPresets$find$pan : '';
+}, selectorMemoizationOptions);
+var getDialogOptions = createSelector(getViewPresetsStore, function (store) {
+  return store;
+}, function (store) {
+  return store.viewPresetDialog || undefined;
+}, selectorMemoizationOptions);
+var getIsViewPresetListDialogOpen = createSelector(getViewPresetById, function (_store, panelId) {
+  return panelId;
+}, function (viewPreset) {
+  return (viewPreset == null ? void 0 : viewPreset.isViewPresetListDialogOpen) || false;
+}, selectorMemoizationOptions);
+var getViewPresetListFiltersForView = createSelector(getViewPresetById, function (_store, _panelId, scope) {
+  return scope;
+}, function (_store, _panelId, _scope, isAdmin) {
+  return isAdmin;
+}, function (viewPreset, _scope, isAdmin) {
+  var filters = (viewPreset == null ? void 0 : viewPreset.filters) || [];
+  if (isAdmin) {
+    // Admin users: Only system and shared filters
+    return filters.filter(function (filter) {
+      return filter.id === 'system' || filter.id === 'shared';
+    }).map(function (filter) {
+      return Object.assign({}, filter, {
+        isDisabled: false
+      });
+    });
+  }
+  // Regular users
+  return filters.map(function (filter) {
+    return Object.assign({}, filter, {
+      isDisabled: false
+    });
+  });
+}, selectorMemoizationOptions);
+var getViewPresetListSearchQueryForView = createSelector(getViewPresetById, function (_store, panelId) {
+  return panelId;
+}, function (viewPreset) {
+  return (viewPreset == null ? void 0 : viewPreset.searchQuery) || '';
+}, selectorMemoizationOptions);
+// Used to retrieve the filtered view preset list for your view - if no filters/search applied it will be empty
+// To ensure you retrieve the view preset list specific for your view (incl and excl filters), use getFilteredViewPresetListForView
+var getViewPresetListFilterResultsForView = createSelector(getViewPresetById, function (viewPresetById) {
+  var filteredResults = (viewPresetById == null ? void 0 : viewPresetById.filterResults) || {
+    entities: {}};
+  return Object.values(filteredResults.entities);
+}, selectorMemoizationOptions);
+
+var viewPresetsListFullContent = [
+	{
+		id: "radar",
+		title: "Radar",
+		abstract: "abstract radar",
+		componentType: "Map",
+		initialProps: {
+			mapPreset: {
+				layers: [
+					{
+						service: "https://geoservices.knmi.nl/wms?dataset=RADAR",
+						name: "RAD_NL25_PCP_CM",
+						format: "image/png",
+						enabled: true,
+						style: "radar/nearest",
+						id: "layerid_8",
+						layerType: "mapLayer"
+					},
+					{
+						service: "https://openwms.fmi.fi/geoserver/wms?",
+						name: "Radar:suomi_dbz_eureffin",
+						format: "image/png",
+						style: "Radar dbz Summer",
+						enabled: true,
+						layerType: "mapLayer"
+					},
+					{
+						service: "https://geoservices.knmi.nl/wms?dataset=RADAR",
+						name: "RAD_NL25_PCP_CM",
 						format: "image/png",
 						style: "precip-blue-transparent/nearest",
 						enabled: true,
@@ -3872,12 +4032,210 @@ var workspacePresetsListFullContent = [
 		viewType: "multiWindow",
 		views: [
 			{
-				mosaicNodeId: "screen_no_1",
-				viewPresetId: "radar"
+				mosaicNodeId: "viewA",
+				componentType: "Map",
+				initialProps: {
+					mapPreset: {
+						layers: [
+							{
+								name: "WorldMap_Light_Grey_Canvas",
+								type: "twms",
+								dimensions: [
+								],
+								id: "layerid_64",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "baseLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								service: "https://geoservices.knmi.nl/wms?DATASET=baselayers&",
+								name: "countryborders",
+								format: "image/png",
+								dimensions: [
+								],
+								id: "layerid_63",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "overLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "Radar:suomi_dbz_eureffin",
+								style: "Radar dbz Summer",
+								format: "image/png",
+								service: "https://openwms.fmi.fi/geoserver/wms?",
+								dimensions: [
+								],
+								id: "layerid_59",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "radar_precipitation_intensity_nordic",
+								style: "",
+								format: "image/png",
+								service: "https://public-wms.met.no/verportal/verportal.map?SERVICE=WMS&REQUEST=GetCapabilities",
+								dimensions: [
+								],
+								id: "layerid_60",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "RAD_NL25_PCP_CM",
+								style: "precip-blue-transparent/nearest",
+								format: "image/png",
+								service: "https://geoservices.knmi.nl/wms?dataset=RADAR",
+								dimensions: [
+								],
+								id: "layerid_61",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							}
+						],
+						proj: {
+							bbox: {
+								left: -4537320.252629031,
+								bottom: 6408480.451399999,
+								right: 8563411.406429032,
+								top: 11520588.9031
+							},
+							srs: "EPSG:3857"
+						},
+						shouldAnimate: false,
+						shouldAutoUpdate: false,
+						showTimeSlider: true,
+						displayMapPin: false,
+						shouldShowZoomControls: true,
+						animationPayload: {
+							interval: 60,
+							speed: 4,
+							duration: 290
+						},
+						toggleTimestepAuto: true,
+						toggleTimeSpanAuto: true,
+						shouldShowLegend: false,
+						timeSliderSpan: 86400,
+						shouldShowDataExplorer: false,
+						defaultOverlayer: "countryborders"
+					},
+					syncGroupsIds: [
+						"Area_radarTemp",
+						"Time_radarTemp"
+					]
+				},
+				title: "Radar",
+				originalViewPresetId: "Radar"
 			},
 			{
-				mosaicNodeId: "screen_no_2",
-				viewPresetId: "temp"
+				mosaicNodeId: "viewB",
+				componentType: "Map",
+				initialProps: {
+					mapPreset: {
+						layers: [
+							{
+								name: "WorldMap_Light_Grey_Canvas",
+								type: "twms",
+								dimensions: [
+								],
+								id: "layerid_71",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "baseLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								service: "https://geoservices.knmi.nl/wms?DATASET=baselayers&",
+								name: "countryborders",
+								format: "image/png",
+								dimensions: [
+								],
+								id: "layerid_70",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "overLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "10M/ta",
+								service: "https://geoservices.knmi.nl/adagucserver?dataset=OBS",
+								dimensions: [
+								],
+								id: "layerid_67",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "t850_public",
+								service: "https://eccharts.ecmwf.int/wms/?token=public",
+								dimensions: [
+								],
+								id: "layerid_68",
+								opacity: 0.8,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							}
+						],
+						proj: {
+							bbox: {
+								left: -4537320.252629031,
+								bottom: 6408480.451399999,
+								right: 8563411.406429032,
+								top: 11520588.9031
+							},
+							srs: "EPSG:3857"
+						},
+						shouldAnimate: false,
+						shouldAutoUpdate: false,
+						showTimeSlider: true,
+						displayMapPin: false,
+						shouldShowZoomControls: true,
+						animationPayload: {
+							interval: 60,
+							speed: 4,
+							duration: 290
+						},
+						toggleTimestepAuto: true,
+						toggleTimeSpanAuto: true,
+						shouldShowLegend: false,
+						timeSliderSpan: 86400,
+						shouldShowDataExplorer: false,
+						defaultOverlayer: "countryborders"
+					},
+					syncGroupsIds: [
+						"Area_radarTemp",
+						"Time_radarTemp"
+					]
+				},
+				title: "Temperature"
 			}
 		],
 		syncGroups: [
@@ -3939,11 +4297,249 @@ var workspacePresetsListFullContent = [
 		views: [
 			{
 				mosaicNodeId: "view-1",
-				viewPresetId: "view_knmi_timeseries_ha43_dini_wms"
+				componentType: "Map",
+				initialProps: {
+					mapPreset: {
+						layers: [
+							{
+								name: "WorldMap_Light_Grey_Canvas",
+								type: "twms",
+								dimensions: [
+								],
+								id: "layerid_89",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "baseLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								service: "https://geoservices.knmi.nl/wms?DATASET=baselayers&",
+								name: "countryborders",
+								format: "image/png",
+								dimensions: [
+								],
+								id: "layerid_88",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "overLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "air_pressure_at_mean_sea_level_hagl",
+								service: "https://geoservices.knmi.nl/adaguc-server?DATASET=uwcw_ha43_dini_5p5km",
+								dimensions: [
+									{
+										name: "reference_time",
+										units: "ISO8601",
+										currentValue: "2025-11-03T08:00:00Z",
+										maxValue: "2025-11-03T08:00:00Z",
+										minValue: "2025-11-02T11:00:00Z",
+										synced: false,
+										values: "2025-11-02T11:00:00Z,2025-11-02T12:00:00Z,2025-11-02T13:00:00Z,2025-11-02T14:00:00Z,2025-11-02T15:00:00Z,2025-11-02T16:00:00Z,2025-11-02T17:00:00Z,2025-11-02T18:00:00Z,2025-11-02T19:00:00Z,2025-11-02T20:00:00Z,2025-11-02T21:00:00Z,2025-11-02T22:00:00Z,2025-11-02T23:00:00Z,2025-11-03T00:00:00Z,2025-11-03T01:00:00Z,2025-11-03T02:00:00Z,2025-11-03T03:00:00Z,2025-11-03T04:00:00Z,2025-11-03T05:00:00Z,2025-11-03T06:00:00Z,2025-11-03T07:00:00Z,2025-11-03T08:00:00Z",
+										unitSymbol: ""
+									},
+									{
+										name: "height_above_ground_level_in_m",
+										units: "m",
+										currentValue: "0",
+										maxValue: "0",
+										minValue: "0",
+										synced: false,
+										values: "0",
+										unitSymbol: ""
+									}
+								],
+								id: "layerid_84",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "total_precipitation_rate_hagl",
+								service: "https://geoservices.knmi.nl/adaguc-server?DATASET=uwcw_ha43_dini_5p5km",
+								dimensions: [
+									{
+										name: "reference_time",
+										units: "ISO8601",
+										currentValue: "2025-11-03T08:00:00Z",
+										maxValue: "2025-11-03T08:00:00Z",
+										minValue: "2025-11-02T11:00:00Z",
+										synced: false,
+										values: "2025-11-02T11:00:00Z,2025-11-02T12:00:00Z,2025-11-02T13:00:00Z,2025-11-02T14:00:00Z,2025-11-02T15:00:00Z,2025-11-02T16:00:00Z,2025-11-02T17:00:00Z,2025-11-02T18:00:00Z,2025-11-02T19:00:00Z,2025-11-02T20:00:00Z,2025-11-02T21:00:00Z,2025-11-02T22:00:00Z,2025-11-02T23:00:00Z,2025-11-03T00:00:00Z,2025-11-03T01:00:00Z,2025-11-03T02:00:00Z,2025-11-03T03:00:00Z,2025-11-03T04:00:00Z,2025-11-03T05:00:00Z,2025-11-03T06:00:00Z,2025-11-03T07:00:00Z,2025-11-03T08:00:00Z",
+										unitSymbol: ""
+									},
+									{
+										name: "height_above_ground_level_in_m",
+										units: "m",
+										currentValue: "0",
+										maxValue: "0",
+										minValue: "0",
+										synced: false,
+										values: "0",
+										unitSymbol: ""
+									}
+								],
+								id: "layerid_85",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							},
+							{
+								name: "air_temperature_hagl",
+								style: "temperature_wow/shaded",
+								service: "https://geoservices.knmi.nl/adaguc-server?DATASET=uwcw_ha43_dini_5p5km",
+								dimensions: [
+									{
+										name: "reference_time",
+										units: "ISO8601",
+										currentValue: "2025-11-03T08:00:00Z",
+										maxValue: "2025-11-03T08:00:00Z",
+										minValue: "2025-11-02T11:00:00Z",
+										synced: false,
+										values: "2025-11-02T11:00:00Z,2025-11-02T12:00:00Z,2025-11-02T13:00:00Z,2025-11-02T14:00:00Z,2025-11-02T15:00:00Z,2025-11-02T16:00:00Z,2025-11-02T17:00:00Z,2025-11-02T18:00:00Z,2025-11-02T19:00:00Z,2025-11-02T20:00:00Z,2025-11-02T21:00:00Z,2025-11-02T22:00:00Z,2025-11-02T23:00:00Z,2025-11-03T00:00:00Z,2025-11-03T01:00:00Z,2025-11-03T02:00:00Z,2025-11-03T03:00:00Z,2025-11-03T04:00:00Z,2025-11-03T05:00:00Z,2025-11-03T06:00:00Z,2025-11-03T07:00:00Z,2025-11-03T08:00:00Z",
+										unitSymbol: ""
+									},
+									{
+										name: "height_above_ground_level_in_m",
+										units: "m",
+										currentValue: "2",
+										maxValue: "2",
+										minValue: "2",
+										synced: false,
+										values: "2",
+										unitSymbol: ""
+									}
+								],
+								id: "layerid_86",
+								opacity: 1,
+								acceptanceTimeInMinutes: 60,
+								enabled: true,
+								layerType: "mapLayer",
+								status: "default",
+								useLatestReferenceTime: true
+							}
+						],
+						proj: {
+							bbox: {
+								top: 7438773.776232235,
+								left: -450651.2255879827,
+								right: 1428345.8183648037,
+								bottom: 6490531.093143953
+							},
+							srs: "EPSG:3857"
+						},
+						shouldAnimate: false,
+						shouldAutoUpdate: false,
+						showTimeSlider: true,
+						displayMapPin: true,
+						shouldShowZoomControls: true,
+						animationPayload: {
+							interval: 60,
+							speed: 4,
+							duration: 290
+						},
+						toggleTimestepAuto: true,
+						toggleTimeSpanAuto: true,
+						shouldShowLegend: false,
+						timeSliderSpan: 86400,
+						shouldShowDataExplorer: false,
+						defaultOverlayer: "countryborders"
+					},
+					syncGroupsIds: [
+					]
+				},
+				title: "KNMI WMS UWCW HA43 DINI forecast",
+				originalViewPresetId: "view_knmi_timeseries_ha43_dini_wms"
 			},
 			{
 				mosaicNodeId: "view-2",
-				viewPresetId: "view_knmi_timeseries_ha43_dini_edr"
+				componentType: "TimeSeries",
+				initialProps: {
+					plotPreset: {
+						mapId: "view_knmi_timeseries_ha43_dini_wms",
+						plots: [
+							{
+								title: "HA43 Air pressure",
+								plotId: "Plot_1"
+							},
+							{
+								title: "HA43 Air temperature",
+								plotId: "Plot_2"
+							},
+							{
+								title: "HA43 precipitation",
+								plotId: "Plot_3"
+							},
+							{
+								title: "HA43 Relative humidity",
+								plotId: "Plot_4"
+							}
+						],
+						parameters: [
+							{
+								unit: "hPa",
+								plotId: "Plot_1",
+								plotType: "line",
+								serviceId: "knmi_geoservices_edr",
+								collectionId: "uwcw_ha43_dini_5p5km.hagl",
+								propertyName: "air_pressure_at_mean_sea_level_hagl",
+								id: "timeseriesparamid_2ceef258-edf0-4170-b8ec-a998e1175839",
+								opacity: 70
+							},
+							{
+								unit: "C",
+								plotId: "Plot_2",
+								plotType: "line",
+								serviceId: "knmi_geoservices_edr",
+								collectionId: "uwcw_ha43_dini_5p5km.hagl",
+								propertyName: "air_temperature_hagl",
+								id: "timeseriesparamid_fbbe34f2-2aaa-4636-9dae-6d9c6b8530db",
+								opacity: 70
+							},
+							{
+								unit: "mm/hr",
+								plotId: "Plot_3",
+								plotType: "bar",
+								serviceId: "knmi_geoservices_edr",
+								collectionId: "uwcw_ha43_dini_5p5km.hagl",
+								propertyName: "total_precipitation_rate_hagl",
+								id: "timeseriesparamid_7a02c8f2-8401-4231-81d7-5b1dc9c24fb1",
+								opacity: 70
+							},
+							{
+								unit: "%",
+								plotId: "Plot_4",
+								plotType: "line",
+								serviceId: "knmi_geoservices_edr",
+								collectionId: "uwcw_ha43_dini_5p5km.hagl",
+								propertyName: "relative_humidity_hagl",
+								id: "timeseriesparamid_7ef987eb-f244-4997-8a3d-8e099f3187cf",
+								opacity: 70
+							}
+						]
+					},
+					services: [
+						{
+							name: "KNMI Geoservices",
+							url: "https://geoservices.knmi.nl/edr",
+							id: "knmi_geoservices_edr",
+							description: "KNMI EDR on geoservices with UWCW HA43 DINI",
+							type: "EDR",
+							scope: "system"
+						}
+					]
+				},
+				title: "KNMI EDR UWCW HA43 DINI forecast"
 			}
 		],
 		syncGroups: [
@@ -4014,8 +4610,41 @@ var workspacePresetsListFullContent = [
 		viewType: "tiledWindow",
 		views: [
 			{
-				mosaicNodeId: "view-1",
-				viewPresetId: "harmRefTimeAll"
+				mosaicNodeId: "viewA",
+				componentType: "ModelRunInterval",
+				initialProps: {
+					mapPreset: {
+						layers: [
+						],
+						proj: {
+							bbox: {
+							},
+							srs: ""
+						},
+						shouldAnimate: false,
+						shouldAutoUpdate: false,
+						showTimeSlider: true,
+						displayMapPin: false,
+						shouldShowZoomControls: true,
+						animationPayload: {
+							interval: 60,
+							speed: 4,
+							duration: 350
+						},
+						toggleTimestepAuto: false,
+						toggleTimeSpanAuto: false,
+						shouldShowLegend: false,
+						timeSliderSpan: 86400,
+						shouldShowDataExplorer: false,
+						defaultOverlayer: "none"
+					},
+					syncGroupsIds: [
+						"areaLayerGroupA",
+						"layerGroupA"
+					]
+				},
+				title: "Harmonie precipitation, pressure and wind all",
+				originalViewPresetId: "screenRefTimeAll"
 			}
 		],
 		syncGroups: [
@@ -4408,6 +5037,129 @@ var workspacePresetsListFullContent = [
 			second: "view-2",
 			splitPercentage: 50
 		}
+	},
+	{
+		id: "newFormatRadarView",
+		abstract: "A radar view of hurricane Melissa",
+		title: "Radar Melissa",
+		isTimeScrollingEnabled: false,
+		scope: "user",
+		viewType: "singleWindow",
+		views: [
+			{
+				title: "Radar view",
+				abstract: "",
+				componentType: "Map",
+				initialProps: {
+					mapPreset: {
+						proj: {
+							srs: "EPSG:3857",
+							bbox: {
+								top: 11520588.9031,
+								left: 58703.6377,
+								right: 3967387.5161,
+								bottom: 6408480.4514
+							}
+						},
+						layers: [
+							{
+								id: "layerid_75",
+								name: "WorldMap_Light_Grey_Canvas",
+								type: "twms",
+								status: "default",
+								enabled: true,
+								opacity: 1,
+								layerType: "baseLayer",
+								dimensions: [
+								],
+								useLatestReferenceTime: true,
+								acceptanceTimeInMinutes: 60
+							},
+							{
+								id: "layerid_74",
+								name: "countryborders",
+								format: "image/png",
+								status: "default",
+								enabled: true,
+								opacity: 1,
+								service: "https://geoservices.knmi.nl/wms?DATASET=baselayers&",
+								layerType: "overLayer",
+								dimensions: [
+								],
+								useLatestReferenceTime: true,
+								acceptanceTimeInMinutes: 60
+							},
+							{
+								id: "layerid_70",
+								name: "RAD_NL25_PCP_CM",
+								style: "radar/nearest",
+								format: "image/png",
+								status: "default",
+								enabled: true,
+								opacity: 1,
+								service: "https://geoservices.knmi.nl/wms?dataset=RADAR",
+								layerType: "mapLayer",
+								dimensions: [
+								],
+								useLatestReferenceTime: true,
+								acceptanceTimeInMinutes: 60
+							},
+							{
+								id: "layerid_71",
+								name: "Radar:suomi_dbz_eureffin",
+								style: "Radar dbz Summer",
+								format: "image/png",
+								status: "default",
+								enabled: true,
+								opacity: 1,
+								service: "https://openwms.fmi.fi/geoserver/wms?",
+								layerType: "mapLayer",
+								dimensions: [
+								],
+								useLatestReferenceTime: true,
+								acceptanceTimeInMinutes: 60
+							},
+							{
+								id: "layerid_72",
+								name: "radar_precipitation_intensity_nordic",
+								style: "",
+								format: "image/png",
+								status: "default",
+								enabled: true,
+								opacity: 1,
+								service: "https://public-wms.met.no/verportal/verportal.map?SERVICE=WMS&REQUEST=GetCapabilities",
+								layerType: "mapLayer",
+								dimensions: [
+								],
+								useLatestReferenceTime: true,
+								acceptanceTimeInMinutes: 60
+							}
+						],
+						displayMapPin: false,
+						shouldAnimate: true,
+						showTimeSlider: true,
+						timeSliderSpan: 86400,
+						animationPayload: {
+							speed: 2,
+							duration: 240,
+							interval: 5
+						},
+						defaultOverlayer: "countryborders",
+						shouldAutoUpdate: false,
+						shouldShowLegend: false,
+						toggleTimeSpanAuto: true,
+						toggleTimestepAuto: false,
+						shouldShowDataExplorer: false,
+						shouldShowZoomControls: true
+					},
+					syncGroupsIds: [
+					]
+				},
+				mosaicNodeId: "2_screen",
+				originalViewPresetId: "radarView"
+			}
+		],
+		mosaicNode: "radarView"
 	}
 ];
 
@@ -4697,46 +5449,462 @@ var createApi = function createApi() {
   return getApiRoutes(instance);
 };
 
-var workspaceListener = createListenerMiddleware();
-workspaceListener.startListening({
-  actionCreator: mapActions.registerMap,
-  effect: function () {
-    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
-      var payload, mapId, viewType, _workspaceState$views, workspaceState, mapPresetId;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            payload = _ref.payload;
-            mapId = payload.mapId;
-            viewType = getViewType(listenerApi.getState());
-            if (viewType === 'tiledWindow') {
-              workspaceState = getWorkspaceState(listenerApi.getState()); // if it can't find the id, it's a view with multiple maps
-              mapPresetId = ((_workspaceState$views = workspaceState.views.byId[mapId]) == null ? void 0 : _workspaceState$views.id) || workspaceState.views.byId[workspaceState.views.allIds[0]].id;
-              listenerApi.dispatch(viewPresetActions.registerViewPreset({
-                panelId: mapId,
-                viewPresetId: mapPresetId
-              }));
-            }
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    function effect(_x, _x2) {
-      return _effect.apply(this, arguments);
-    }
-    return effect;
-  }()
+/* *
+ * 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 getWorkspaceListStore = function getWorkspaceListStore(store) {
+  if (store != null && store.workspaceList) {
+    return store.workspaceList;
+  }
+  return null;
+};
+var selectors = workspaceListAdapter.getSelectors(function (state) {
+  var _state$workspaceList;
+  return (_state$workspaceList = state == null ? void 0 : state.workspaceList) != null ? _state$workspaceList : {
+    entities: {},
+    ids: []
+  };
 });
-workspaceListener.startListening({
-  actionCreator: mapActions.unregisterMap,
-  effect: function () {
-    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
-      var payload, mapId, viewType;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
+var getWorkspaceList = selectors.selectAll;
+var getWorkspacePresetFromList = function getWorkspacePresetFromList(store, id) {
+  return selectors.selectById(store, id);
+};
+var getIsWorkspaceListFetching = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  return (state == null ? void 0 : state.isFetching) || false;
+}, selectorMemoizationOptions);
+var getWorkspaceDialogIsSaved = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  var _state$workspaceActio, _state$workspaceActio2;
+  return (_state$workspaceActio = state == null || (_state$workspaceActio2 = state.workspaceActionDialog) == null ? void 0 : _state$workspaceActio2.hasSaved) != null ? _state$workspaceActio : false;
+}, selectorMemoizationOptions);
+var getWorkspaceListError = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  var _state$error;
+  return (_state$error = state == null ? void 0 : state.error) != null ? _state$error : undefined;
+}, selectorMemoizationOptions);
+var getWorkspaceActionFormValues = createSelector(getWorkspaceListStore, function (store) {
+  var _store$workspaceActio, _store$workspaceActio2;
+  return (_store$workspaceActio = (_store$workspaceActio2 = store.workspaceActionDialog) == null ? void 0 : _store$workspaceActio2.formValues) != null ? _store$workspaceActio : {};
+}, selectorMemoizationOptions);
+var getWorkspaceActionDialogDetails = createSelector(getWorkspaceListStore, getWorkspaceState, function (workspaceListState, workspaceState) {
+  var _workspaceListState$w;
+  var dialog = (_workspaceListState$w = workspaceListState == null ? void 0 : workspaceListState.workspaceActionDialog) != null ? _workspaceListState$w : false;
+  if (dialog) {
+    var _dialog$formValues$vi;
+    var views = (_dialog$formValues$vi = dialog.formValues.views) == null ? void 0 : _dialog$formValues$vi.map(function (view) {
+      var workspaceView = workspaceState.views.byId[view.mosaicNodeId];
+      return {
+        mosaicNodeId: view.mosaicNodeId,
+        title: view.title || workspaceView.title,
+        "abstract": workspaceView["abstract"],
+        componentType: workspaceView.componentType,
+        scope: view.scope || workspaceView.scope,
+        initialProps: view.initialProps,
+        originalViewPresetId: view == null ? void 0 : view.originalViewPresetId
+      };
+    });
+    return Object.assign({}, dialog, {
+      formValues: Object.assign({}, dialog.formValues, views && {
+        views: views
+      })
+    });
+  }
+  return dialog;
+}, selectorMemoizationOptions);
+var getIsWorkspaceListDialogOpen = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  return (state == null ? void 0 : state.isWorkspaceListDialogOpen) || false;
+}, selectorMemoizationOptions);
+var getWorkspaceListFilters = createSelector(function (store) {
+  return getWorkspaceListStore(store);
+}, function (_store, scope) {
+  return scope;
+}, function (_store, _scope, isAdmin) {
+  return isAdmin;
+}, function (state, _scope, isAdmin) {
+  var _state$workspaceListF;
+  var filters = (_state$workspaceListF = state == null ? void 0 : state.workspaceListFilters) != null ? _state$workspaceListF : [];
+  if (isAdmin) {
+    // Only return system and shared for admins
+    return filters.filter(function (filter) {
+      return filter.id === 'system' || filter.id === 'shared';
+    }).map(function (filter) {
+      return Object.assign({}, filter, {
+        isDisabled: false
+      });
+    });
+  }
+  // Regular users: return all filters
+  return filters.map(function (filter) {
+    return Object.assign({}, filter, {
+      isDisabled: false
+    });
+  });
+}, selectorMemoizationOptions);
+var getWorkspaceListSearchQuery = createSelector(getWorkspaceListStore, function (store) {
+  return store;
+}, function (state) {
+  var _state$searchQuery;
+  return (_state$searchQuery = state == null ? void 0 : state.searchQuery) != null ? _state$searchQuery : '';
+}, selectorMemoizationOptions);
+
+var emptyWorkspaceBEData = Object.assign({}, getEmptyMapWorkspace(), {
+  views: [{
+    mosaicNodeId: '1_screen',
+    viewPresetId: 'emptyMap'
+  }]
+});
+var workspaceListListener = createListenerMiddleware();
+workspaceListListener.startListening({
+  actionCreator: workspaceListActions.fetchWorkspaceList,
+  effect: function () {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
+      var workspaceFilterParams, workspaceApi, _yield$workspaceApi$g, data, isAuthError, workspaceListError;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            workspaceFilterParams = _ref.payload;
+            listenerApi.cancelActiveListeners();
+            _context.prev = 2;
+            workspaceApi = getWorkspaceApi();
+            _context.next = 6;
+            return workspaceApi.getWorkspacePresets(workspaceFilterParams);
+          case 6:
+            _yield$workspaceApi$g = _context.sent;
+            data = _yield$workspaceApi$g.data;
+            if (!listenerApi.signal.aborted) {
+              _context.next = 10;
+              break;
+            }
+            return _context.abrupt("return");
+          case 10:
+            listenerApi.dispatch(workspaceListActions.fetchedWorkspaceList({
+              workspaceList: data
+            }));
+            _context.next = 18;
+            break;
+          case 13:
+            _context.prev = 13;
+            _context.t0 = _context["catch"](2);
+            isAuthError = isAxiosAuthError(_context.t0);
+            workspaceListError = isAuthError ? {
+              type: WorkspaceListErrorType.VERBATIM_ERROR,
+              message: getAxiosErrorMessage(_context.t0),
+              category: WorkspaceListErrorCategory.AUTH
+            } : {
+              type: WorkspaceListErrorType.TRANSLATABLE_ERROR,
+              key: 'workspace-list-error',
+              category: WorkspaceListErrorCategory.GENERIC
+            };
+            listenerApi.dispatch(workspaceListActions.errorWorkspaceList({
+              error: workspaceListError
+            }));
+          case 18:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 13]]);
+    }));
+    function effect(_x, _x2) {
+      return _effect.apply(this, arguments);
+    }
+    return effect;
+  }()
+});
+workspaceListListener.startListening({
+  actionCreator: workspaceListActions.onSuccessWorkspacePresetAction,
+  effect: function () {
+    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
+      var _listenerApi$getOrigi;
+      var payload, currentWorkspaceId, action, workspaceId, title, is_shared, searchQuery;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            payload = _ref2.payload;
+            listenerApi.cancelActiveListeners();
+            currentWorkspaceId = (_listenerApi$getOrigi = listenerApi.getOriginalState().workspace) == null ? void 0 : _listenerApi$getOrigi.id;
+            action = payload.action, workspaceId = payload.workspaceId, title = payload.title; // eslint-disable-next-line @typescript-eslint/naming-convention
+            is_shared = 'is_shared' in payload ? payload.is_shared : undefined;
+            listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage$1(action, title, is_shared)));
+            // if active workspace has been deleted, empty out url
+            if ((action === WorkspacePresetAction.DELETE || action === WorkspacePresetAction.DELETE_SYSTEM_PRESET) && currentWorkspaceId && workspaceId === currentWorkspaceId) {
+              listenerApi.dispatch(routerActions.navigateToUrl({
+                url: getWorkspaceRouteUrl()
+              }));
+            }
+            // For Save as, update url to include the new id
+            if (action === WorkspacePresetAction.SAVE_AS) {
+              listenerApi.dispatch(routerActions.navigateToUrl({
+                url: getWorkspaceRouteUrl(workspaceId)
+              }));
+            }
+            // Retrieve new list with current search query
+            searchQuery = getWorkspaceListSearchQuery(listenerApi.getState());
+            listenerApi.dispatch(workspaceListActions.fetchWorkspaceList(constructFilterParams([], searchQuery)));
+          case 10:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    function effect(_x3, _x4) {
+      return _effect2.apply(this, arguments);
+    }
+    return effect;
+  }()
+});
+workspaceListListener.startListening({
+  actionCreator: workspaceListActions.submitFormWorkspaceActionDialogOptions,
+  effect: function () {
+    var _effect3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref3, listenerApi) {
+      var payload, workspaceApi, workspaceState, presetId, presetAction, data, emptyMapPresetTitle, emptyWorkspacePresetTitle, scope, _yield$workspaceApi$g2, originalData, workspaceDataNewTitle, _originalData$views, _data$views2, _yield$workspaceApi$g3, _originalData, mergedViews, payloadToSave, isSaveWorkspaceAction, isSaveAsWorkspaceAction, hasWorkspaceAlreadyBeenSaved, workspaceId, workspaceData, viewsWithInitialProps, newWorkspace, message, category;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            payload = _ref3.payload;
+            listenerApi.cancelActiveListeners();
+            workspaceApi = getWorkspaceApi();
+            workspaceState = listenerApi.getState();
+            _context3.prev = 4;
+            presetId = payload.presetId, presetAction = payload.presetAction, data = payload.data, emptyMapPresetTitle = payload.emptyMapPresetTitle, emptyWorkspacePresetTitle = payload.emptyWorkspacePresetTitle;
+            scope = data.scope || 'user'; // duplicate
+            if (presetAction === WorkspacePresetAction.DUPLICATE) ;
+            // delete
+            if (presetAction === WorkspacePresetAction.DELETE || presetAction === WorkspacePresetAction.DELETE_SYSTEM_PRESET) ;
+            // edit
+            if (!(presetAction === WorkspacePresetAction.EDIT)) {
+              _context3.next = 18;
+              break;
+            }
+            _context3.next = 12;
+            return workspaceApi.getWorkspacePreset(presetId);
+          case 12:
+            _yield$workspaceApi$g2 = _context3.sent;
+            originalData = _yield$workspaceApi$g2.data;
+            workspaceDataNewTitle = Object.assign({}, originalData, {
+              title: data.title,
+              "abstract": data["abstract"],
+              labels: data.labels
+            });
+            _context3.next = 17;
+            return workspaceApi.saveWorkspacePreset(presetId, workspaceDataNewTitle);
+          case 17:
+            listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
+              workspaceId: presetId,
+              action: presetAction,
+              title: data.title,
+              "abstract": data["abstract"],
+              labels: data.labels,
+              scope: scope
+            }));
+          case 18:
+            if (!(presetAction === WorkspacePresetAction.EDIT_TITLE)) {
+              _context3.next = 28;
+              break;
+            }
+            _context3.next = 21;
+            return workspaceApi.getWorkspacePreset(presetId);
+          case 21:
+            _yield$workspaceApi$g3 = _context3.sent;
+            _originalData = _yield$workspaceApi$g3.data;
+            // 2) Merge the single (or few) edited view titles from `data.views`
+            mergedViews = ((_originalData$views = _originalData.views) != null ? _originalData$views : []).map(function (view) {
+              var _data$views, _updated$title;
+              var updated = ((_data$views = data.views) != null ? _data$views : []).find(function (vw) {
+                return vw.mosaicNodeId === view.mosaicNodeId;
+              });
+              return updated ? Object.assign({}, view, {
+                title: (_updated$title = updated.title) != null ? _updated$title : view.title
+              }) : view;
+            }); // 3) Save back WITHOUT changing workspace title/abstract
+            payloadToSave = Object.assign({}, _originalData, {
+              views: mergedViews
+            });
+            _context3.next = 27;
+            return workspaceApi.saveWorkspacePreset(presetId, payloadToSave);
+          case 27:
+            // 4) Notify success so reducer updates local state
+            listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
+              workspaceId: presetId,
+              action: WorkspacePresetAction.EDIT_TITLE,
+              // keep original workspace title/abstract untouched
+              title: _originalData.title,
+              "abstract": _originalData["abstract"],
+              scope: scope,
+              // you can send only the edited ones, or the merged full list.
+              // Reducer uses mosaicNodeId+title from `views` to patch state.
+              views: (_data$views2 = data.views) != null ? _data$views2 : []
+            }));
+          case 28:
+            // 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)) {
+              _context3.next = 47;
+              break;
+            }
+            hasWorkspaceAlreadyBeenSaved = getWorkspaceDialogIsSaved(workspaceState);
+            workspaceId = presetId;
+            workspaceData = getWorkspaceData(listenerApi.getState());
+            viewsWithInitialProps = workspaceData.views.map(function (view) {
+              var _presetLike$component, _presetLike$initialPr;
+              var presetLike = getViewPresetToSendToBackend(listenerApi.getState(), view.mosaicNodeId);
+              return Object.assign({}, view, {
+                componentType: (_presetLike$component = presetLike.componentType) != null ? _presetLike$component : view.componentType,
+                initialProps: (_presetLike$initialPr = presetLike.initialProps) != null ? _presetLike$initialPr : {}
+              });
+            });
+            newWorkspace = Object.assign({}, workspaceData, {
+              id: workspaceId,
+              title: data.title,
+              "abstract": data["abstract"],
+              labels: data.labels,
+              scope: scope,
+              views: viewsWithInitialProps
+            });
+            if (!(!hasWorkspaceAlreadyBeenSaved && isSaveAsWorkspaceAction)) {
+              _context3.next = 41;
+              break;
+            }
+            _context3.next = 39;
+            return workspaceApi.saveWorkspacePresetAs(newWorkspace);
+          case 39:
+            workspaceId = _context3.sent;
+            newWorkspace = Object.assign({}, newWorkspace, {
+              id: workspaceId
+            });
+          case 41:
+            listenerApi.dispatch(workspaceListActions.onSuccessWorkspaceSaveDialog({
+              presetId: workspaceId
+            }));
+            if (isSaveAsWorkspaceAction) {
+              _context3.next = 45;
+              break;
+            }
+            _context3.next = 45;
+            return workspaceApi.saveWorkspacePreset(workspaceId, newWorkspace);
+          case 45:
+            listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
+              action: presetAction,
+              workspaceId: workspaceId,
+              title: newWorkspace.title,
+              "abstract": newWorkspace["abstract"],
+              labels: newWorkspace.labels,
+              scope: scope
+            }));
+            listenerApi.dispatch(routerActions.navigateToUrl({
+              url: getWorkspaceRouteUrl(workspaceId)
+            }));
+          case 47:
+            // Reset
+            if (presetAction === WorkspacePresetAction.RESET) {
+              // In case we're resetting the `New workspace` preset
+              if (presetId === getEmptyMapWorkspace().id) {
+                listenerApi.dispatch(workspaceActions.changeToEmptyMapWorkspace({
+                  newMapPresetText: emptyMapPresetTitle,
+                  newWorkspaceText: emptyWorkspacePresetTitle
+                }));
+              } 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"],
+                labels: data.labels,
+                scope: scope
+              }));
+            }
+            _context3.next = 55;
+            break;
+          case 50:
+            _context3.prev = 50;
+            _context3.t0 = _context3["catch"](4);
+            message = isAxiosError(_context3.t0) ? getAxiosErrorMessage(_context3.t0) : _context3.t0.message;
+            category = isAxiosAuthError(_context3.t0) ? WorkspaceListErrorCategory.AUTH : WorkspaceListErrorCategory.GENERIC;
+            listenerApi.dispatch(workspaceListActions.onErrorWorkspacePresetAction({
+              error: {
+                type: WorkspaceListErrorType.VERBATIM_ERROR,
+                category: category,
+                message: message
+              }
+            }));
+          case 55:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[4, 50]]);
+    }));
+    function effect(_x5, _x6) {
+      return _effect3.apply(this, arguments);
+    }
+    return effect;
+  }()
+});
+
+var workspaceListener = createListenerMiddleware();
+workspaceListener.startListening({
+  actionCreator: mapActions.registerMap,
+  effect: function () {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
+      var payload, mapId, viewType, _workspaceState$views, _workspaceState$views2, workspaceState, mapPresetId;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            payload = _ref.payload;
+            mapId = payload.mapId;
+            viewType = getViewType(listenerApi.getState());
+            if (viewType === 'tiledWindow') {
+              workspaceState = getWorkspaceState(listenerApi.getState()); // if it can't find the id, it's a view with multiple maps
+              mapPresetId = (_workspaceState$views = (_workspaceState$views2 = workspaceState.views.byId[mapId]) == null ? void 0 : _workspaceState$views2.id) != null ? _workspaceState$views : workspaceState.views.byId[workspaceState.views.allIds[0]].id;
+              listenerApi.dispatch(viewPresetActions.registerViewPreset({
+                panelId: mapId,
+                viewPresetId: mapPresetId
+              }));
+            }
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    function effect(_x, _x2) {
+      return _effect.apply(this, arguments);
+    }
+    return effect;
+  }()
+});
+workspaceListener.startListening({
+  actionCreator: mapActions.unregisterMap,
+  effect: function () {
+    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
+      var payload, mapId, viewType;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
             payload = _ref2.payload;
             mapId = payload.mapId;
             viewType = getViewType(listenerApi.getState());
@@ -4760,16 +5928,17 @@ workspaceListener.startListening({
 workspaceListener.startListening({
   actionCreator: workspaceActions.changePreset,
   effect: function () {
-    var _effect3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref3, listenerApi) {
-      var payload, allSyncGroups, isTimeScrollingEnabled;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+    var _effect3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref3, listenerApi) {
+      var _payload$workspacePre, _payload$workspacePre2;
+      var payload, allSyncGroups, isTimeScrollingEnabled, views;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
             payload = _ref3.payload;
             // Cancel any in-progress instances of this listener
             listenerApi.cancelActiveListeners();
             // give react-mosaic-component time to clear the mosaicNode
-            _context3.next = 4;
+            _context4.next = 4;
             return listenerApi.condition(function (_action, currentState) {
               var _currentState$workspa;
               return ((_currentState$workspa = currentState.workspace) == null ? void 0 : _currentState$workspa.mosaicNode) === '';
@@ -4782,17 +5951,51 @@ workspaceListener.startListening({
               return listenerApi.dispatch(syncGroupsActions.syncGroupAddGroup(syncGroup));
             });
             listenerApi.dispatch(genericActions.setLinkedMap({
-              newLinks: payload.workspacePreset.linking || {}
+              newLinks: (_payload$workspacePre = payload.workspacePreset.linking) != null ? _payload$workspacePre : {}
             }));
-            isTimeScrollingEnabled = payload.workspacePreset.isTimeScrollingEnabled || false;
+            isTimeScrollingEnabled = (_payload$workspacePre2 = payload.workspacePreset.isTimeScrollingEnabled) != null ? _payload$workspacePre2 : false;
             listenerApi.dispatch(syncGroupsActions.syncGroupToggleIsTimeScrollingEnabled({
               isTimeScrollingEnabled: isTimeScrollingEnabled
             }));
-          case 11:
+            views = toViewsArray(payload.workspacePreset.views);
+            _context4.next = 14;
+            return Promise.all(views.map(/*#__PURE__*/function () {
+              var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(view) {
+                var _view$initialProps$sy, _view$initialProps;
+                var syncGroupsIds;
+                return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+                  while (1) switch (_context3.prev = _context3.next) {
+                    case 0:
+                      syncGroupsIds = (_view$initialProps$sy = (_view$initialProps = view.initialProps) == null ? void 0 : _view$initialProps.syncGroupsIds) != null ? _view$initialProps$sy : [];
+                      if (!(!syncGroupsIds.length || !view.mosaicNodeId)) {
+                        _context3.next = 3;
+                        break;
+                      }
+                      return _context3.abrupt("return");
+                    case 3:
+                      _context3.next = 5;
+                      return Promise.all(syncGroupsIds.map(function (groupId) {
+                        return listenerApi.dispatch(syncGroupsActions.syncGroupAddTarget({
+                          groupId: groupId,
+                          targetId: view.mosaicNodeId,
+                          linked: true
+                        }));
+                      }));
+                    case 5:
+                    case "end":
+                      return _context3.stop();
+                  }
+                }, _callee3);
+              }));
+              return function (_x7) {
+                return _ref4.apply(this, arguments);
+              };
+            }()));
+          case 14:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
     function effect(_x5, _x6) {
       return _effect3.apply(this, arguments);
@@ -4801,12 +6004,12 @@ workspaceListener.startListening({
   }()
 });
 var fetchWorkspaceViewPreset = /*#__PURE__*/function () {
-  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(dispatch, viewPresetId, mosaicNodeId) {
+  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(dispatch, viewPresetId, mosaicNodeId) {
     var _data$initialProps, workspaceApi, _yield$workspaceApi$g, data, syncGroupIds;
-    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
+    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
         case 0:
-          _context4.prev = 0;
+          _context5.prev = 0;
           // set the view as loading
           dispatch(workspaceActions.updateWorkspaceView({
             mosaicNodeId: mosaicNodeId,
@@ -4814,10 +6017,10 @@ var fetchWorkspaceViewPreset = /*#__PURE__*/function () {
           }));
           // fetch view
           workspaceApi = getWorkspaceApi();
-          _context4.next = 5;
+          _context5.next = 5;
           return workspaceApi.getViewPreset(viewPresetId);
         case 5:
-          _yield$workspaceApi$g = _context4.sent;
+          _yield$workspaceApi$g = _context5.sent;
           data = _yield$workspaceApi$g.data;
           dispatch(viewPresetActions.fetchedViewPreset({
             viewPreset: data,
@@ -4826,11 +6029,11 @@ var fetchWorkspaceViewPreset = /*#__PURE__*/function () {
           }));
           // sync all connected syncgroups of viewPreset to the store
           syncGroupIds = ((_data$initialProps = data.initialProps) == null ? void 0 : _data$initialProps.syncGroupsIds) || [];
-          if (!(syncGroupIds && syncGroupIds.length)) {
-            _context4.next = 12;
+          if (!(syncGroupIds != null && syncGroupIds.length)) {
+            _context5.next = 12;
             break;
           }
-          _context4.next = 12;
+          _context5.next = 12;
           return Promise.all(syncGroupIds.map(function (syncGroupId) {
             return dispatch(syncGroupsActions.syncGroupAddTarget({
               groupId: syncGroupId,
@@ -4844,44 +6047,44 @@ var fetchWorkspaceViewPreset = /*#__PURE__*/function () {
             mosaicNodeId: mosaicNodeId,
             viewPreset: data
           }));
-          _context4.next = 18;
+          _context5.next = 18;
           break;
         case 15:
-          _context4.prev = 15;
-          _context4.t0 = _context4["catch"](0);
+          _context5.prev = 15;
+          _context5.t0 = _context5["catch"](0);
           dispatch(workspaceActions.updateWorkspaceView({
             mosaicNodeId: mosaicNodeId,
             viewPreset: getViewPresetState(viewPresetId, mosaicNodeId, 'error')
           }));
         case 18:
         case "end":
-          return _context4.stop();
+          return _context5.stop();
       }
-    }, _callee4, null, [[0, 15]]);
+    }, _callee5, null, [[0, 15]]);
   }));
-  return function fetchWorkspaceViewPreset(_x7, _x8, _x9) {
-    return _ref4.apply(this, arguments);
+  return function fetchWorkspaceViewPreset(_x8, _x9, _x0) {
+    return _ref5.apply(this, arguments);
   };
 }();
 workspaceListener.startListening({
   actionCreator: workspaceActions.fetchWorkspaceViewPreset,
   effect: function () {
-    var _effect4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref5, listenerApi) {
+    var _effect4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(_ref6, listenerApi) {
       var payload, viewPresetId, mosaicNodeId;
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
-            payload = _ref5.payload;
+            payload = _ref6.payload;
             viewPresetId = payload.viewPresetId, mosaicNodeId = payload.mosaicNodeId;
-            _context5.next = 4;
+            _context6.next = 4;
             return fetchWorkspaceViewPreset(listenerApi.dispatch, viewPresetId, mosaicNodeId);
           case 4:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
-      }, _callee5);
+      }, _callee6);
     }));
-    function effect(_x0, _x1) {
+    function effect(_x1, _x10) {
       return _effect4.apply(this, arguments);
     }
     return effect;
@@ -4890,16 +6093,16 @@ workspaceListener.startListening({
 workspaceListener.startListening({
   matcher: isAnyOf(workspaceActions.fetchWorkspace, routerActions.navigateBackOrForward),
   effect: function () {
-    var _effect5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(action, listenerApi) {
+    var _effect5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(action, listenerApi) {
       var payload, workspaceId, workspaceApi, _yield$workspaceApi$g2, workspaceData, fullLoadingWorkspace, workspaceIdsInBatches, actionsToDispatch, errorType;
-      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
+      return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
           case 0:
             // Cancel any in-progress instances of this listener
             listenerApi.cancelActiveListeners();
             payload = action.payload;
             workspaceId = payload.workspaceId;
-            _context7.prev = 3;
+            _context9.prev = 3;
             if (action.type === workspaceActions.fetchWorkspace.type) {
               listenerApi.dispatch(routerActions.navigateToUrl({
                 url: getWorkspaceRouteUrl(workspaceId)
@@ -4910,13 +6113,13 @@ workspaceListener.startListening({
             }));
             // fetch workspace
             workspaceApi = getWorkspaceApi();
-            _context7.next = 9;
+            _context9.next = 9;
             return workspaceApi.getWorkspacePreset(workspaceId);
           case 9:
-            _yield$workspaceApi$g2 = _context7.sent;
+            _yield$workspaceApi$g2 = _context9.sent;
             workspaceData = _yield$workspaceApi$g2.data;
             if (workspaceData) {
-              _context7.next = 13;
+              _context9.next = 13;
               break;
             }
             throw new Error(ERROR_NOT_FOUND);
@@ -4933,51 +6136,70 @@ workspaceListener.startListening({
             // fetch all individual view presets in batches and collect all actions
             workspaceIdsInBatches = getListInChunks(workspaceData.views);
             actionsToDispatch = [];
-            _context7.next = 20;
+            _context9.next = 20;
             return Promise.all(workspaceIdsInBatches.map(/*#__PURE__*/function () {
-              var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(batchCall) {
-                return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-                  while (1) switch (_context6.prev = _context6.next) {
+              var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(batchCall) {
+                return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+                  while (1) switch (_context8.prev = _context8.next) {
                     case 0:
-                      _context6.next = 2;
-                      return Promise.all(batchCall.map(function (view) {
-                        return fetchWorkspaceViewPreset(function (thunkAction) {
-                          actionsToDispatch.push(thunkAction);
-                        }, view.viewPresetId, view.mosaicNodeId);
-                      }));
+                      _context8.next = 2;
+                      return Promise.all(batchCall.map(/*#__PURE__*/function () {
+                        var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(view) {
+                          return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+                            while (1) switch (_context7.prev = _context7.next) {
+                              case 0:
+                                if (view.viewPresetId) {
+                                  _context7.next = 2;
+                                  break;
+                                }
+                                return _context7.abrupt("return");
+                              case 2:
+                                return _context7.abrupt("return", fetchWorkspaceViewPreset(function (thunkAction) {
+                                  actionsToDispatch.push(thunkAction);
+                                }, view.viewPresetId, view.mosaicNodeId));
+                              case 3:
+                              case "end":
+                                return _context7.stop();
+                            }
+                          }, _callee7);
+                        }));
+                        return function (_x14) {
+                          return _ref8.apply(this, arguments);
+                        };
+                      }()));
                     case 2:
                     case "end":
-                      return _context6.stop();
+                      return _context8.stop();
                   }
-                }, _callee6);
+                }, _callee8);
               }));
-              return function (_x12) {
-                return _ref6.apply(this, arguments);
+              return function (_x13) {
+                return _ref7.apply(this, arguments);
               };
             }()));
           case 20:
             // Trigger all actions at once
             actionsToDispatch.map(listenerApi.dispatch);
-            _context7.next = 27;
+            _context9.next = 27;
             break;
           case 23:
-            _context7.prev = 23;
-            _context7.t0 = _context7["catch"](3);
-            errorType = _context7.t0.message === ERROR_NOT_FOUND ? WorkspaceErrorType.NOT_FOUND : WorkspaceErrorType.GENERIC;
+            _context9.prev = 23;
+            _context9.t0 = _context9["catch"](3);
+            errorType = _context9.t0.message === ERROR_NOT_FOUND ? WorkspaceErrorType.NOT_FOUND : WorkspaceErrorType.GENERIC;
             listenerApi.dispatch(workspaceActions.errorWorkspace({
               workspaceId: workspaceId,
               error: {
-                message: getErrorMessage(_context7.t0),
+                message: getErrorMessage(_context9.t0),
                 type: errorType
               }
             }));
           case 27:
           case "end":
-            return _context7.stop();
+            return _context9.stop();
         }
-      }, _callee7, null, [[3, 23]]);
+      }, _callee9, null, [[3, 23]]);
     }));
-    function effect(_x10, _x11) {
+    function effect(_x11, _x12) {
       return _effect5.apply(this, arguments);
     }
     return effect;
@@ -4986,18 +6208,18 @@ workspaceListener.startListening({
 workspaceListener.startListening({
   actionCreator: workspaceActions.saveWorkspacePreset,
   effect: function () {
-    var _effect6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(_ref7, listenerApi) {
-      var payload, workspace, workspaceApi;
-      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
+    var _effect6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee0(_ref9, listenerApi) {
+      var payload, workspace, _workspace$scope, workspaceApi;
+      return _regeneratorRuntime().wrap(function _callee0$(_context0) {
+        while (1) switch (_context0.prev = _context0.next) {
           case 0:
-            payload = _ref7.payload;
+            payload = _ref9.payload;
             // Cancel any in-progress instances of this listener
             listenerApi.cancelActiveListeners();
             workspace = payload.workspace;
-            _context8.prev = 3;
+            _context0.prev = 3;
             workspaceApi = getWorkspaceApi();
-            _context8.next = 7;
+            _context0.next = 7;
             return workspaceApi.saveWorkspacePreset(workspace.id, workspace);
           case 7:
             listenerApi.dispatch(workspaceActions.loadedWorkspace(undefined));
@@ -5005,27 +6227,28 @@ workspaceListener.startListening({
               action: WorkspacePresetAction.SAVE,
               workspaceId: workspace.id,
               title: workspace.title,
-              scope: workspace.scope || 'user'
+              scope: (_workspace$scope = workspace.scope) != null ? _workspace$scope : 'user',
+              views: workspace.views || [emptyWorkspaceBEData]
             }));
-            _context8.next = 14;
+            _context0.next = 14;
             break;
           case 11:
-            _context8.prev = 11;
-            _context8.t0 = _context8["catch"](3);
+            _context0.prev = 11;
+            _context0.t0 = _context0["catch"](3);
             listenerApi.dispatch(workspaceActions.errorWorkspace({
               workspaceId: workspace.id,
               error: {
-                message: _context8.t0.message,
+                message: _context0.t0.message,
                 type: WorkspaceErrorType.SAVE
               }
             }));
           case 14:
           case "end":
-            return _context8.stop();
+            return _context0.stop();
         }
-      }, _callee8, null, [[3, 11]]);
+      }, _callee0, null, [[3, 11]]);
     }));
-    function effect(_x13, _x14) {
+    function effect(_x15, _x16) {
       return _effect6.apply(this, arguments);
     }
     return effect;
@@ -5034,10 +6257,10 @@ workspaceListener.startListening({
 workspaceListener.startListening({
   actionCreator: workspaceActions.changeToEmptyMapWorkspace,
   effect: function () {
-    var _effect7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(action, listenerApi) {
+    var _effect7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee1(action, listenerApi) {
       var _action$payload, newMapPresetText, newWorkspaceText, intialViewMapPreset;
-      return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-        while (1) switch (_context9.prev = _context9.next) {
+      return _regeneratorRuntime().wrap(function _callee1$(_context1) {
+        while (1) switch (_context1.prev = _context1.next) {
           case 0:
             _action$payload = action.payload, newMapPresetText = _action$payload.newMapPresetText, newWorkspaceText = _action$payload.newWorkspaceText; // Cancel any in-progress instances of this listener
             listenerApi.cancelActiveListeners();
@@ -5047,11 +6270,11 @@ workspaceListener.startListening({
             }));
           case 4:
           case "end":
-            return _context9.stop();
+            return _context1.stop();
         }
-      }, _callee9);
+      }, _callee1);
     }));
-    function effect(_x15, _x16) {
+    function effect(_x17, _x18) {
       return _effect7.apply(this, arguments);
     }
     return effect;
@@ -5060,12 +6283,12 @@ workspaceListener.startListening({
 workspaceListener.startListening({
   actionCreator: workspaceActions.setNewWorkspaceView,
   effect: function () {
-    var _effect8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee0(_ref8, listenerApi) {
+    var _effect8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10(_ref0, listenerApi) {
       var payload, mosaicNodeId, componentType, newId, bbox, srs, mapPreset;
-      return _regeneratorRuntime().wrap(function _callee0$(_context0) {
-        while (1) switch (_context0.prev = _context0.next) {
+      return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+        while (1) switch (_context10.prev = _context10.next) {
           case 0:
-            payload = _ref8.payload;
+            payload = _ref0.payload;
             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
@@ -5087,11 +6310,11 @@ workspaceListener.startListening({
             }));
           case 7:
           case "end":
-            return _context0.stop();
+            return _context10.stop();
         }
-      }, _callee0);
+      }, _callee10);
     }));
-    function effect(_x17, _x18) {
+    function effect(_x19, _x20) {
       return _effect8.apply(this, arguments);
     }
     return effect;
@@ -5100,15 +6323,15 @@ workspaceListener.startListening({
 workspaceListener.startListening({
   actionCreator: workspaceActions.updateWorkspaceViews,
   effect: function () {
-    var _effect9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee1(_, listenerApi) {
+    var _effect9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(_, listenerApi) {
       var viewIds;
-      return _regeneratorRuntime().wrap(function _callee1$(_context1) {
-        while (1) switch (_context1.prev = _context1.next) {
+      return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+        while (1) switch (_context11.prev = _context11.next) {
           case 0:
             // Cancel any in-progress instances of this listener
             listenerApi.cancelActiveListeners();
             // Delay before starting actual work
-            _context1.next = 3;
+            _context11.next = 3;
             return listenerApi.delay(100);
           case 3:
             /* This will trigger all maps and other components
@@ -5116,14 +6339,14 @@ workspaceListener.startListening({
             window.dispatchEvent(new Event('resize'));
             // Adjust the bbox of the original view after the new map is added. This is a temporal solution until the OpenLayers ticket
             // https://github.com/openlayers/openlayers/issues/16572 is solved.
-            _context1.next = 6;
+            _context11.next = 6;
             return listenerApi.delay(10);
           case 6:
             viewIds = getViewIds(listenerApi.getState());
             viewIds.forEach(function (viewId) {
               var bbox = mapSelectors.getBbox(listenerApi.getState(), viewId);
               var srs = mapSelectors.getSrs(listenerApi.getState(), viewId);
-              if (bbox && bbox.left !== undefined && srs) {
+              if ((bbox == null ? void 0 : bbox.left) !== undefined && srs) {
                 listenerApi.dispatch(mapActions.setBbox({
                   mapId: viewId,
                   bbox: bbox,
@@ -5131,134 +6354,18 @@ workspaceListener.startListening({
                 }));
               }
             });
-          case 8:
-          case "end":
-            return _context1.stop();
-        }
-      }, _callee1);
-    }));
-    function effect(_x19, _x20) {
-      return _effect9.apply(this, arguments);
-    }
-    return effect;
-  }()
-});
-
-/* *
- * 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 getWorkspaceListStore = function getWorkspaceListStore(store) {
-  if (store != null && store.workspaceList) {
-    return store.workspaceList;
-  }
-  return null;
-};
-var selectors = workspaceListAdapter.getSelectors(function (state) {
-  var _state$workspaceList;
-  return (_state$workspaceList = state == null ? void 0 : state.workspaceList) != null ? _state$workspaceList : {
-    entities: {},
-    ids: []
-  };
-});
-var getWorkspaceList = selectors.selectAll;
-var getWorkspacePresetFromList = function getWorkspacePresetFromList(store, id) {
-  return selectors.selectById(store, id);
-};
-var getIsWorkspaceListFetching = createSelector(getWorkspaceListStore, function (store) {
-  return store;
-}, function (state) {
-  return (state == null ? void 0 : state.isFetching) || false;
-}, selectorMemoizationOptions);
-var getWorkspaceDialogIsSaved = createSelector(getWorkspaceListStore, function (store) {
-  return store;
-}, function (state) {
-  var _state$workspaceActio;
-  return (state == null || (_state$workspaceActio = state.workspaceActionDialog) == null ? void 0 : _state$workspaceActio.hasSaved) || false;
-}, selectorMemoizationOptions);
-var getWorkspaceListError = createSelector(getWorkspaceListStore, function (store) {
-  return store;
-}, 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) {
-    var _dialog$formValues$vi;
-    var views = (_dialog$formValues$vi = dialog.formValues.views) == null ? void 0 : _dialog$formValues$vi.map(function (view) {
-      var workspaceView = workspaceState.views.byId[view.mosaicNodeId];
-      var viewComplete = viewpresetState.entities[view.mosaicNodeId];
-      return {
-        mosaicNodeId: view.mosaicNodeId,
-        viewPresetId: (viewComplete == null ? void 0 : viewComplete.activeViewPresetId) || view.viewPresetId,
-        isSelected: view.isSelected,
-        title: view.title || workspaceView.title,
-        error: viewComplete == null ? void 0 : viewComplete.error,
-        isFetching: viewComplete == null ? void 0 : viewComplete.isFetching,
-        hasChanges: viewComplete == null ? void 0 : viewComplete.hasChanges,
-        scope: view.scope
-      };
-    });
-    return Object.assign({}, dialog, {
-      formValues: Object.assign({}, dialog.formValues, views && {
-        views: views
-      })
-    });
-  }
-  return dialog;
-}, selectorMemoizationOptions);
-var getIsWorkspaceListDialogOpen = createSelector(getWorkspaceListStore, function (store) {
-  return store;
-}, function (state) {
-  return (state == null ? void 0 : state.isWorkspaceListDialogOpen) || false;
-}, selectorMemoizationOptions);
-var getWorkspaceListFilters = createSelector(function (store) {
-  return getWorkspaceListStore(store);
-}, function (_store, scope) {
-  return scope;
-}, function (_store, _scope, isAdmin) {
-  return isAdmin;
-}, function (state, _scope, isAdmin) {
-  var filters = (state == null ? void 0 : state.workspaceListFilters) || [];
-  if (isAdmin) {
-    // Only return system and shared for admins
-    return filters.filter(function (filter) {
-      return filter.id === 'system' || filter.id === 'shared';
-    }).map(function (filter) {
-      return Object.assign({}, filter, {
-        isDisabled: false
-      });
-    });
-  }
-  // Regular users: return all filters
-  return filters.map(function (filter) {
-    return Object.assign({}, filter, {
-      isDisabled: false
-    });
-  });
-}, selectorMemoizationOptions);
-var getWorkspaceListSearchQuery = createSelector(getWorkspaceListStore, function (store) {
-  return store;
-}, function (state) {
-  return (state == null ? void 0 : state.searchQuery) || '';
-}, selectorMemoizationOptions);
+          case 8:
+          case "end":
+            return _context11.stop();
+        }
+      }, _callee11);
+    }));
+    function effect(_x21, _x22) {
+      return _effect9.apply(this, arguments);
+    }
+    return effect;
+  }()
+});
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -5355,7 +6462,7 @@ var getFilteredViewPresetListForView = createSelector(getViewPresetsList, getVie
 }, selectorMemoizationOptions);
 
 var processError = function processError(error, component, errorMessageKey) {
-  var message = isAxiosError(error) ? getAxiosErrorMessage(error) : errorMessageKey;
+  var message = isAxiosError$1(error) ? getAxiosErrorMessage(error) : errorMessageKey;
   var errorType = isAxiosAuthError(error) ? ViewPresetErrorType.AUTH : ViewPresetErrorType.GENERIC;
   return {
     message: message,
@@ -5440,52 +6547,6 @@ viewPresetsListener.startListening({
     return effect;
   }()
 });
-var saveViewPresetAsEffect = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref2, listenerApi) {
-    var payload, panelId, viewPreset, workspaceApi, viewPresetId;
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          payload = _ref2.payload;
-          listenerApi.cancelActiveListeners();
-          panelId = payload.panelId, viewPreset = payload.viewPreset;
-          _context3.prev = 3;
-          workspaceApi = getWorkspaceApi();
-          _context3.next = 7;
-          return workspaceApi.saveViewPresetAs(viewPreset);
-        case 7:
-          viewPresetId = _context3.sent;
-          listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage(PresetAction.SAVE, viewPreset.title)));
-          listenerApi.dispatch(viewPresetActions.savedViewPreset({
-            panelId: panelId,
-            viewPresetId: viewPresetId
-          }));
-          listenerApi.dispatch(viewPresetActions.fetchedViewPreset({
-            panelId: panelId,
-            viewPresetId: viewPresetId,
-            viewPreset: viewPreset
-          }));
-          return _context3.abrupt("return", Object.assign({}, viewPreset, {
-            id: viewPresetId
-          }));
-        case 14:
-          _context3.prev = 14;
-          _context3.t0 = _context3["catch"](3);
-          listenerApi.dispatch(viewPresetActions.errorViewPreset({
-            error: processError(_context3.t0, ViewPresetErrorComponent.PRESET_DETAIL, 'workspace-mappreset-error-save'),
-            panelId: panelId
-          }));
-          return _context3.abrupt("return", _context3.t0);
-        case 18:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3, null, [[3, 14]]);
-  }));
-  return function saveViewPresetAsEffect(_x5, _x6) {
-    return _ref3.apply(this, arguments);
-  };
-}();
 var saveViewPresetEffect = /*#__PURE__*/function () {
   var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref4, listenerApi) {
     var payload, panelId, viewPreset, viewPresetId, workspaceApi;
@@ -5627,295 +6688,23 @@ viewPresetsListener.startListening({
                   hasChanges: hasChanges
                 }));
               }
-              if (action === PresetAction.SAVE_AS && viewPresetId) {
-                listenerApi.dispatch(viewPresetActions.setActiveViewPresetId({
-                  panelId: panelId,
-                  viewPresetId: viewPresetId
-                }));
-              }
-            } catch (_error) {
-              // TODO: use error handling of mapPreset https://gitlab.com/opengeoweb/opengeoweb/-/issues/3043
-            }
-          case 5:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6);
-    }));
-    function effect(_x1, _x10) {
-      return _effect4.apply(this, arguments);
-    }
-    return effect;
-  }()
-});
-
-var emptyWorkspaceBEData = Object.assign({}, getEmptyMapWorkspace(), {
-  views: [{
-    mosaicNodeId: '1_screen',
-    viewPresetId: 'emptyMap'
-  }]
-});
-var workspaceListListener = createListenerMiddleware();
-workspaceListListener.startListening({
-  actionCreator: workspaceListActions.fetchWorkspaceList,
-  effect: function () {
-    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
-      var workspaceFilterParams, workspaceApi, _yield$workspaceApi$g, data, isAuthError, workspaceListError;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            workspaceFilterParams = _ref.payload;
-            listenerApi.cancelActiveListeners();
-            _context.prev = 2;
-            workspaceApi = getWorkspaceApi();
-            _context.next = 6;
-            return workspaceApi.getWorkspacePresets(workspaceFilterParams);
-          case 6:
-            _yield$workspaceApi$g = _context.sent;
-            data = _yield$workspaceApi$g.data;
-            if (!listenerApi.signal.aborted) {
-              _context.next = 10;
-              break;
-            }
-            return _context.abrupt("return");
-          case 10:
-            listenerApi.dispatch(workspaceListActions.fetchedWorkspaceList({
-              workspaceList: data
-            }));
-            _context.next = 18;
-            break;
-          case 13:
-            _context.prev = 13;
-            _context.t0 = _context["catch"](2);
-            isAuthError = isAxiosAuthError(_context.t0);
-            workspaceListError = isAuthError ? {
-              type: WorkspaceListErrorType.VERBATIM_ERROR,
-              message: getAxiosErrorMessage(_context.t0),
-              category: WorkspaceListErrorCategory.AUTH
-            } : {
-              type: WorkspaceListErrorType.TRANSLATABLE_ERROR,
-              key: 'workspace-list-error',
-              category: WorkspaceListErrorCategory.GENERIC
-            };
-            listenerApi.dispatch(workspaceListActions.errorWorkspaceList({
-              error: workspaceListError
-            }));
-          case 18:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[2, 13]]);
-    }));
-    function effect(_x, _x2) {
-      return _effect.apply(this, arguments);
-    }
-    return effect;
-  }()
-});
-workspaceListListener.startListening({
-  actionCreator: workspaceListActions.onSuccessWorkspacePresetAction,
-  effect: function () {
-    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
-      var _listenerApi$getOrigi;
-      var payload, currentWorkspaceId, action, workspaceId, title, is_shared, searchQuery;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            payload = _ref2.payload;
-            listenerApi.cancelActiveListeners();
-            currentWorkspaceId = (_listenerApi$getOrigi = listenerApi.getOriginalState().workspace) == null ? void 0 : _listenerApi$getOrigi.id;
-            action = payload.action, workspaceId = payload.workspaceId, title = payload.title; // eslint-disable-next-line @typescript-eslint/naming-convention
-            is_shared = 'is_shared' in payload ? payload.is_shared : undefined;
-            listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage$1(action, title, is_shared)));
-            // if active workspace has been deleted, empty out url
-            if ((action === WorkspacePresetAction.DELETE || action === WorkspacePresetAction.DELETE_SYSTEM_PRESET) && currentWorkspaceId && workspaceId === currentWorkspaceId) {
-              listenerApi.dispatch(routerActions.navigateToUrl({
-                url: getWorkspaceRouteUrl()
-              }));
-            }
-            // For Save as, update url to include the new id
-            if (action === WorkspacePresetAction.SAVE_AS) {
-              listenerApi.dispatch(routerActions.navigateToUrl({
-                url: getWorkspaceRouteUrl(workspaceId)
-              }));
-            }
-            // Retrieve new list with current search query
-            searchQuery = getWorkspaceListSearchQuery(listenerApi.getState());
-            listenerApi.dispatch(workspaceListActions.fetchWorkspaceList(constructFilterParams([], searchQuery)));
-          case 10:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    function effect(_x3, _x4) {
-      return _effect2.apply(this, arguments);
-    }
-    return effect;
-  }()
-});
-workspaceListListener.startListening({
-  actionCreator: workspaceListActions.submitFormWorkspaceActionDialogOptions,
-  effect: function () {
-    var _effect3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref3, listenerApi) {
-      var payload, workspaceApi, workspaceState, presetId, presetAction, data, emptyMapPresetTitle, emptyWorkspacePresetTitle, scope, _yield$workspaceApi$g2, originalData, workspaceDataNewTitle, isSaveWorkspaceAction, isSaveAsWorkspaceAction, hasWorkspaceAlreadyBeenSaved, workspaceId, saveViewPreset, getViewPresetEntity, viewPresetResults, hasError, _hasError$message, errorMessage, workspaceData, newWorkspace, message, category;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            payload = _ref3.payload;
-            listenerApi.cancelActiveListeners();
-            workspaceApi = getWorkspaceApi();
-            workspaceState = listenerApi.getState();
-            _context3.prev = 4;
-            presetId = payload.presetId, presetAction = payload.presetAction, data = payload.data, emptyMapPresetTitle = payload.emptyMapPresetTitle, emptyWorkspacePresetTitle = payload.emptyWorkspacePresetTitle;
-            scope = data.scope || 'user'; // duplicate
-            if (presetAction === WorkspacePresetAction.DUPLICATE) ;
-            // delete
-            if (presetAction === WorkspacePresetAction.DELETE || presetAction === WorkspacePresetAction.DELETE_SYSTEM_PRESET) ;
-            // edit
-            if (!(presetAction === WorkspacePresetAction.EDIT)) {
-              _context3.next = 18;
-              break;
-            }
-            _context3.next = 12;
-            return workspaceApi.getWorkspacePreset(presetId);
-          case 12:
-            _yield$workspaceApi$g2 = _context3.sent;
-            originalData = _yield$workspaceApi$g2.data;
-            workspaceDataNewTitle = Object.assign({}, originalData, {
-              title: data.title,
-              "abstract": data["abstract"]
-            });
-            _context3.next = 17;
-            return workspaceApi.saveWorkspacePreset(presetId, workspaceDataNewTitle);
-          case 17:
-            listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
-              workspaceId: presetId,
-              action: presetAction,
-              title: data.title,
-              "abstract": data["abstract"],
-              scope: scope
-            }));
-          case 18:
-            // 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)) {
-              _context3.next = 44;
-              break;
-            }
-            hasWorkspaceAlreadyBeenSaved = getWorkspaceDialogIsSaved(workspaceState);
-            workspaceId = presetId;
-            if (!(!hasWorkspaceAlreadyBeenSaved && isSaveAsWorkspaceAction)) {
-              _context3.next = 27;
-              break;
-            }
-            _context3.next = 26;
-            return workspaceApi.saveWorkspacePresetAs(data);
-          case 26:
-            workspaceId = _context3.sent;
-          case 27:
-            // lock the workspace
-            listenerApi.dispatch(workspaceListActions.onSuccessWorkspaceSaveDialog({
-              presetId: workspaceId
-            }));
-            saveViewPreset = function saveViewPreset(payloadAction, saveAs) {
-              return saveAs ? saveViewPresetAsEffect(payloadAction, listenerApi) : saveViewPresetEffect(payloadAction, listenerApi);
-            };
-            getViewPresetEntity = function getViewPresetEntity(view) {
-              return Object.assign({}, getViewPresetToSendToBackend(workspaceState, view.mosaicNodeId), {
-                title: view.title
-              }, view["abstract"] && {
-                "abstract": view["abstract"]
-              });
-            };
-            _context3.next = 32;
-            return updateViewPresets(saveViewPreset, getViewPresetEntity, data, scope);
-          case 32:
-            viewPresetResults = _context3.sent;
-            hasError = viewPresetResults.find(function (view) {
-              return view.message;
-            });
-            if (!hasError) {
-              _context3.next = 38;
-              break;
-            }
-            // maybe we can use another action, but this resets fetching of the form
-            errorMessage = (_hasError$message = hasError == null ? void 0 : hasError.message) != null ? _hasError$message : 'An error occurred';
-            listenerApi.dispatch(workspaceListActions.onErrorWorkspacePresetAction({
-              error: {
-                type: WorkspaceListErrorType.VERBATIM_ERROR,
-                message: errorMessage,
-                category: WorkspaceListErrorCategory.GENERIC
-              }
-            }));
-            return _context3.abrupt("return");
-          case 38:
-            workspaceData = getWorkspaceData(listenerApi.getState());
-            newWorkspace = Object.assign({}, workspaceData, {
-              id: workspaceId,
-              title: data.title,
-              "abstract": data["abstract"],
-              scope: scope
-            });
-            _context3.next = 42;
-            return workspaceApi.saveWorkspacePreset(workspaceId, newWorkspace);
-          case 42:
-            listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
-              action: presetAction,
-              workspaceId: workspaceId,
-              title: newWorkspace.title,
-              "abstract": newWorkspace["abstract"],
-              scope: scope
-            }));
-            listenerApi.dispatch(routerActions.navigateToUrl({
-              url: getWorkspaceRouteUrl(workspaceId)
-            }));
-          case 44:
-            // Reset
-            if (presetAction === WorkspacePresetAction.RESET) {
-              // In case we're resetting the `New workspace` preset
-              if (presetId === getEmptyMapWorkspace().id) {
-                listenerApi.dispatch(workspaceActions.changeToEmptyMapWorkspace({
-                  newMapPresetText: emptyMapPresetTitle,
-                  newWorkspaceText: emptyWorkspacePresetTitle
-                }));
-              } else {
-                listenerApi.dispatch(workspaceActions.fetchWorkspace({
-                  workspaceId: presetId
+              if (action === PresetAction.SAVE_AS && viewPresetId) {
+                listenerApi.dispatch(viewPresetActions.setActiveViewPresetId({
+                  panelId: panelId,
+                  viewPresetId: viewPresetId
                 }));
               }
-              // workspace success handling
-              listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
-                action: WorkspacePresetAction.RESET,
-                workspaceId: presetId,
-                title: data.title,
-                "abstract": data["abstract"],
-                scope: scope
-              }));
+            } catch (_error) {
+              // TODO: use error handling of mapPreset https://gitlab.com/opengeoweb/opengeoweb/-/issues/3043
             }
-            _context3.next = 52;
-            break;
-          case 47:
-            _context3.prev = 47;
-            _context3.t0 = _context3["catch"](4);
-            message = isAxiosError$1(_context3.t0) ? getAxiosErrorMessage(_context3.t0) : _context3.t0.message;
-            category = isAxiosAuthError(_context3.t0) ? WorkspaceListErrorCategory.AUTH : WorkspaceListErrorCategory.GENERIC;
-            listenerApi.dispatch(workspaceListActions.onErrorWorkspacePresetAction({
-              error: {
-                type: WorkspaceListErrorType.VERBATIM_ERROR,
-                category: category,
-                message: message
-              }
-            }));
-          case 52:
+          case 5:
           case "end":
-            return _context3.stop();
+            return _context6.stop();
         }
-      }, _callee3, null, [[4, 47]]);
+      }, _callee6);
     }));
-    function effect(_x5, _x6) {
-      return _effect3.apply(this, arguments);
+    function effect(_x1, _x10) {
+      return _effect4.apply(this, arguments);
     }
     return effect;
   }()
@@ -6118,12 +6907,12 @@ var WorkspaceModuleProvider = function WorkspaceModuleProvider(_ref) {
   });
 };
 
-var _excluded$5 = ["component", "payload"];
+var _excluded$4 = ["component", "payload"];
 // takes a component and connects module methods with workspace store
 var ComponentsLookUpWrapper = function ComponentsLookUpWrapper(_ref) {
   var component = _ref.component,
     payload = _ref.payload,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var RenderComponent = component;
   var dispatch = useDispatch();
   var viewId = payload.id;
@@ -6300,29 +7089,41 @@ var deleteViewPreset = function deleteViewPreset(viewPresetId, auth) {
 };
 
 var WORKSPACE_SELECT_LIST_ROW_HEIGHT = 46;
-var getPresetIcon = function getPresetIcon(preset) {
-  switch (preset.viewType) {
-    case 'tiledWindow':
-      return jsx(PresetTiles, {
-        "data-testid": "tiledWindowIcon"
-      });
-    case 'multiWindow':
-      return jsx(PresetWorkspace, {
-        "data-testid": "multiWindowIcon"
-      });
-    case 'singleWindow':
-    default:
-      return jsx(Preset, {
-        "data-testid": "singleWindowIcon"
+var getPresetIcon = function getPresetIcon(preset, currentUsername) {
+  if (preset.scope === 'system') {
+    return jsx(WorkspacePresetsSystemIcon, {
+      "data-testid": "systemPresetIcon",
+      sx: {
+        color: 'geowebColors.typographyAndIcons.systemScopeIcon'
+      }
+    });
+  }
+  if (preset.is_shared) {
+    if (preset.username && preset.username === currentUsername) {
+      return jsx(SharedPresetsMyUser, {
+        "data-testid": "sharedByMeIcon",
+        sx: {
+          color: 'geowebColors.typographyAndIcons.userScopeIcon'
+        }
       });
+    }
+    return jsx(SharedPresetsOtherUsers, {
+      "data-testid": "sharedByOtherIcon",
+      sx: {
+        color: 'geowebColors.typographyAndIcons.sharedByOthersIcon'
+      }
+    });
+  }
+  if (preset.username && preset.username === currentUsername) {
+    return jsx(WorkspacePresetsMyIcon, {
+      "data-testid": "myPrivatePresetIcon",
+      sx: {
+        color: 'geowebColors.typographyAndIcons.userScopeIcon'
+      }
+    });
   }
+  return null;
 };
-var ShareIcon = styled(ListItemIcon)(function () {
-  return {
-    minWidth: '32px !important',
-    paddingTop: '3px'
-  };
-});
 var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
   var workspacePreset = _ref.workspacePreset,
     isSelected = _ref.isSelected,
@@ -6342,15 +7143,6 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
     auth = _useAuthenticationCon.auth;
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
-  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);
   };
@@ -6424,9 +7216,7 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
       role: "listitem",
       "aria-label": testIdPrefix,
       children: [jsx(ListItemIcon, {
-        children: getPresetIcon(workspacePreset)
-      }), shareIcon && jsx(ShareIcon, {
-        children: shareIcon
+        children: getPresetIcon(workspacePreset, auth == null ? void 0 : auth.username)
       }), jsx(CustomTooltip, {
         title: workspacePreset.title,
         children: jsx(ListItemText, {
@@ -6880,6 +7670,10 @@ var ViewPresetMenu = function ViewPresetMenu(_ref) {
  * */
 var config = sessionStorageProvider.getConfig();
 var presetBaseUrl = (config == null ? void 0 : config.GW_PRESET_BACKEND_URL) || '';
+var labelsConfigUrl = '/assets/workspaceLabelsConfig.json';
+var getWorkspaceLabelsConfig = function getWorkspaceLabelsConfig() {
+  return fetch(labelsConfigUrl).then(handleResponse);
+};
 var getWorkspace = function getWorkspace(workspaceId, auth) {
   return fetch(presetBaseUrl + "/workspacepreset/" + workspaceId, {
     headers: getHeaders(auth)
@@ -6996,6 +7790,22 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
       toggleSelectFilterChip(id, shouldSelect);
     }
   };
+  var currentViewsToBE = React.useCallback(function () {
+    var _ws$views$allIds, _ws$views;
+    var ws = currentView;
+    var result = [];
+    ((_ws$views$allIds = ws == null || (_ws$views = ws.views) == null ? void 0 : _ws$views.allIds) != null ? _ws$views$allIds : []).forEach(function (id) {
+      var _ws$views$byId$id;
+      var view = (_ws$views$byId$id = ws.views.byId[id]) != null ? _ws$views$byId$id : {};
+      result.push({
+        mosaicNodeId: id,
+        title: typeof view.title === 'string' && view.title.trim() ? view.title : id,
+        componentType: view.componentType,
+        initialProps: view.initialProps
+      });
+    });
+    return result;
+  }, [currentView]);
   var onClickWorkspacePresetOption = function onClickWorkspacePresetOption(presetId, workspaceAction) {
     // If affectedPreset is the FE defined `New workspace` - use the definition from FE instead of BE
     var affectedPreset = presetId === getEmptyMapWorkspace(t).id ? getEmptyMapWorkspace(t) : workspacePresets.find(function (preset) {
@@ -7004,15 +7814,37 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
     var presetTitle = affectedPreset == null ? void 0 : affectedPreset.title;
     switch (workspaceAction) {
       case WorkspacePresetAction.DUPLICATE:
+        {
+          var _currentView$syncGrou;
+          var currentViews = currentViewsToBE();
+          setWorkspaceActionDialogOptions({
+            action: workspaceAction,
+            presetId: presetId,
+            formValues: {
+              title: presetTitle,
+              "abstract": affectedPreset["abstract"],
+              scope: scope,
+              views: currentViews.length ? currentViews : [],
+              mosaicNode: currentView.mosaicNode,
+              viewType: currentView.viewType,
+              syncGroups: (_currentView$syncGrou = currentView.syncGroups) != null ? _currentView$syncGrou : []
+            }
+          });
+          break;
+        }
       case WorkspacePresetAction.EDIT:
         {
+          var views = currentViewsToBE();
           setWorkspaceActionDialogOptions({
             action: workspaceAction,
             presetId: presetId,
             formValues: {
               title: presetTitle,
               "abstract": affectedPreset["abstract"],
-              scope: scope
+              labels: affectedPreset.labels,
+              mosaicNode: currentView.mosaicNode,
+              scope: scope,
+              views: views
             }
           });
           break;
@@ -7362,12 +8194,15 @@ var WorkspaceOptions = function WorkspaceOptions(_ref) {
     handleSave = _ref.handleSave,
     handleSaveAs = _ref.handleSaveAs,
     handleEdit = _ref.handleEdit,
+    handleEditTitle = _ref.handleEditTitle,
     handleDelete = _ref.handleDelete,
     handleReset = _ref.handleReset,
     _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     _ref$isDefaultOpen = _ref.isDefaultOpen,
-    isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen;
+    isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen,
+    _ref$showEditTitleOpt = _ref.showEditTitleOption,
+    showEditTitleOption = _ref$showEditTitleOpt === void 0 ? false : _ref$showEditTitleOpt;
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
   var theme = useTheme();
@@ -7387,13 +8222,16 @@ var WorkspaceOptions = function WorkspaceOptions(_ref) {
   }, {
     title: t('workspace-edit'),
     callback: handleEdit
-  }, {
+  }].concat(showEditTitleOption ? [{
+    title: t('workspace-edit-title'),
+    callback: handleEditTitle
+  }] : [], [{
     title: t('workspace-reset'),
     callback: handleReset
   }, {
     title: t('workspace-delete'),
     callback: handleDelete
-  }];
+  }]);
   var renderButton = function renderButton() {
     return jsxs(CustomIconButton, {
       onClick: handleClick,
@@ -7473,8 +8311,9 @@ var WorkspaceOptions = function WorkspaceOptions(_ref) {
   });
 };
 
-var _excluded$4 = ["title", "scope"];
+var _excluded$3 = ["title", "scope"];
 var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_ref) {
+  var _currentWorkspace$sco, _currentWorkspacePres;
   var panelId = _ref.panelId,
     isViewPresetDialogOpen = _ref.isViewPresetDialogOpen;
   var dispatch = useDispatch();
@@ -7491,12 +8330,23 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
     var _ref2 = (_workspaceSelectors$g = getViewById(store, panelId)) != null ? _workspaceSelectors$g : {},
       title = _ref2.title,
       scope = _ref2.scope,
-      restProps = _objectWithoutPropertiesLoose(_ref2, _excluded$4);
+      restProps = _objectWithoutPropertiesLoose(_ref2, _excluded$3);
     return Object.assign({
       title: title,
       scope: scope
     }, restProps);
   }, shallowEqual);
+  // whole workspace (id/title/abstract/scope + views)
+  var currentWorkspace = useSelector(function (store) {
+    return getWorkspaceState(store);
+  });
+  var currentWorkspacePresetDetails = useSelector(function (store) {
+    return currentWorkspace.id ? getWorkspacePresetFromList(store, currentWorkspace.id) : undefined;
+  });
+  var workspaceScope = (_currentWorkspace$sco = currentWorkspace == null ? void 0 : currentWorkspace.scope) != null ? _currentWorkspace$sco : 'user';
+  var thisView = useSelector(function (store) {
+    return getViewById(store, panelId);
+  });
   var viewComponentType = useSelector(function (store) {
     return getViewComponentType(store, panelId);
   });
@@ -7512,10 +8362,22 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
   var currentViewPreset = useSelector(function (store) {
     return activeViewPresetId ? getViewPresetFromList(store, activeViewPresetId) : undefined;
   });
+  var looksLikeUuid = function looksLikeUuid(string) {
+    return !!string && /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(string);
+  };
+  var isPresetBacked = !!currentViewPreset || looksLikeUuid(activeViewPresetId) && activeViewPresetId !== panelId || looksLikeUuid(workspaceView == null ? void 0 : workspaceView.id) && (workspaceView == null ? void 0 : workspaceView.id) !== (workspaceView == null ? void 0 : workspaceView.mosaicNodeId);
+  var isPlainWorkspaceView = !isPresetBacked;
+  React.useEffect(function () {
+    if (hasViewPresetChanges) {
+      dispatch(workspaceActions.markWorkspaceChanged());
+    }
+  }, [hasViewPresetChanges, dispatch]);
   var presetAbstract = workspaceView == null ? void 0 : workspaceView["abstract"];
-  var isNewActive = activeViewPresetId === '';
   var title = workspaceView.title || t('workspace-mappreset-new');
-  var fullTitle = getPresetTitle(title, hasViewPresetChanges, isNewActive, t);
+  var isNewActive = activeViewPresetId === '';
+  var showChangedInViewTitle = !!hasViewPresetChanges;
+  var isNewForDisplay = isNewActive && !hasViewPresetChanges;
+  var fullTitle = getPresetTitle(title, showChangedInViewTitle, isNewForDisplay, t);
   var openViewPresetsDialog = React.useCallback(function (viewPresetDialogOptions) {
     dispatch(viewPresetActions.openViewPresetDialog({
       viewPresetDialog: viewPresetDialogOptions
@@ -7575,6 +8437,28 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
       }
     });
   }, [activeViewPresetId, constructInitialProps, openViewPresetsDialog, panelId, t, title, presetAbstract]);
+  var handleEditTitle = React.useCallback(function () {
+    var _ws$title, _view$mosaicNodeId, _ref3, _view$title;
+    var ws = currentWorkspace;
+    var view = thisView;
+    if (!ws || !view) {
+      return;
+    }
+    dispatch(workspaceListActions.openWorkspaceActionDialogOptions({
+      action: WorkspacePresetAction.EDIT_TITLE,
+      presetId: ws.id,
+      formValues: {
+        title: (_ws$title = ws.title) != null ? _ws$title : '',
+        mosaicNode: ws.mosaicNode,
+        views: [{
+          mosaicNodeId: (_view$mosaicNodeId = view.mosaicNodeId) != null ? _view$mosaicNodeId : panelId,
+          title: (_ref3 = (_view$title = view.title) != null ? _view$title : view.mosaicNodeId) != null ? _ref3 : panelId,
+          componentType: view.componentType,
+          initialProps: view.initialProps
+        }]
+      }
+    }));
+  }, [currentWorkspace, thisView, panelId, dispatch]);
   var onEdit = React.useCallback(function () {
     var formTitle = activeViewPresetId ? title : '';
     openViewPresetsDialog({
@@ -7588,21 +8472,44 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
         "abstract": presetAbstract
       }
     });
-  }, [activeViewPresetId, constructInitialProps, openViewPresetsDialog, panelId, t, title, presetAbstract]);
+  }, [activeViewPresetId, title, openViewPresetsDialog, panelId, constructInitialProps, presetAbstract, t]);
   var onReset = React.useCallback(function () {
-    openViewPresetsDialog({
-      title: t('workspace-reset-title'),
-      action: PresetAction.RESET,
-      viewPresetId: activeViewPresetId,
-      panelId: panelId,
-      formValues: {
-        title: title
+    if (isPlainWorkspaceView) {
+      var _ws$title2, _view$mosaicNodeId2, _ref4, _view$title2;
+      var ws = currentWorkspace;
+      var view = thisView;
+      if (!ws || !view) {
+        return;
       }
-    });
-  }, [activeViewPresetId, openViewPresetsDialog, panelId, t, title]);
-  var toggleViewPresetDialog = React.useCallback(function (_ref3) {
-    var panelId = _ref3.panelId,
-      isViewPresetDialogOpen = _ref3.isViewPresetDialogOpen;
+      dispatch(workspaceListActions.openWorkspaceActionDialogOptions({
+        action: WorkspacePresetAction.RESET,
+        presetId: ws.id,
+        formValues: {
+          title: (_ws$title2 = ws.title) != null ? _ws$title2 : '',
+          mosaicNode: ws.mosaicNode,
+          views: [{
+            mosaicNodeId: (_view$mosaicNodeId2 = view.mosaicNodeId) != null ? _view$mosaicNodeId2 : panelId,
+            title: (_ref4 = (_view$title2 = view.title) != null ? _view$title2 : view.mosaicNodeId) != null ? _ref4 : panelId,
+            componentType: view.componentType,
+            initialProps: view.initialProps
+          }]
+        }
+      }));
+    } else {
+      openViewPresetsDialog({
+        title: t('workspace-reset-title'),
+        action: PresetAction.RESET,
+        viewPresetId: activeViewPresetId,
+        panelId: panelId,
+        formValues: {
+          title: title
+        }
+      });
+    }
+  }, [isPlainWorkspaceView, currentWorkspace, thisView, panelId, dispatch, openViewPresetsDialog, activeViewPresetId, title, t]);
+  var toggleViewPresetDialog = React.useCallback(function (_ref5) {
+    var panelId = _ref5.panelId,
+      isViewPresetDialogOpen = _ref5.isViewPresetDialogOpen;
     dispatch(viewPresetActions.toggleViewPresetListDialog({
       panelId: panelId,
       isViewPresetListDialogOpen: isViewPresetDialogOpen
@@ -7616,9 +8523,14 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
   }, [isViewPresetDialogOpen, panelId, toggleViewPresetDialog]);
   renderCounter.count(WorkspaceViewTitleConnectNoMemo.name);
   var viewpresetCreator = (currentViewPreset == null ? void 0 : currentViewPreset.username) || '';
-  var isUserPresetCreator = (auth == null ? void 0 : auth.username) === viewpresetCreator;
+  var workspaceOwner = (_currentWorkspacePres = currentWorkspacePresetDetails == null ? void 0 : currentWorkspacePresetDetails.username) != null ? _currentWorkspacePres : undefined;
+  var isUserPresetCreator = !isAdmin && !!(auth != null && auth.username) && auth.username === viewpresetCreator;
+  var isWorkspaceOwner = !isAdmin && !!workspaceOwner && (auth == null ? void 0 : auth.username) === workspaceOwner;
   var currentViewScope = (currentViewPreset == null ? void 0 : currentViewPreset.scope) || 'system';
-  var isEnabled = (currentViewScope === 'user' && isUserPresetCreator || isAdmin && currentViewScope === 'system') && activeViewPresetId !== '' && isLoggedIn;
+  // Regular viewPresets
+  var isEnabled = !isPlainWorkspaceView && isLoggedIn && activeViewPresetId !== '' && (currentViewScope === 'user' && isUserPresetCreator || currentViewScope === 'system' && isAdmin);
+  // Workspace views
+  var canEditPlainView = isPlainWorkspaceView && isLoggedIn && (workspaceScope === 'user' && isWorkspaceOwner || workspaceScope === 'system' && isAdmin);
   return (
     // Zero-length string assignment prevents showing title as an empty object '[object Object]'.
     // in child components. This is a workaround for a limitation in the Tooltip component.
@@ -7673,7 +8585,7 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
               textAlign: 'left',
               fontSize: '12px',
               fontWeight: 500,
-              fontStyle: hasViewPresetChanges || isNewActive ? 'italic' : undefined,
+              fontStyle: hasViewPresetChanges ? 'italic' : undefined,
               height: 20,
               overflow: 'hidden',
               '&&': {
@@ -7712,10 +8624,12 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
         }), jsx(WorkspaceOptions, {
           handleSave: isEnabled ? onSave : undefined,
           handleDelete: isEnabled ? onDelete : undefined,
-          handleSaveAs: isLoggedIn ? onSaveAs : undefined,
           handleEdit: isEnabled ? onEdit : undefined,
+          handleSaveAs: isLoggedIn ? onSaveAs : undefined,
+          handleEditTitle: canEditPlainView ? handleEditTitle : undefined,
           handleReset: onReset,
-          id: viewPresetOptionId
+          id: viewPresetOptionId,
+          showEditTitleOption: true
         })]
       }), jsx(Box, {
         sx: {
@@ -8412,10 +9326,13 @@ var WorkspaceViewConnect = function WorkspaceViewConnect(_ref) {
 };
 
 var WorkspaceOptionsConnect = function WorkspaceOptionsConnect(_ref) {
+  var _currentWorkspacePres;
   var title = _ref.title,
     workspaceId = _ref.workspaceId;
   var dispatch = useDispatch();
   var store = useStore();
+  var _useWorkspaceTranslat = useWorkspaceTranslation(),
+    t = _useWorkspaceTranslat.t;
   var _useAuthenticationCon = useAuthenticationContext(),
     currentRole = _useAuthenticationCon.currentRole,
     auth = _useAuthenticationCon.auth;
@@ -8431,14 +9348,14 @@ var WorkspaceOptionsConnect = function WorkspaceOptionsConnect(_ref) {
   var currentWorkspacePreset = useSelector(function (store) {
     return workspaceId ? getWorkspacePresetFromList(store, workspaceId) : undefined;
   });
-  var workspaceCreator = (currentWorkspacePreset == null ? void 0 : currentWorkspacePreset.username) || '';
+  var workspaceCreator = (_currentWorkspacePres = currentWorkspacePreset == null ? void 0 : currentWorkspacePreset.username) != null ? _currentWorkspacePres : '';
   var viewIds = useSelector(function (store) {
     return getViewIds(store);
   });
   var isNew = !workspaceId;
   var isUserPreset = workspaceScope === 'user';
   var isUserPresetCreator = (auth == null ? void 0 : auth.username) === workspaceCreator;
-  var setWorkspaceActionDialogOptions = React.useCallback(function (dialogOptions) {
+  var setWorkspaceActionDialogOptions = React__default.useCallback(function (dialogOptions) {
     dispatch(workspaceListActions.openWorkspaceActionDialogOptions(dialogOptions));
   }, [dispatch]);
   var onDelete = function onDelete() {
@@ -8454,13 +9371,16 @@ var WorkspaceOptionsConnect = function WorkspaceOptionsConnect(_ref) {
     if (shouldIncludeViewPresetScope === void 0) {
       shouldIncludeViewPresetScope = false;
     }
+    var emptyMapPresetTitle = t('workspace-mappreset-new');
     var views = workspaceData.views.map(function (view) {
-      var _workspaceSelectors$g;
-      var scope = ((_workspaceSelectors$g = getViewById(store.getState(), view.mosaicNodeId)) == null ? void 0 : _workspaceSelectors$g.scope) || 'system';
+      var _getViewById$scope, _getViewById;
+      var viewScope = (_getViewById$scope = (_getViewById = getViewById(store.getState(), view.mosaicNodeId)) == null ? void 0 : _getViewById.scope) != null ? _getViewById$scope : 'system';
+      var normalizedTitle = !view.title || view.title === emptyMapPresetTitle ? view.mosaicNodeId : view.title;
       return Object.assign({}, view, {
+        title: normalizedTitle,
         isSelected: false
       }, shouldIncludeViewPresetScope && {
-        scope: scope
+        scope: viewScope
       });
     });
     setWorkspaceActionDialogOptions({
@@ -8477,7 +9397,14 @@ var WorkspaceOptionsConnect = function WorkspaceOptionsConnect(_ref) {
     return onSaveAction(WorkspacePresetAction.SAVE_AS, 'user', true);
   };
   var onSave = function onSave() {
-    return onSaveAction(WorkspacePresetAction.SAVE, 'user', true);
+    // Save without opening dialog
+    dispatch(workspaceListActions.submitFormWorkspaceActionDialogOptions({
+      presetAction: WorkspacePresetAction.SAVE,
+      presetId: workspaceId,
+      data: Object.assign({}, workspaceData),
+      emptyMapPresetTitle: t('workspace-mappreset-new'),
+      emptyWorkspacePresetTitle: t('workspace-new')
+    }));
   };
   var onEdit = function onEdit() {
     setWorkspaceActionDialogOptions({
@@ -8542,12 +9469,12 @@ var WorkspaceOptionsConnect = function WorkspaceOptionsConnect(_ref) {
     return isUserPreset && isUserPresetCreator ? onEdit : undefined;
   };
   return jsx(WorkspaceOptions, {
-    isDisabled: !viewIds.length || !isLoggedIn,
+    handleDelete: getOnDelete(),
+    handleEdit: handleEdit(),
+    handleReset: onReset,
     handleSave: handleSave(),
     handleSaveAs: handleSaveAs(),
-    handleEdit: handleEdit(),
-    handleDelete: getOnDelete(),
-    handleReset: onReset
+    isDisabled: !viewIds.length || !isLoggedIn
   });
 };
 
@@ -8661,159 +9588,420 @@ var WorkspaceTab = function WorkspaceTab(_ref) {
   });
 };
 
-var getExistingPresetWarningText = function getExistingPresetWarningText(isAdmin, scope) {
-  if (isAdmin) {
-    return 'workspace-admin-save-new-viewpreset-warning';
-  }
-  if (scope === 'user') {
-    return 'workspace-save-new-viewpreset-warning-user';
-  }
-  return 'workspace-save-new-viewpreset-warning-system';
+/* *
+ * 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 useWorkspaceLabelsConfig = function useWorkspaceLabelsConfig() {
+  return useQuery({
+    queryKey: ['workspace-labels-config'],
+    queryFn: getWorkspaceLabelsConfig
+  });
 };
-var getNewPresetWarningText = function getNewPresetWarningText(isAdmin, isNew) {
-  if (isAdmin) {
-    return 'workspace-admin-save-new-viewpreset';
-  }
-  if (isNew) {
-    return 'workspace-save-new-viewpreset';
-  }
-  return '';
+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 HelperText = function HelperText(_ref) {
-  var text = _ref.text;
-  return jsx(Typography, {
-    sx: {
-      fontSize: 12,
-      lineHeight: '16px',
-      color: 'geowebColors.textInputField.label.rgba'
+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
+      }));
     },
-    children: text
+    onError: function onError(error) {
+      onWorkspaceApiError(dispatch, error, t);
+    }
+  });
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var LABELS_CONFIG_DEFAULT = {
+  purpose: ['Aviation', 'Monitor', 'Public', 'Maritime', 'Warning', 'Media', 'Nowcasting (0–12h)'],
+  parameters: ['Pressure', 'Temperature', 'Wind', 'Humidity', 'Water vapour', 'Visibility', 'Geopotential', 'Snow', 'Cloud', 'Waves', 'Index', 'Precipitation'],
+  phenomena: ['Turbulence', 'MTW', 'CAT', 'Icing', 'Freezing rain', 'FlashFlood', 'Wind gust', 'Rain', 'Snow', 'Road ice', 'Lightning strike', 'Drifting snow', 'Wave height + water level', 'Forest fire', 'Polar Low', 'Heat wave', 'Gale warning'],
+  dataType: ['observation', 'forecast', 'archive'],
+  dataSource: ['Meps', 'Arome Arctic', 'Ecmwf', 'Ensemble', 'AIFS', 'BRIS', 'radar', 'satellite', 'synop']
+};
+
+var normalize = function normalize(labels) {
+  var _labels$purpose, _labels$parameters, _labels$phenomena, _labels$dataType, _labels$dataSource, _labels$viewType;
+  return {
+    purpose: (_labels$purpose = labels == null ? void 0 : labels.purpose) != null ? _labels$purpose : [],
+    parameters: (_labels$parameters = labels == null ? void 0 : labels.parameters) != null ? _labels$parameters : [],
+    phenomena: (_labels$phenomena = labels == null ? void 0 : labels.phenomena) != null ? _labels$phenomena : [],
+    dataType: (_labels$dataType = labels == null ? void 0 : labels.dataType) != null ? _labels$dataType : [],
+    dataSource: (_labels$dataSource = labels == null ? void 0 : labels.dataSource) != null ? _labels$dataSource : [],
+    viewType: (_labels$viewType = labels == null ? void 0 : labels.viewType) != null ? _labels$viewType : []
+  };
+};
+var humanize = function humanize(value) {
+  return value.replace(/[_-]+/g, ' ').replace(/\s+/g, ' ').trim().replace(/\b\w/g, function (match) {
+    return match.toUpperCase();
   });
 };
-var inputMargin = 2;
-var ViewPresetItem = function ViewPresetItem(_ref2) {
-  var index = _ref2.index,
-    viewPreset = _ref2.viewPreset,
-    _ref2$isLoading = _ref2.isLoading,
-    isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading,
-    _ref2$isAdmin = _ref2.isAdmin,
-    isAdmin = _ref2$isAdmin === void 0 ? true : _ref2$isAdmin;
+var WorkspacePresetLabelsPanel = function WorkspacePresetLabelsPanel(_ref) {
+  var labelsConfig = _ref.labelsConfig,
+    onActiveLabelsChange = _ref.onActiveLabelsChange;
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
   var _useFormContext = useFormContext(),
-    setValue = _useFormContext.setValue,
-    watch = _useFormContext.watch,
-    setError = _useFormContext.setError;
-  var isNew = !viewPreset.viewPresetId || viewPreset.viewPresetId === 'emptyMap';
-  var isChecked = watch("views." + index + ".isSelected") === true;
-  // useState to keep the original title after posting
-  var _React$useState = React__default.useState(viewPreset.title || t('workspace-mappreset-new')),
-    viewPresetTitle = _React$useState[0];
-  var label = getPresetTitle(viewPresetTitle, viewPreset.hasChanges, isNew, t);
-  var hasChanges = viewPreset.hasChanges,
-    error = viewPreset.error;
-  var fieldNameTitle = "views." + index + ".title";
-  React__default.useEffect(function () {
-    var suffix = isNew || viewPreset.scope === 'system' && !isAdmin ? " " + viewPreset.mosaicNodeId : '';
-    var initialTitle = "" + viewPresetTitle + suffix;
-    setValue("views." + index + ".title", initialTitle);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+    control = _useFormContext.control,
+    setValue = _useFormContext.setValue;
+  var watchedLabels = useWatch({
+    control: control,
+    name: 'labels'
+  });
+  var watchedViews = useWatch({
+    control: control,
+    name: 'views'
+  });
+  var labels = normalize(watchedLabels);
+  var availableLabels = labelsConfig != null ? labelsConfig : LABELS_CONFIG_DEFAULT;
+  // viewType is actually something else (singleWindow, multiWindow), but users call componentType for viewType
+  var componentTypes = React__default.useMemo(function () {
+    var viewsArray = Array.isArray(watchedViews) ? watchedViews : [];
+    return Array.from(new Set(viewsArray.map(function (view) {
+      return view == null ? void 0 : view.componentType;
+    }).filter(function (value) {
+      return Boolean(value);
+    })));
+  }, [watchedViews]);
+  // keep locked "viewType" labels in sync with componentTypes
   React__default.useEffect(function () {
-    setValue("views." + index + ".viewPresetId", viewPreset.viewPresetId);
-  }, [viewPreset.viewPresetId, index, setValue]);
+    if (!componentTypes.length) {
+      return;
+    }
+    var currentViewType = labels.viewType;
+    var sameLength = currentViewType.length === componentTypes.length;
+    var sameValues = sameLength && currentViewType.every(function (val, idx) {
+      return val === componentTypes[idx];
+    });
+    if (sameValues) {
+      return;
+    }
+    setValue('labels.viewType', componentTypes, {
+      shouldDirty: true
+    });
+  }, [componentTypes, labels.viewType, setValue]);
+  var totalActive = React__default.useMemo(function () {
+    return Object.values(labels).reduce(function (sum, arr) {
+      return sum + arr.length;
+    }, 0);
+  }, [labels]);
+  var activeNonViewType = Math.max(0, totalActive - labels.viewType.length);
   React__default.useEffect(function () {
-    if (error) {
-      setError(fieldNameTitle, {
-        message: error.message
-      });
+    onActiveLabelsChange == null || onActiveLabelsChange(totalActive);
+  }, [totalActive, onActiveLabelsChange]);
+  var clearAll = function clearAll() {
+    var newLabels = Object.assign({}, labels);
+    Object.keys(availableLabels).forEach(function (key) {
+      if (key !== 'viewType') {
+        newLabels[key] = [];
+      }
+    });
+    setValue('labels', newLabels, {
+      shouldDirty: true
+    });
+  };
+  var toggle = function toggle(key, item, locked) {
+    var _labels$key, _Object$assign;
+    if (locked) {
+      return;
+    }
+    var currentGroup = (_labels$key = labels[key]) != null ? _labels$key : [];
+    var nextGroup = currentGroup.includes(item) ? currentGroup.filter(function (label) {
+      return label !== item;
+    }) : [].concat(currentGroup, [item]);
+    var newLabels = Object.assign({}, labels, (_Object$assign = {}, _Object$assign[key] = nextGroup, _Object$assign));
+    setValue('labels', newLabels, {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+  };
+  var groups = [{
+    key: 'purpose',
+    title: t('workspace-labels-purpose'),
+    items: availableLabels.purpose
+  }, {
+    key: 'parameters',
+    title: t('workspace-labels-parameters'),
+    items: availableLabels.parameters
+  }, {
+    key: 'phenomena',
+    title: t('workspace-labels-phenomena'),
+    items: availableLabels.phenomena
+  }, {
+    key: 'dataType',
+    title: t('workspace-labels-dataType'),
+    items: availableLabels.dataType
+  }, {
+    key: 'dataSource',
+    title: t('workspace-labels-dataSource'),
+    items: availableLabels.dataSource
+  }, {
+    key: 'viewType',
+    title: t('workspace-labels-viewType'),
+    items: componentTypes,
+    locked: true
+  }];
+  var _React$useState = React__default.useState(false),
+    expandAll = _React$useState[0],
+    setExpandAll = _React$useState[1];
+  var _React$useState2 = React__default.useState(0),
+    resetKey = _React$useState2[0],
+    setResetKey = _React$useState2[1];
+  var toggleAll = function toggleAll() {
+    setExpandAll(function (vi) {
+      return !vi;
+    });
+    setResetKey(function (key) {
+      return key + 1;
+    });
+  };
+  var labelFor = function labelFor(group, value) {
+    if (group === 'parameters') {
+      var key = "workspace-labels-parameters-" + value;
+      var translated = t(key);
+      if (translated !== key) {
+        return translated;
+      }
+      return humanize(value);
     }
-  }, [error, fieldNameTitle, setError]);
-  var shouldShowInput = isNew && isChecked || isChecked && !isAdmin && viewPreset.scope === 'system';
-  var isInputDisabled = isLoading || !hasChanges;
-  return jsxs(React__default.Fragment, {
-    children: [jsx(FormControlLabel, {
-      control: jsx(Checkbox, {}),
-      label: jsxs(Box, {
-        component: "span",
-        style: Object.assign({}, hasChanges && {
-          fontStyle: 'italic'
-        }),
-        children: [label, jsx(Box, {
-          component: "span",
-          sx: {
-            color: 'geowebColors.captions.captionStatus.rgba'
-          },
-          children: " " + viewPreset.mosaicNodeId
-        })]
-      }),
-      onChange: function onChange(_, isChecked) {
-        setValue("views." + index + ".isSelected", isChecked);
+    return humanize(value);
+  };
+  return jsxs(Box, {
+    sx: {
+      py: 1
+    },
+    children: [jsx(Typography, {
+      variant: "subtitle1",
+      sx: {
+        px: 2,
+        mb: 1,
+        mt: 1
       },
-      checked: isChecked || !hasChanges,
-      disabled: isLoading || !hasChanges
-    }), error && !isNew && jsx(AlertBanner, {
-      title: error.message
-    }), shouldShowInput && jsxs(Fragment, {
-      children: [jsx(ReactHookFormTextField, {
-        name: fieldNameTitle,
-        label: t('workspace-dialog-name'),
-        rules: {
-          required: true
-        },
-        disabled: isInputDisabled,
+      children: t('workspace-presets-form-labels-header')
+    }), jsxs(Box, {
+      sx: {
+        px: 2,
+        display: 'grid',
+        rowGap: 1,
+        mb: 2
+      },
+      children: [jsx(Button, {
+        variant: "contained",
+        size: "small",
+        color: "secondary",
+        onClick: clearAll,
+        disabled: activeNonViewType === 0,
         sx: {
-          mb: inputMargin
+          justifySelf: 'start',
+          letterSpacing: 0.2,
+          boxShadow: 'none',
+          textTransform: 'none'
         },
-        error: error !== undefined
-      }), jsx(ReactHookFormTextField, {
-        name: "views." + index + ".abstract",
-        label: t('workspace-dialog-abstract'),
-        rules: {
-          required: false
+        children: t('workspace-presets-form-labels-clearAll', {
+          count: totalActive
+        })
+      }), jsx(Typography, {
+        variant: "caption",
+        sx: {
+          color: 'text.secondary'
         },
-        multiline: true,
-        rows: 3,
-        disabled: isInputDisabled,
+        children: t('workspace-presets-form-labels-info')
+      }), jsx(Button, {
+        variant: "outlined",
+        size: "small",
+        onClick: toggleAll,
         sx: {
-          mb: inputMargin
-        }
-      }), jsx(HelperText, {
-        text: t(getNewPresetWarningText(isAdmin, isNew))
+          justifySelf: 'start',
+          textTransform: 'none',
+          minWidth: 120,
+          maxWidth: 120
+        },
+        endIcon: expandAll ? jsx(ChevronUp, {}) : jsx(ChevronDown, {}),
+        children: expandAll ? t('workspace-presets-form-labels-collapseAll') : t('workspace-presets-form-labels-expandAll')
       })]
-    }), !isNew && isChecked && hasChanges && jsx(HelperText, {
-      text: t(getExistingPresetWarningText(isAdmin, viewPreset.scope))
-    })]
-  }, viewPreset.mosaicNodeId);
-};
-var WorkspaceViewPresetsFormFields = function WorkspaceViewPresetsFormFields(_ref3) {
-  var _ref3$viewPresets = _ref3.viewPresets,
-    viewPresets = _ref3$viewPresets === void 0 ? [] : _ref3$viewPresets,
-    _ref3$isLoading = _ref3.isLoading,
-    isLoading = _ref3$isLoading === void 0 ? false : _ref3$isLoading,
-    _ref3$isAdmin = _ref3.isAdmin,
-    isAdmin = _ref3$isAdmin === void 0 ? true : _ref3$isAdmin;
-  var _useWorkspaceTranslat2 = useWorkspaceTranslation(),
-    t = _useWorkspaceTranslat2.t;
-  return viewPresets.length ? jsxs(FormGroup, {
-    sx: {
-      marginBottom: 2,
-      marginTop: 2
-    },
-    children: [jsx(HelperText, {
-      text: t(isAdmin ? 'workspace-admin-select-modified-viewpresets' : 'workspace-select-modified-viewpresets')
-    }), viewPresets.map(function (viewPreset, index) {
-      return jsx(ViewPresetItem, {
-        viewPreset: viewPreset,
-        index: index,
-        isLoading: isLoading,
-        isAdmin: isAdmin
-      }, viewPreset.mosaicNodeId);
+    }), jsx(Stack, {
+      spacing: 1,
+      sx: {
+        px: 1
+      },
+      children: groups.map(function (_ref2) {
+        var key = _ref2.key,
+          title = _ref2.title,
+          items = _ref2.items,
+          locked = _ref2.locked;
+        var safeItems = items != null ? items : [];
+        var active = key === 'viewType' ? componentTypes.length : labels[key].length;
+        return jsx(CustomAccordion, {
+          defaultExpanded: expandAll,
+          "data-testid": "workspace-labels-drawer-" + key,
+          sx: {
+            border: 'none',
+            width: '100%',
+            boxShadow: 'none',
+            '&::before': {
+              display: 'none'
+            },
+            '& .MuiPaper-root, & .MuiAccordion-root': {
+              boxShadow: 'none'
+            },
+            '& .MuiAccordionSummary-content, & .MuiAccordionSummary-content.Mui-expanded': {
+              marginY: 0
+            },
+            '& .MuiAccordionDetails-root': {
+              paddingTop: 0.25,
+              paddingBottom: 0.75
+            },
+            '& .MuiAccordionSummary-root.Mui-expanded': {
+              borderBottom: 'none'
+            }
+          },
+          title: jsxs(Stack, {
+            direction: "row",
+            alignItems: "center",
+            sx: {
+              flexGrow: 1,
+              minWidth: 0
+            },
+            children: [jsxs(Stack, {
+              direction: "row",
+              spacing: 1,
+              alignItems: "center",
+              children: [jsx(Typography, {
+                children: title + " (" + safeItems.length + ")"
+              }), locked && jsx(LockLocked, {
+                fontSize: "small"
+              })]
+            }), active > 0 && jsx(Chip, {
+              size: "small",
+              label: active + " " + t('workspace-label-active'),
+              color: "primary",
+              variant: "outlined",
+              sx: {
+                ml: 'auto',
+                fontWeight: 500,
+                border: 'none',
+                position: 'absolute',
+                right: 35,
+                cursor: 'default',
+                pointerEvents: 'none',
+                '&:hover': {
+                  backgroundColor: 'transparent',
+                  boxShadow: 'none'
+                }
+              }
+            })]
+          }),
+          children: jsx(Stack, {
+            spacing: 0.2,
+            children: safeItems.map(function (it) {
+              return jsx(FormControlLabel, {
+                disabled: locked,
+                control: jsx(Checkbox, {
+                  size: "small",
+                  checked: labels[key].includes(it),
+                  onChange: function onChange() {
+                    return toggle(key, it, locked);
+                  }
+                }),
+                label: jsx(Typography, {
+                  variant: "body2",
+                  children: labelFor(key, it)
+                })
+              }, it);
+            })
+          })
+        }, resetKey + "-" + key + "-" + expandAll);
+      })
     })]
-  }) : null;
+  });
 };
 
-var _excluded$3 = ["title", "abstract"];
+var _excluded$2 = ["title", "abstract"];
 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) {
@@ -8835,7 +10023,14 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
     _ref$hasSavedWorkspac = _ref.hasSavedWorkspace,
-    hasSavedWorkspace = _ref$hasSavedWorkspac === void 0 ? false : _ref$hasSavedWorkspac;
+    hasSavedWorkspace = _ref$hasSavedWorkspac === void 0 ? false : _ref$hasSavedWorkspac,
+    _ref$showInlineAction = _ref.showInlineActions,
+    showInlineActions = _ref$showInlineAction === void 0 ? false : _ref$showInlineAction,
+    confirmLabel = _ref.confirmLabel,
+    cancelLabel = _ref.cancelLabel,
+    onClose = _ref.onClose,
+    dialogTitle = _ref.dialogTitle,
+    labelsConfig = _ref.labelsConfig;
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
   var _useFormContext = useFormContext(),
@@ -8844,7 +10039,13 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
   var _emptyWorkspacePreset = Object.assign({}, emptyWorkspacePreset, formValues),
     title = _emptyWorkspacePreset.title,
     _abstract = _emptyWorkspacePreset["abstract"],
-    otherFormValues = _objectWithoutPropertiesLoose(_emptyWorkspacePreset, _excluded$3);
+    otherFormValues = _objectWithoutPropertiesLoose(_emptyWorkspacePreset, _excluded$2);
+  var _React$useState = React__default.useState(0),
+    activeLabelsCount = _React$useState[0],
+    setActiveLabelsCount = _React$useState[1];
+  var _formValues$views = formValues.views,
+    views = _formValues$views === void 0 ? [] : _formValues$views;
+  var isViewsOnly = action === WorkspacePresetAction.EDIT_TITLE;
   var hiddenFields = Object.keys(otherFormValues).map(function (name) {
     return {
       name: name,
@@ -8869,10 +10070,10 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
     event.preventDefault();
     onSubmit();
   };
-  var hasFormInput = action === WorkspacePresetAction.DUPLICATE || action === WorkspacePresetAction.SAVE || action === WorkspacePresetAction.SAVE_AS || action === WorkspacePresetAction.EDIT || action === WorkspacePresetAction.SAVE_SYSTEM_PRESET || action === WorkspacePresetAction.SAVE_SYSTEM_PRESET_AS;
+  var hasFormInput = action === WorkspacePresetAction.DUPLICATE || action === WorkspacePresetAction.SAVE || action === WorkspacePresetAction.SAVE_AS || action === WorkspacePresetAction.EDIT || action === WorkspacePresetAction.EDIT_TITLE || action === WorkspacePresetAction.SAVE_SYSTEM_PRESET || action === WorkspacePresetAction.SAVE_SYSTEM_PRESET_AS;
   // disable form inputs
   var isDisabled = hasSavedWorkspace || isLoading;
-  var shouldShowViewPresetForm = action === WorkspacePresetAction.SAVE_SYSTEM_PRESET || action === WorkspacePresetAction.SAVE_SYSTEM_PRESET_AS || action === WorkspacePresetAction.SAVE_AS || action === WorkspacePresetAction.SAVE;
+  var shouldShowLabelsForm = action === WorkspacePresetAction.SAVE_SYSTEM_PRESET_AS || action === WorkspacePresetAction.SAVE_AS || action === WorkspacePresetAction.EDIT;
   return jsxs(Fragment, {
     children: [error && !shouldShowTitleError && jsx(Box, {
       sx: {
@@ -8881,49 +10082,185 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
       children: jsx(AlertBanner, {
         title: error.type === WorkspaceListErrorType.TRANSLATABLE_ERROR ? t(error.key, error.params) : error.message
       })
-    }), hasFormInput && jsxs("form", {
+    }), hasFormInput && jsx("form", {
       "data-testid": "workspace-preset-form",
       onSubmit: onSubmitForm,
-      children: [jsx(Box, {
+      style: {
+        height: '100%'
+      },
+      children: isViewsOnly ? jsxs(Fragment, {
+        children: [jsx(ReactHookFormHiddenInput, {
+          name: "title",
+          defaultValue: title
+        }), jsx(ReactHookFormHiddenInput, {
+          name: "abstract",
+          defaultValue: _abstract
+        }), action === WorkspacePresetAction.EDIT_TITLE && jsx(Box, {
+          sx: {
+            mt: 3
+          },
+          children: function (_ref2, _thisView$mosaicNodeI, _thisView$title) {
+            var thisView = (_ref2 = views && views[0]) != null ? _ref2 : {};
+            var mosaicNodeId = (_thisView$mosaicNodeI = thisView.mosaicNodeId) != null ? _thisView$mosaicNodeI : '';
+            return jsxs(Box, {
+              sx: {
+                mb: 1.5
+              },
+              children: [jsx(ReactHookFormHiddenInput, {
+                name: "views.0.mosaicNodeId",
+                defaultValue: mosaicNodeId
+              }), jsx(ReactHookFormTextField, {
+                name: "views.0.title",
+                defaultValue: (_thisView$title = thisView.title) != null ? _thisView$title : '',
+                label: mosaicNodeId || t('workspace-view-title'),
+                disabled: isDisabled,
+                rules: {
+                  required: false
+                }
+              })]
+            });
+          }()
+        }), hiddenFields.map(function (_ref3) {
+          var name = _ref3.name,
+            value = _ref3.value;
+          return jsx(ReactHookFormHiddenInput, {
+            name: name,
+            defaultValue: value,
+            "data-testid": name
+          }, name);
+        })]
+      }) : jsxs(Box, {
         sx: {
-          marginBottom: 2
+          display: 'flex',
+          flexDirection: 'column',
+          height: '100%'
         },
-        children: jsx(ReactHookFormTextField, {
-          name: titleField,
-          label: t('workspace-dialog-name'),
-          rules: {
-            required: true,
-            validate: {
-              validateTitle: validateTitle$1
-            }
+        children: [jsxs(Box, {
+          sx: {
+            flex: 1,
+            minHeight: 360,
+            overflow: 'hidden',
+            display: 'grid',
+            gridTemplateColumns: shouldShowLabelsForm ? {
+              xs: '1fr',
+              md: '300px 1fr'
+            } : '1fr',
+            alignItems: 'stretch'
           },
-          disabled: isDisabled,
-          defaultValue: title,
-          error: shouldShowTitleError
-        })
-      }), jsx(ReactHookFormTextField, {
-        name: "abstract",
-        label: t('workspace-dialog-abstract'),
-        rules: {
-          required: false
-        },
-        multiline: true,
-        rows: 3,
-        disabled: isDisabled,
-        defaultValue: _abstract
-      }), shouldShowViewPresetForm && jsx(WorkspaceViewPresetsFormFields, {
-        viewPresets: otherFormValues.views,
-        isLoading: isLoading,
-        isAdmin: action === WorkspacePresetAction.SAVE_SYSTEM_PRESET || action === WorkspacePresetAction.SAVE_SYSTEM_PRESET_AS
-      }), hiddenFields.map(function (_ref2) {
-        var name = _ref2.name,
-          value = _ref2.value;
-        return jsx(ReactHookFormHiddenInput, {
-          name: name,
-          defaultValue: value,
-          "data-testid": name
-        }, name);
-      })]
+          children: [shouldShowLabelsForm && jsx(Box, {
+            sx: {
+              pr: {
+                md: 2
+              },
+              minWidth: 288,
+              height: '100%',
+              overflowY: 'auto',
+              overflowX: 'hidden',
+              bgcolor: 'geowebColors.background.surface',
+              maxWidth: '80%'
+            },
+            children: jsx(WorkspacePresetLabelsPanel, {
+              labelsConfig: labelsConfig,
+              onActiveLabelsChange: setActiveLabelsCount
+            })
+          }), jsxs(Box, {
+            sx: {
+              pl: {
+                md: 2
+              },
+              pr: 2,
+              py: 2,
+              minWidth: 0,
+              overflow: 'hidden',
+              display: 'flex',
+              flexDirection: 'column'
+            },
+            children: [dialogTitle && shouldShowLabelsForm && jsx(Typography, {
+              variant: "subtitle1",
+              sx: {
+                mb: 2,
+                fontWeight: 500
+              },
+              children: dialogTitle
+            }), jsx(Box, {
+              sx: {
+                mb: 2
+              },
+              children: jsx(ReactHookFormTextField, {
+                fullWidth: true,
+                name: titleField,
+                label: t('workspace-dialog-name'),
+                rules: {
+                  required: true,
+                  validate: {
+                    validateTitle: validateTitle$1
+                  }
+                },
+                disabled: isDisabled,
+                defaultValue: title,
+                error: shouldShowTitleError
+              })
+            }), jsx(Box, {
+              sx: {
+                mb: 2
+              },
+              children: jsx(ReactHookFormTextField, {
+                fullWidth: true,
+                name: "abstract",
+                label: t('workspace-dialog-abstract'),
+                rules: {
+                  required: false
+                },
+                multiline: true,
+                rows: 3,
+                disabled: isDisabled,
+                defaultValue: _abstract
+              })
+            }), shouldShowLabelsForm && jsx(Box, {
+              sx: {
+                mb: 2
+              },
+              children: jsx(Chip, {
+                variant: "outlined",
+                size: "medium",
+                color: "primary",
+                label: t('workspace-presets-form-active-labels', {
+                  count: activeLabelsCount
+                }),
+                sx: {
+                  cursor: 'default',
+                  pointerEvents: 'none',
+                  '&:hover': {
+                    backgroundColor: 'transparent',
+                    boxShadow: 'none'
+                  }
+                }
+              })
+            }), showInlineActions && jsx(Box, {
+              sx: {
+                mt: 'auto',
+                display: 'flex',
+                justifyContent: 'flex-end'
+              },
+              children: jsx(ConfirmationButtons, {
+                onClose: onClose,
+                cancelLabel: cancelLabel != null ? cancelLabel : '',
+                isLoading: isLoading,
+                onSubmit: onSubmit,
+                confirmLabel: confirmLabel != null ? confirmLabel : ''
+              })
+            })]
+          })]
+        }), hiddenFields.map(function (_ref4) {
+          var name = _ref4.name,
+            value = _ref4.value;
+          return jsx(ReactHookFormHiddenInput, {
+            name: name,
+            defaultValue: value,
+            "data-testid": name
+          }, name);
+        })]
+      })
     }), (action === WorkspacePresetAction.DELETE || action === WorkspacePresetAction.DELETE_SYSTEM_PRESET) && jsxs(Fragment, {
       children: [jsxs(Typography, {
         variant: "body1",
@@ -8940,8 +10277,8 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
           TITLE: title
         })
       }), jsx(ReactHookFormHiddenInput, {
-        name: "title",
-        defaultValue: title
+        defaultValue: title,
+        name: "title"
       }, "title")]
     }), action === WorkspacePresetAction.RESET && jsxs(Box, {
       children: [jsxs(Typography, {
@@ -8954,14 +10291,13 @@ var WorkspacePresetsForm = function WorkspacePresetsForm(_ref) {
           }
         }), formValues.scope === 'system' ? t('workspace-dialog-confirm-reset-message') : t('workspace-dialog-confirm-reset-personal-message')]
       }), jsx(ReactHookFormHiddenInput, {
-        name: "title",
-        defaultValue: title
+        defaultValue: title,
+        name: "title"
       }, "title")]
     })]
   });
 };
 
-var _excluded$2 = ["title", "abstract"];
 var WorkspacePresetsFormDialog = function WorkspacePresetsFormDialog(_ref) {
   var isOpen = _ref.isOpen,
     action = _ref.action,
@@ -8973,7 +10309,8 @@ var WorkspacePresetsFormDialog = function WorkspacePresetsFormDialog(_ref) {
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
     error = _ref.error,
     _ref$isWorkspaceSaved = _ref.isWorkspaceSaved,
-    isWorkspaceSaved = _ref$isWorkspaceSaved === void 0 ? false : _ref$isWorkspaceSaved;
+    isWorkspaceSaved = _ref$isWorkspaceSaved === void 0 ? false : _ref$isWorkspaceSaved,
+    labelsConfig = _ref.labelsConfig;
   var _useFormContext = useFormContext(),
     handleFormSubmit = _useFormContext.handleSubmit,
     reset = _useFormContext.reset;
@@ -9020,6 +10357,10 @@ var WorkspacePresetsFormDialog = function WorkspacePresetsFormDialog(_ref) {
         {
           return t('workspace-edit');
         }
+      case WorkspacePresetAction.EDIT_TITLE:
+        {
+          return t('workspace-edit-title');
+        }
       case WorkspacePresetAction.SAVE:
         {
           return t('workspace-admin-save-user-workspace');
@@ -9049,15 +10390,42 @@ var WorkspacePresetsFormDialog = function WorkspacePresetsFormDialog(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return handleFormSubmit(function (newFormValues) {
-              var title = newFormValues.title,
-                _abstract = newFormValues["abstract"],
-                otherFormValues = _objectWithoutPropertiesLoose(newFormValues, _excluded$2);
-              var trimmedTitle = title == null ? void 0 : title.trim();
-              var trimmedAbstract = _abstract == null ? void 0 : _abstract.trim();
-              var parsedFormValues = Object.assign({}, otherFormValues, {
-                title: trimmedTitle,
-                "abstract": trimmedAbstract
+            return handleFormSubmit(function (rawValues) {
+              var _base$views;
+              // rawValues can be WorkspacePresetForBE OR WorkspaceFormValues
+              var title = rawValues.title,
+                _abstract = rawValues["abstract"],
+                viewEdits = rawValues.views;
+              // Start from the full BE shape already in the form (it contains the real views array)
+              var base = rawValues;
+              // Normalize workspace title/abstract
+              var trimmedWorkspaceTitle = typeof title === 'string' ? title.trim() : base.title;
+              var trimmedWorkspaceAbstract = typeof _abstract === 'string' ? _abstract.trim() : base["abstract"];
+              // Build a map of mosaicNodeId -> trimmed new title (only if present)
+              var editedTitles = new Map();
+              (Array.isArray(viewEdits) ? viewEdits : []).forEach(function (ve) {
+                if (ve != null && ve.mosaicNodeId && typeof ve.title === 'string') {
+                  editedTitles.set(ve.mosaicNodeId, ve.title.trim());
+                }
+              });
+              // Merge titles into the outgoing BE views
+              var mergedViews = ((_base$views = base.views) != null ? _base$views : []).map(function (view, idx) {
+                var byKey = editedTitles.get(view.mosaicNodeId);
+                if (byKey !== undefined) {
+                  return Object.assign({}, view, {
+                    title: byKey
+                  });
+                }
+                // (Optional) index fallback if mosaicNodeId wasn’t provided in the form
+                var fallbackTitle = Array.isArray(viewEdits) && viewEdits[idx] && typeof viewEdits[idx].title === 'string' ? viewEdits[idx].title.trim() : undefined;
+                return fallbackTitle !== undefined ? Object.assign({}, view, {
+                  title: fallbackTitle
+                }) : view;
+              });
+              var parsedFormValues = Object.assign({}, base, {
+                title: trimmedWorkspaceTitle,
+                "abstract": trimmedWorkspaceAbstract,
+                views: mergedViews
               });
               onFormSubmit(action, presetId, parsedFormValues);
             })();
@@ -9072,33 +10440,56 @@ var WorkspacePresetsFormDialog = function WorkspacePresetsFormDialog(_ref) {
     };
   }();
   var cancelLabel = t('workspace-cancel');
+  var withLabelsPanel = action === WorkspacePresetAction.SAVE_AS || action === WorkspacePresetAction.SAVE_SYSTEM_PRESET_AS || action === WorkspacePresetAction.EDIT;
+  var actionsNode = withLabelsPanel ? null : jsx(ConfirmationButtons, {
+    onClose: onClose,
+    cancelLabel: cancelLabel,
+    isLoading: isLoading,
+    onSubmit: onSubmit,
+    confirmLabel: confirmLabel
+  });
+  var dialogTitle = getDialogTitle(action);
   return jsx(CustomDialog, {
     "data-testid": "workspace-preset-dialog",
-    title: getDialogTitle(action),
+    title: withLabelsPanel ? undefined : getDialogTitle(action),
     open: isOpen,
     description: "",
     onClose: onClose,
     isResizable: true,
     resizableDefaultSize: {
-      width: 500,
-      height: 'auto'
+      width: withLabelsPanel ? 700 : 500,
+      height: withLabelsPanel ? 650 : 'auto'
     },
-    actions: jsx(ConfirmationButtons, {
-      onClose: onClose,
-      cancelLabel: cancelLabel,
-      isLoading: isLoading,
-      onSubmit: onSubmit,
-      confirmLabel: confirmLabel
-    }),
+    minWidth: withLabelsPanel ? 635 : undefined,
+    sx: withLabelsPanel ? {
+      '& [data-testid="dialog-action-header"]': {
+        display: 'none'
+      },
+      '& .MuiDialogContent-root': {
+        padding: 0,
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        overflow: 'hidden'
+      }
+    } : undefined,
+    actions: actionsNode,
+    headerActions: withLabelsPanel ? [] : undefined,
     children: jsx(WorkspacePresetsForm, {
       formValues: formValues,
       error: error,
       onSubmit: onSubmit,
       action: action,
       isLoading: isLoading,
-      hasSavedWorkspace: isWorkspaceSaved
+      hasSavedWorkspace: isWorkspaceSaved,
+      showInlineActions: withLabelsPanel,
+      confirmLabel: confirmLabel,
+      cancelLabel: cancelLabel,
+      onClose: onClose,
+      dialogTitle: dialogTitle,
+      labelsConfig: labelsConfig
     })
-  });
+  }, withLabelsPanel ? 'wide' : 'narrow');
 };
 var WorkspacePresetsFormDialogWrapper = function WorkspacePresetsFormDialogWrapper(_ref3) {
   var props = Object.assign({}, (_objectDestructuringEmpty(_ref3), _ref3));
@@ -9110,93 +10501,8 @@ 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 _ref3;
   var workspaceId = _ref.workspaceId,
     appTitle = _ref.appTitle;
   var dispatch = useDispatch();
@@ -9208,13 +10514,15 @@ var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
     deleteWorkspace = _useDeleteWorkspacePr.mutate;
   var _useCreateWorkspacePr = useCreateWorkspacePreset(),
     createWorkspace = _useCreateWorkspacePr.mutate;
+  var _useWorkspaceLabelsCo = useWorkspaceLabelsConfig(),
+    labelsConfig = _useWorkspaceLabelsCo.data;
   var title = useSelector(function (store) {
     return getSelectedWorkspaceTitle(store);
   });
   var dialogDetails = useSelector(function (store) {
     return getWorkspaceActionDialogDetails(store);
   });
-  var closeWorkspaceActionDialog = React.useCallback(function () {
+  var closeWorkspaceActionDialog = React__default.useCallback(function () {
     dispatch(workspaceListActions.closeWorkspaceActionDialogOptions());
   }, [dispatch]);
   var onSubmitForm = /*#__PURE__*/function () {
@@ -9230,7 +10538,7 @@ var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
             deleteWorkspace({
               id: presetId
             });
-            return _context.abrupt("break", 16);
+            return _context.abrupt("break", 17);
           case 5:
             if (!presetId) {
               _context.next = 11;
@@ -9250,7 +10558,7 @@ var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
               data: Object.assign({}, oldWorkspace, data),
               action: presetAction
             });
-            return _context.abrupt("break", 16);
+            return _context.abrupt("break", 17);
           case 15:
             dispatch(workspaceListActions.submitFormWorkspaceActionDialogOptions({
               presetAction: presetAction,
@@ -9259,7 +10567,8 @@ var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
               emptyMapPresetTitle: t('workspace-mappreset-new'),
               emptyWorkspacePresetTitle: t('workspace-new')
             }));
-          case 16:
+            return _context.abrupt("break", 17);
+          case 17:
           case "end":
             return _context.stop();
         }
@@ -9272,25 +10581,26 @@ var WorkspaceTabConnect = function WorkspaceTabConnect(_ref) {
   var presetId = typeof dialogDetails === 'object' && dialogDetails.presetId;
   var action = typeof dialogDetails === 'object' && dialogDetails.action;
   var formValues = typeof dialogDetails === 'object' && dialogDetails.formValues;
-  var isFetching = typeof dialogDetails === 'object' && dialogDetails.isFetching || false;
+  var isFetching = (_ref3 = typeof dialogDetails === 'object' && dialogDetails.isFetching) != null ? _ref3 : false;
   var error = typeof dialogDetails === 'object' && dialogDetails.error;
   var hasSavedWorkspace = typeof dialogDetails === 'object' && dialogDetails.hasSaved;
   return jsxs(Fragment, {
     children: [jsx(WorkspaceTab, {
       activeTab: true,
+      appTitle: appTitle,
       title: title,
-      workspaceId: workspaceId,
-      appTitle: appTitle
+      workspaceId: workspaceId
     }), jsx(WorkspacePresetsFormDialogWrapper, {
+      action: action || undefined,
+      error: error || undefined,
+      formValues: formValues != null ? formValues : undefined,
+      isLoading: isFetching,
       isOpen: Boolean(dialogDetails),
+      isWorkspaceSaved: hasSavedWorkspace,
       onClose: closeWorkspaceActionDialog,
-      presetId: presetId || undefined,
-      action: action || undefined,
-      formValues: formValues || undefined,
       onFormSubmit: onSubmitForm,
-      isLoading: isFetching,
-      error: error || undefined,
-      isWorkspaceSaved: hasSavedWorkspace
+      presetId: presetId || undefined,
+      labelsConfig: labelsConfig
     })]
   });
 };
@@ -9546,7 +10856,7 @@ var ViewPresetsFormDialog = function ViewPresetsFormDialog(_ref) {
             _context.t1 = _context["catch"](3);
             setIsLoading(false);
             submitError = _context.t1;
-            message = isAxiosError$1(submitError) ? getAxiosErrorMessage(submitError) : submitError.message;
+            message = isAxiosError(submitError) ? getAxiosErrorMessage(submitError) : submitError.message;
             setError(message);
           case 39:
           case "end":
@@ -9831,4 +11141,4 @@ var WorkspaceDetail = function WorkspaceDetail(_ref) {
   });
 };
 
-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 };
+export { ComponentsLookUpWrapper, DemoWrapper, PresetAction, ViewPresetErrorComponent, ViewPresetErrorType, WORKSPACE_NAMESPACE, WorkspaceDetail, WorkspaceErrorType, WorkspaceI18nProvider, WorkspaceModuleProvider, WorkspacePresetAction, WorkspaceStoreWrapper, WorkspaceThemeProvider, WorkspaceTopBar, WorkspaceViewConnect, WorkspaceWrapperProviderWithStore, createBalancedMosaicNode, createCustomEmptyMapWorkspace, defaultAuthConfig, getEmptyMapWorkspace, getWorkspaceRouteUrl, selectors$2 as selectors, viewPresetActions, viewPresetsListReducer, viewPresetsListener, viewPresetsReducer, workspaceActions, workspaceListActions, workspaceListListener, workspaceListReducer, workspaceListener, workspaceMiddlewares, workspaceReducer, workspaceReducersMap, routes as workspaceRoutes, workspaceTranslations };