@opengeoweb/workspace 12.1.2 → 12.2.0

package/index.esm.js

@@ -1,26 +1,26 @@
 import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware, combineReducers, configureStore } from '@reduxjs/toolkit';
-import { syncGroupsTypes, syncGroupsActions, layerActions, mapActions, uiActions, genericActions, layerTypes, mapEnums, selectorMemoizationOptions, genericSelectors, mapSelectors, syncGroupsSelectors, routerActions, createViewObjectForNewMap, mapListener, serviceListener, layersListener, syncGroupsListener, openlayersListener, mapReducer, serviceReducer, layerReducer, syncGroupsReducer, loadingIndicatorReducer, uiReducer, linkComponentTypesConstants, uiTypes, loadingIndicatorSelectors, uiSelectors } from '@opengeoweb/store';
+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, getConfig, getHeaders, handleResponse, useApiContext, useAuthenticationContext as useAuthenticationContext$1, GEOWEB_ROLE_PRESETS_ADMIN as GEOWEB_ROLE_PRESETS_ADMIN$1 } from '@opengeoweb/api';
-import { chunk, cloneDeep, pick, isEmpty, isEqual, isString } from 'lodash';
-import { getLeaves, MosaicContext, getAndAssertNodeAtPathExists, createBalancedTreeFromLeaves, MosaicWindow, Mosaic } from 'react-mosaic-component';
+import { chunk, cloneDeep, union, pick, isEmpty, isEqual, isString } from 'lodash';
+import { getLeaves, createBalancedTreeFromLeaves, MosaicContext, getAndAssertNodeAtPathExists, MosaicWindow, Mosaic } from 'react-mosaic-component';
 import { timeSeriesActions, TimeSeriesTypes, timeSeriesSelectors, timeSeriesReducer } from '@opengeoweb/timeseries';
-import { publicWarningActions, WARN_NAMESPACE, warningsTranslations, publicWarningsSelectors } from '@opengeoweb/warnings';
-import { PresetScope, PROJECTION, getAxiosErrorMessage, isAxiosAuthError, isAxiosError as isAxiosError$1, SHARED_NAMESPACE, sharedTranslations, ConfirmationServiceProvider, CustomIconButton, useConfirmationDialog, AlertBanner, CustomTooltip, SearchHighlight, ToggleMenu, DEFAULT_FILTER_HEIGHT, Filter, renderCounter, CustomDialog, ToolContainer, CustomToggleButton, usePrevious, ConfirmationButtons } from '@opengeoweb/shared';
+import { publicWarningActions, warningsTranslations, WARN_NAMESPACE, publicWarningsSelectors } from '@opengeoweb/warnings';
+import { PROJECTION, getAxiosErrorMessage, isAxiosAuthError, isAxiosError as isAxiosError$1, safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, ConfirmationServiceProvider, usePrevious, AlertBanner, SystemScope, CustomTooltip, SearchHighlight, ToggleMenu, CustomIconButton, Filter, LastUpdateTime, renderCounter, CustomDialog, ToolContainer, CustomToggleButton, useConfirmationDialog, ConfirmationButtons } from '@opengeoweb/shared';
 import { snackbarTypes, snackbarActions, snackbarListener, snackbarReducer, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
 import { isAxiosError } from 'axios';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ThemeWrapper, lightTheme, Link, LinkOff, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, SharedPresetsMyUser, SharedPresetsOtherUsers, Delete, Preset, PresetWorkspace, PresetTiles, CloudLoading, CloudIdle, WebAssetOff, Exclamation } from '@opengeoweb/theme';
+import { ThemeWrapper, lightTheme, SharedPresetsMyUser, SharedPresetsOtherUsers, Delete, Preset, PresetWorkspace, PresetTiles, CloudLoading, CloudIdle, Link, LinkOff, SplitVertical, SplitHorizontal, Expand, UnExpand, Close, WebAssetOff, Exclamation } from '@opengeoweb/theme';
 import { Provider, useDispatch, useSelector, useStore, shallowEqual } from 'react-redux';
-import { initReactI18next, useTranslation, I18nextProvider } from 'react-i18next';
+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 i18n from 'i18next';
-import { WEBMAP_REACT_NAMESPACE, webmapReactTranslations } from '@opengeoweb/webmap-react';
-import { CORE_NAMESPACE, coreTranslations } from '@opengeoweb/core';
-import { FORM_FIELDS_NAMESPACE, formFieldsTranslations, ReactHookFormTextField, ReactHookFormHiddenInput, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
+import { webmapReactTranslations, WEBMAP_REACT_NAMESPACE } from '@opengeoweb/webmap-react';
+import { coreTranslations, CORE_NAMESPACE } from '@opengeoweb/core';
+import { formFieldsTranslations, FORM_FIELDS_NAMESPACE, ReactHookFormTextField, ReactHookFormHiddenInput, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 import * as React from 'react';
 import React__default, { useCallback, useEffect } from 'react';
-import { Menu, Typography, List, ListItem, ListItemButton, ListItemIcon, Checkbox, ListItemText, LinearProgress, styled, Grid2, Box, ListSubheader, MenuItem, useTheme, FormGroup, FormControlLabel, Tabs } from '@mui/material';
+import { LinearProgress, Typography, styled, ListItemIcon, ListItem, ListItemButton, ListItemText, Grid2, Box, Menu, ListSubheader, MenuItem, useTheme, List, Checkbox, FormGroup, FormControlLabel, Tabs } from '@mui/material';
 import 'react-mosaic-component/react-mosaic-component.css';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList } from 'react-window';
@@ -78,8 +78,11 @@ var en = {
 	"workspace-list-success-edit": "Workspace \"{{TITLE}}\" successfully edited",
 	"workspace-list-success-save": "Workspace \"{{TITLE}}\" successfully saved",
 	"workspace-list-success-reset": "Workspace \"{{TITLE}}\" has been reset succesfully",
+	"workspace-list-success-share": "Workspace \"{{TITLE}}\" succesfully shared",
+	"workspace-list-success-unshare": "Workspace \"{{TITLE}}\" succesfully unshared",
 	"workspace-save-error": "Failed to save workspace \"{{TITLE}}\"",
 	"workspace-error-generic": "Something went wrong, try again",
+	"workspace-error-auth": "Error related to authentication",
 	"workspace-viewpreset-success-delete": "Map preset \"{{TITLE}}\" successfully deleted",
 	"workspace-viewpreset-success-save-as": "New map preset \"{{TITLE}}\" successfully saved",
 	"workspace-viewpreset-success-edit": "Map preset \"{{TITLE}}\" successfully edited",
@@ -105,7 +108,9 @@ var en = {
 	"workspace-link-location-header": "Location",
 	"workspace-link": "Link",
 	"workspace-dialog-confirm-reset-view-message": "The view will be reset and all changes will be lost. Are you sure you want to continue?",
-	"workspace-viewpreset-success-reset": "View preset \"{{TITLE}}\" has been reset succesfully"
+	"workspace-viewpreset-success-reset": "View preset \"{{TITLE}}\" has been reset succesfully",
+	"workspace-viewpreset-success-share": "View preset \"{{TITLE}}\" has been successfully shared",
+	"workspace-viewpreset-success-unshare": "View preset \"{{TITLE}}\" has been successfully unshared"
 };
 var fi = {
 	"workspace-menu": "Workspace menu",
@@ -157,9 +162,11 @@ var fi = {
 	"workspace-list-success-duplicate": "Workspace \"{{TITLE}}\" tallennettu onnistuneesti",
 	"workspace-list-success-edit": "Workspacea \"{{TITLE}}\" muokattu onnistuneesti",
 	"workspace-list-success-reset": "ei käännetty",
+	"workspace-list-success-share": "ei kannetty",
 	"workspace-list-success-save": "Workspace \"{{TITLE}}\" tallennettu onnistuneesti",
 	"workspace-save-error": "Workspacen \"{{TITLE}}\" tallentaminen epäonnistui",
 	"workspace-error-generic": "Jotain meni mönkään. Yritä uudelleen.",
+	"workspace-error-auth": "ei kaannetty",
 	"workspace-viewpreset-success-delete": "Map preset \"{{TITLE}}\" poistettu onnistuneesti",
 	"workspace-viewpreset-success-save-as": "Uusi map preset \"{{TITLE}}\" tallennettu onnistuneesti",
 	"workspace-viewpreset-success-edit": "Map presettiä \"{{TITLE}}\" muokattu onnistuneesti",
@@ -183,7 +190,9 @@ var fi = {
 	"workspace-link-location-header": "Sijainti",
 	"workspace-link": "Link",
 	"workspace-dialog-confirm-reset-view-message": "ei käännetty",
-	"workspace-viewpreset-success-reset": "ei käännetty"
+	"workspace-viewpreset-success-reset": "ei käännetty",
+	"workspace-viewpreset-success-share": "ei käännetty",
+	"workspace-viewpreset-success-unshare": "ei käännetty"
 };
 var no = {
 	"workspace-menu": "Arbeidsflater",
@@ -197,7 +206,7 @@ var no = {
 	"workspace-save-as": "Lagre som",
 	"workspace-edit": "Endre (navn og sammendrag)",
 	"workspace-share": "Del",
-	"workspace-stop-share": "Stop deling",
+	"workspace-stop-share": "Stopp deling",
 	"geoweb-welcome": "Velkommen til GeoWeb. Åpne et forhåndsvalg for å åpne nye vinduer",
 	"workspace-modified-new": "modifisert",
 	"workspace-modified-existing": "ikke lagret",
@@ -234,10 +243,13 @@ var no = {
 	"workspace-list-success-delete": "Arbeidsflaten \"{{TITLE}}\" er slettet",
 	"workspace-list-success-duplicate": "Arbeidsflaten \"{{TITLE}}\" er lagret",
 	"workspace-list-success-edit": "Arbeidsflaten \"{{TITLE}}\" er endret",
-	"workspace-list-success-reset": "ikke oversatt",
+	"workspace-list-success-reset": "Arbeidsflaten \"{{TITLE}}\" er tilbakestilt",
+	"workspace-list-success-share": "Arbeidsflaten \"{{TITLE}}\" er delt",
+	"workspace-list-success-unshare": "Arbeidsflaten \"{{TITLE}}\" deles ikke lenger",
 	"workspace-list-success-save": "Arbeidsflaten \"{{TITLE}}\" er lagret",
 	"workspace-save-error": "Feilet i å lagre arbeidsflaten \"{{TITLE}}\"",
 	"workspace-error-generic": "Noe feilet, prøv igjen",
+	"workspace-error-auth": "Autentiseringsfeil",
 	"workspace-viewpreset-success-delete": "Snarvei \"{{TITLE}}\" er slettet",
 	"workspace-viewpreset-success-save-as": "Ny snarvei \"{{TITLE}}\" er lagret",
 	"workspace-viewpreset-success-edit": "Snarvei \"{{TITLE}}\" er endret",
@@ -260,8 +272,10 @@ var no = {
 	"workspace-dialog-confirm-delete-user": "Arbeidsflaten blir slettet, men alle vinduer som er brukt vil forbli intakte.",
 	"workspace-link-location-header": "Lokasjon",
 	"workspace-link": "Link",
-	"workspace-dialog-confirm-reset-view-message": "Ikke oversatt",
-	"workspace-viewpreset-success-reset": "Ikke oversatt"
+	"workspace-dialog-confirm-reset-view-message": "Endringer i dette vinduet blir tapt. Er du sikker på at du vil fortsette?",
+	"workspace-viewpreset-success-reset": "Vinduet er tilbakestilt",
+	"workspace-viewpreset-success-share": "Vinduet \"{{TITLE}}\" har blitt delt",
+	"workspace-viewpreset-success-unshare": "Vinduet \"{{TITLE}}\" deles ikke lenger"
 };
 var nl = {
 	"workspace-menu": "Workspace menu",
@@ -313,9 +327,11 @@ var nl = {
 	"workspace-list-success-duplicate": "Workspace \"{{TITLE}}\" succesvol opgeslagen",
 	"workspace-list-success-edit": "Workspace \"{{TITLE}}\" succesvol aangepast",
 	"workspace-list-success-reset": "Workspace\"{{TITLE}}\" succesvol hersteld naar origineel",
+	"workspace-list-success-share": "niet vertaald",
 	"workspace-list-success-save": "Workspace \"{{TITLE}}\" succesvol opgeslagen",
 	"workspace-save-error": "Workspace opslaan \"{{TITLE}}\" mislukt",
 	"workspace-error-generic": "Er is iets mis gegaan, probeer het opnieuw",
+	"workspace-error-auth": "niet vertaald",
 	"workspace-viewpreset-success-delete": "Map preset \"{{TITLE}}\" succesvol verwijderd",
 	"workspace-viewpreset-success-save-as": "Nieuwe map preset \"{{TITLE}}\" succesvol opgeslagen",
 	"workspace-viewpreset-success-edit": "Map preset \"{{TITLE}}\" succesvol aangepast",
@@ -342,7 +358,9 @@ var nl = {
 	"workspace-link-location-header": "Locatie",
 	"workspace-link": "Link",
 	"workspace-dialog-confirm-reset-view-message": "De viewpreset zal worden hersteld en alle aanpassing zullen worden verwijderd. Weet je zeker dat je door wilt gaan?",
-	"workspace-viewpreset-success-reset": "Viewpreset \"{{TITLE}}\" succesvol hersteld naar origineel"
+	"workspace-viewpreset-success-reset": "Viewpreset \"{{TITLE}}\" succesvol hersteld naar origineel",
+	"workspace-viewpreset-success-share": "niet vertaald",
+	"workspace-viewpreset-success-unshare": "niet vertaald"
 };
 var workspaceTranslations = {
 	en: en,
@@ -383,7 +401,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.indexOf(n) >= 0) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -406,9 +424,9 @@ function _regeneratorRuntime() {
   function define(t, e, r) {
     return Object.defineProperty(t, e, {
       value: r,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
+      enumerable: true,
+      configurable: true,
+      writable: true
     }), t[e];
   }
   try {
@@ -501,7 +519,7 @@ function _regeneratorRuntime() {
         if ("throw" === i) throw a;
         return {
           value: t,
-          done: !0
+          done: true
         };
       }
       for (n.method = i, n.arg = a;;) {
@@ -552,7 +570,7 @@ function _regeneratorRuntime() {
   function Context(t) {
     this.tryEntries = [{
       tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(!0);
+    }], t.forEach(pushTryEntry, this), this.reset(true);
   }
   function values(e) {
     if (e || "" === e) {
@@ -562,8 +580,8 @@ function _regeneratorRuntime() {
       if (!isNaN(e.length)) {
         var o = -1,
           i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
-            return next.value = t, next.done = !0, next;
+            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = false, next;
+            return next.value = t, next.done = true, next;
           };
         return i.next = i;
       }
@@ -572,10 +590,10 @@ function _regeneratorRuntime() {
   }
   return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
     value: GeneratorFunctionPrototype,
-    configurable: !0
+    configurable: true
   }), o(GeneratorFunctionPrototype, "constructor", {
     value: GeneratorFunction,
-    configurable: !0
+    configurable: true
   }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
     var e = "function" == typeof t && t.constructor;
     return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
@@ -604,17 +622,17 @@ function _regeneratorRuntime() {
     return r.reverse(), function next() {
       for (; r.length;) {
         var t = r.pop();
-        if (t in e) return next.value = t, next.done = !1, next;
+        if (t in e) return next.value = t, next.done = false, next;
       }
-      return next.done = !0, next;
+      return next.done = true, next;
     };
   }, e.values = values, Context.prototype = {
     constructor: Context,
     reset: function (e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = false, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
     },
     stop: function () {
-      this.done = !0;
+      this.done = true;
       var t = this.tryEntries[0].completion;
       if ("throw" === t.type) throw t.arg;
       return this.rval;
@@ -633,10 +651,10 @@ function _regeneratorRuntime() {
           var c = n.call(i, "catchLoc"),
             u = n.call(i, "finallyLoc");
           if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+            if (this.prev < i.catchLoc) return handle(i.catchLoc, true);
             if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
           } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+            if (this.prev < i.catchLoc) return handle(i.catchLoc, true);
           } else {
             if (!u) throw Error("try statement without catch or finally");
             if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
@@ -956,22 +974,25 @@ var PresetFilterType;
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var workspaceListFilterOptions = [{
+var personalFilterState = {
   label: 'shared-filter-my-presets',
   id: PresetFilterType.personal,
   isSelected: true,
   isDisabled: false
-}, {
+};
+var systemFilterState = {
   label: 'shared-filter-system-presets',
   id: PresetFilterType.system,
   isSelected: true,
   isDisabled: false
-}, {
+};
+var sharedFilterState = {
   label: 'shared-filter-shared-presets',
   id: PresetFilterType.shared,
   isSelected: true,
   isDisabled: false
-}];
+};
+var defaultPresetFilterState = [personalFilterState, systemFilterState, sharedFilterState];
 var workspaceListAdapter = createEntityAdapter();
 var initialState$3 = Object.assign({
   isFetching: false,
@@ -979,7 +1000,7 @@ var initialState$3 = Object.assign({
   isWorkspaceListDialogOpen: false
 }, workspaceListAdapter.getInitialState(), {
   searchQuery: '',
-  workspaceListFilters: workspaceListFilterOptions
+  workspaceListFilters: defaultPresetFilterState
 });
 var slice$3 = createSlice({
   initialState: initialState$3,
@@ -1039,8 +1060,13 @@ var slice$3 = createSlice({
     },
     onErrorWorkspacePresetAction: function onErrorWorkspacePresetAction(draft, action) {
       var error = action.payload.error;
-      draft.workspaceActionDialog.isFetching = false;
-      draft.workspaceActionDialog.error = error;
+      if (draft.workspaceActionDialog) {
+        draft.workspaceActionDialog.isFetching = false;
+        draft.workspaceActionDialog.error = error;
+      } else {
+        // fallback if dialog isn't open (e.g. SHARE action)
+        draft.error = error;
+      }
     },
     toggleWorkspaceDialog: function toggleWorkspaceDialog(draft, action) {
       var isListDialogOpen = action.payload.isWorkspaceListDialogOpen;
@@ -1144,21 +1170,19 @@ var PresetAction;
  * */
 var viewPresetsListFilterOptions = [{
   label: 'shared-filter-my-presets',
-  id: PresetScope.user,
-  type: 'scope',
+  id: PresetFilterType.personal,
   isSelected: true,
   isDisabled: false
 }, {
   label: 'shared-filter-system-presets',
-  id: PresetScope.system,
-  type: 'scope',
+  id: PresetFilterType.system,
   isSelected: true,
   isDisabled: false
 }, {
   label: 'shared-filter-shared-presets',
-  id: PresetScope.shared,
+  id: PresetFilterType.shared,
   isSelected: true,
-  isDisabled: true
+  isDisabled: false
 }];
 var viewPresetsAdapter = createEntityAdapter({
   // we use panelId as id (panelId can be mapId or viewId)
@@ -1547,28 +1571,34 @@ var setDocumentTitle = function setDocumentTitle(workspaceTitle, appTitle) {
   var fallbackAppTitle = appTitle || 'GeoWeb';
   document.title = workspaceTitle ? workspaceTitle + " - " + fallbackAppTitle : fallbackAppTitle;
 };
-var filterWorkspacePresets = function filterWorkspacePresets(workspacePresets, selectedFilters, username) {
+var filterAndSortPresets = function filterAndSortPresets(presets, selectedFilters, username) {
   var isAllSelected = selectedFilters.every(function (filter) {
     return filter.isSelected;
   });
-  if (isAllSelected) {
-    return workspacePresets;
-  }
   var selectedIds = selectedFilters.filter(function (filter) {
     return filter.isSelected;
   }).map(function (filter) {
     return filter.id;
   });
-  return workspacePresets.filter(function (preset) {
-    return (
-      // System
-      selectedIds.includes('system') && preset.scope === 'system' ||
-      // Personal
-      selectedIds.includes('personal') && preset.username === username ||
-      // Shared
-      selectedIds.includes('shared') && preset.username !== username && preset.is_shared
-    );
+  var filtered = isAllSelected ? presets : presets.filter(function (preset) {
+    return selectedIds.includes(PresetFilterType.system) && preset.scope === 'system' || selectedIds.includes(PresetFilterType.personal) && preset.scope === 'user' && preset.username === username || selectedIds.includes(PresetFilterType.shared) && preset.username !== username && preset.is_shared;
+  });
+  var systemPresets = filtered.filter(function (preset) {
+    return preset.scope === 'system';
+  }).sort(function (a, b) {
+    return a.title.localeCompare(b.title);
+  });
+  var personalPresets = filtered.filter(function (preset) {
+    return preset.scope === 'user' && preset.username === username;
+  }).sort(function (a, b) {
+    return a.title.localeCompare(b.title);
+  });
+  var sharedPresets = filtered.filter(function (preset) {
+    return preset.scope === 'user' && preset.username !== username;
+  }).sort(function (a, b) {
+    return a.title.localeCompare(b.title);
   });
+  return [].concat(systemPresets, personalPresets, sharedPresets);
 };
 
 /* *
@@ -1588,7 +1618,7 @@ var filterWorkspacePresets = function filterWorkspacePresets(workspacePresets, s
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var getSnackbarMessage$1 = function getSnackbarMessage(action, title) {
+var getSnackbarMessage$1 = function getSnackbarMessage(action, title, is_shared) {
   // Trim and add quotes
   var trimmedTitle = "" + title.trim();
   switch (action) {
@@ -1632,6 +1662,14 @@ var getSnackbarMessage$1 = function getSnackbarMessage(action, title) {
           TITLE: trimmedTitle
         }
       };
+    case WorkspacePresetAction.SHARE:
+      return {
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        key: is_shared ? 'workspace-list-success-unshare' : 'workspace-list-success-share',
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
     default:
       return {
         type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
@@ -1728,17 +1766,13 @@ var createCustomEmptyMapWorkspace = function createCustomEmptyMapWorkspace(empty
 };
 var constructFilterParams = function constructFilterParams(filters, searchQuery) {
   // get filters
-  var _filters$reduce = filters.reduce(function (filterList, filter) {
-      if (filter.isSelected && 'type' in filter && filter.type === 'scope') {
-        return Object.assign({}, filter, {
-          scope: filterList.scope.concat(filter.id)
-        });
-      }
-      return filterList;
-    }, {
-      scope: []
-    }),
-    scope = _filters$reduce.scope;
+  var scope = filters.reduce(function (scopeList, filter) {
+    if (filter.isSelected) {
+      var _scope = filter.id === PresetFilterType.system ? 'system' : 'user';
+      return union(scopeList, [_scope]);
+    }
+    return scopeList;
+  }, []);
   // get search
   var search = getCleanSearchQuery(searchQuery);
   return Object.assign({}, scope.length && {
@@ -2113,9 +2147,7 @@ var getViewPresetListSearchQueryForView = createSelector(getViewPresetById, func
 // 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: {},
-    ids: []
-  };
+    entities: {}};
   return Object.values(filteredResults.entities);
 }, selectorMemoizationOptions);
 
@@ -2136,7 +2168,7 @@ var getViewPresetListFilterResultsForView = createSelector(getViewPresetById, fu
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var getSnackbarMessage = function getSnackbarMessage(action, title) {
+var getSnackbarMessage = function getSnackbarMessage(action, title, is_shared) {
   // Trim and add quotes
   var trimmedTitle = title.trim();
   switch (action) {
@@ -2172,6 +2204,14 @@ var getSnackbarMessage = function getSnackbarMessage(action, title) {
           TITLE: trimmedTitle
         }
       };
+    case PresetAction.SHARE:
+      return {
+        type: snackbarTypes.SnackbarMessageType.TRANSLATABLE_MESSAGE,
+        key: is_shared ? 'workspace-viewpreset-success-unshare' : 'workspace-viewpreset-success-share',
+        params: {
+          TITLE: trimmedTitle
+        }
+      };
     default:
       return {
         key: 'workspace-viewpreset-success-save',
@@ -4472,7 +4512,8 @@ var workspacePresetsList = [
 		date: "2022-06-01T12:34:27.787184",
 		scope: "user",
 		abstract: "Some abstract",
-		viewType: "singleWindow"
+		viewType: "singleWindow",
+		username: "user.name"
 	},
 	{
 		id: "screenConfigD",
@@ -5441,15 +5482,16 @@ viewPresetsListener.startListening({
   actionCreator: viewPresetActions.onSuccessViewPresetAction,
   effect: function () {
     var _effect3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref7, listenerApi) {
-      var payload, action, viewPresetId, title, panelId, activeMapPresetId, hasChanges, viewPresetFilters, viewPresetSearchQuery;
+      var payload, action, viewPresetId, title, panelId, is_shared, activeMapPresetId, hasChanges, viewPresetFilters, viewPresetSearchQuery;
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
             payload = _ref7.payload;
             listenerApi.cancelActiveListeners();
-            action = payload.action, viewPresetId = payload.viewPresetId, title = payload.title, panelId = payload.panelId;
+            action = payload.action, viewPresetId = payload.viewPresetId, title = payload.title, panelId = payload.panelId; // eslint-disable-next-line @typescript-eslint/naming-convention
+            is_shared = 'is_shared' in payload ? payload.is_shared : undefined;
             try {
-              listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage(action, title)));
+              listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage(action, title, is_shared)));
               activeMapPresetId = getViewPresetActiveId(listenerApi.getState(), panelId);
               hasChanges = false; // if active preset has been deleted, select the empty new preset
               if (action === PresetAction.DELETE && viewPresetId === activeMapPresetId) {
@@ -5481,7 +5523,7 @@ viewPresetsListener.startListening({
             } catch (error) {
               // TODO: use error handling of mapPreset https://gitlab.com/opengeoweb/opengeoweb/-/issues/3043
             }
-          case 4:
+          case 5:
           case "end":
             return _context5.stop();
         }
@@ -5562,15 +5604,16 @@ workspaceListListener.startListening({
   effect: function () {
     var _effect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
       var _listenerApi$getOrigi;
-      var payload, currentWorkspaceId, action, workspaceId, title, workspaceFilters, searchQuery;
+      var payload, currentWorkspaceId, action, workspaceId, title, is_shared, workspaceFilters, searchQuery;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             payload = _ref2.payload;
             listenerApi.cancelActiveListeners();
             currentWorkspaceId = (_listenerApi$getOrigi = listenerApi.getOriginalState().workspace) == null ? void 0 : _listenerApi$getOrigi.id;
-            action = payload.action, workspaceId = payload.workspaceId, title = payload.title;
-            listenerApi.dispatch(snackbarActions.openSnackbar(getSnackbarMessage$1(action, title)));
+            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({
@@ -5587,7 +5630,7 @@ workspaceListListener.startListening({
             workspaceFilters = getWorkspaceListFilters(listenerApi.getState());
             searchQuery = getWorkspaceListSearchQuery(listenerApi.getState());
             listenerApi.dispatch(workspaceListActions.fetchWorkspaceList(constructFilterParams(workspaceFilters, searchQuery)));
-          case 10:
+          case 11:
           case "end":
             return _context2.stop();
         }
@@ -5603,7 +5646,7 @@ workspaceListListener.startListening({
   actionCreator: workspaceListActions.submitFormWorkspaceActionDialogOptions,
   effect: function () {
     var _effect3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref3, listenerApi) {
-      var payload, workspaceApi, presetId, presetAction, data, emptyMapPresetTitle, emptyWorkspacePresetTitle, scope, _yield$workspaceApi$g2, originalData, workspaceDataNewTitle, isSaveWorkspaceAction, isSaveAsWorkspaceAction, hasWorkspaceAlreadyBeenSaved, workspaceId, viewPresetResults, hasError, workspaceData, newWorkspace, message, category;
+      var payload, workspaceApi, presetId, presetAction, data, emptyMapPresetTitle, emptyWorkspacePresetTitle, scope, _yield$workspaceApi$g2, originalData, workspaceDataNewTitle, isSaveWorkspaceAction, isSaveAsWorkspaceAction, hasWorkspaceAlreadyBeenSaved, workspaceId, viewPresetResults, hasError, _hasError$message, errorMessage, workspaceData, newWorkspace, message, category;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
@@ -5645,7 +5688,7 @@ workspaceListListener.startListening({
             isSaveWorkspaceAction = presetAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET || presetAction === WorkspacePresetAction.SAVE;
             isSaveAsWorkspaceAction = presetAction === WorkspacePresetAction.SAVE_SYSTEM_PRESET_AS || presetAction === WorkspacePresetAction.SAVE_AS;
             if (!(isSaveWorkspaceAction || isSaveAsWorkspaceAction)) {
-              _context4.next = 43;
+              _context4.next = 44;
               break;
             }
             hasWorkspaceAlreadyBeenSaved = getWorkspaceDialogIsSaved(listenerApi.getState());
@@ -5730,15 +5773,20 @@ workspaceListListener.startListening({
               return view.message;
             });
             if (!hasError) {
-              _context4.next = 37;
+              _context4.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: undefined
+              error: {
+                type: WorkspaceListErrorType.VERBATIM_ERROR,
+                message: errorMessage,
+                category: WorkspaceListErrorCategory.GENERIC
+              }
             }));
             return _context4.abrupt("return");
-          case 37:
+          case 38:
             workspaceData = getWorkspaceData(listenerApi.getState());
             newWorkspace = Object.assign({}, workspaceData, {
               id: workspaceId,
@@ -5746,9 +5794,9 @@ workspaceListListener.startListening({
               "abstract": data["abstract"],
               scope: scope
             });
-            _context4.next = 41;
+            _context4.next = 42;
             return workspaceApi.saveWorkspacePreset(workspaceId, newWorkspace);
-          case 41:
+          case 42:
             listenerApi.dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
               action: presetAction,
               workspaceId: workspaceId,
@@ -5759,7 +5807,7 @@ workspaceListListener.startListening({
             listenerApi.dispatch(routerActions.navigateToUrl({
               url: getWorkspaceRouteUrl(workspaceId)
             }));
-          case 43:
+          case 44:
             // Reset
             if (presetAction === WorkspacePresetAction.RESET) {
               // In case we're resetting the `New workspace` preset
@@ -5782,10 +5830,10 @@ workspaceListListener.startListening({
                 scope: scope
               }));
             }
-            _context4.next = 51;
+            _context4.next = 52;
             break;
-          case 46:
-            _context4.prev = 46;
+          case 47:
+            _context4.prev = 47;
             _context4.t0 = _context4["catch"](3);
             message = isAxiosError$1(_context4.t0) ? getAxiosErrorMessage(_context4.t0) : _context4.t0.message;
             category = isAxiosAuthError(_context4.t0) ? WorkspaceListErrorCategory.AUTH : WorkspaceListErrorCategory.GENERIC;
@@ -5796,11 +5844,11 @@ workspaceListListener.startListening({
                 message: message
               }
             }));
-          case 51:
+          case 52:
           case "end":
             return _context4.stop();
         }
-      }, _callee4, null, [[3, 46]]);
+      }, _callee4, null, [[3, 47]]);
     }));
     function effect(_x5, _x6) {
       return _effect3.apply(this, arguments);
@@ -5914,20 +5962,25 @@ var getFilteredViewPresetListForView = createSelector(getViewPresetsList, getVie
  * */
 var WORKSPACE_NAMESPACE = 'workspace';
 var initWorkspaceTestI18n = function initWorkspaceTestI18n() {
-  var _en, _fi, _no, _nl;
-  void i18n.use(initReactI18next).init({
-    lng: 'en',
+  safelyInitI18nForTestsAndStories(i18n, WORKSPACE_NAMESPACE, [{
     ns: WORKSPACE_NAMESPACE,
-    interpolation: {
-      escapeValue: false
-    },
-    resources: {
-      en: (_en = {}, _en[WORKSPACE_NAMESPACE] = workspaceTranslations.en, _en[SHARED_NAMESPACE] = sharedTranslations.en, _en[CORE_NAMESPACE] = coreTranslations.en, _en[WEBMAP_REACT_NAMESPACE] = webmapReactTranslations.en, _en[FORM_FIELDS_NAMESPACE] = formFieldsTranslations.en, _en[WARN_NAMESPACE] = warningsTranslations.en, _en),
-      fi: (_fi = {}, _fi[WORKSPACE_NAMESPACE] = workspaceTranslations.fi, _fi[SHARED_NAMESPACE] = sharedTranslations.fi, _fi[CORE_NAMESPACE] = coreTranslations.fi, _fi[WEBMAP_REACT_NAMESPACE] = webmapReactTranslations.fi, _fi[FORM_FIELDS_NAMESPACE] = formFieldsTranslations.fi, _fi[WARN_NAMESPACE] = warningsTranslations.fi, _fi),
-      no: (_no = {}, _no[WORKSPACE_NAMESPACE] = workspaceTranslations.no, _no[SHARED_NAMESPACE] = sharedTranslations.no, _no[CORE_NAMESPACE] = coreTranslations.no, _no[WEBMAP_REACT_NAMESPACE] = webmapReactTranslations.no, _no[FORM_FIELDS_NAMESPACE] = formFieldsTranslations.no, _no[WARN_NAMESPACE] = warningsTranslations.no, _no),
-      nl: (_nl = {}, _nl[WORKSPACE_NAMESPACE] = workspaceTranslations.nl, _nl[SHARED_NAMESPACE] = sharedTranslations.nl, _nl[CORE_NAMESPACE] = coreTranslations.nl, _nl[WEBMAP_REACT_NAMESPACE] = webmapReactTranslations.nl, _nl[FORM_FIELDS_NAMESPACE] = formFieldsTranslations.nl, _nl[WARN_NAMESPACE] = warningsTranslations.nl, _nl)
-    }
-  });
+    translations: workspaceTranslations
+  }, {
+    ns: SHARED_NAMESPACE,
+    translations: sharedTranslations
+  }, {
+    ns: CORE_NAMESPACE,
+    translations: coreTranslations
+  }, {
+    ns: WEBMAP_REACT_NAMESPACE,
+    translations: webmapReactTranslations
+  }, {
+    ns: FORM_FIELDS_NAMESPACE,
+    translations: formFieldsTranslations
+  }, {
+    ns: WARN_NAMESPACE,
+    translations: warningsTranslations
+  }]);
 };
 var ns = [WORKSPACE_NAMESPACE, SHARED_NAMESPACE];
 var useWorkspaceTranslation = function useWorkspaceTranslation() {
@@ -6108,290 +6161,111 @@ var ComponentsLookUpWrapper = function ComponentsLookUpWrapper(_ref) {
   }, props));
 };
 
-var LinkMenuConnect = function LinkMenuConnect(_ref) {
-  var panelId = _ref.panelId;
+/* *
+ * 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 useFetchViewPresets = function useFetchViewPresets(panelId) {
   var dispatch = useDispatch();
-  var _useWorkspaceTranslat = useWorkspaceTranslation(),
-    t = _useWorkspaceTranslat.t;
-  var _React$useState = React__default.useState(null),
-    anchorEl = _React$useState[0],
-    setAnchorEl = _React$useState[1];
-  var maps = useSelector(function (store) {
-    return mapSelectors.getAllMapIds(store);
-  });
-  var viewsById = useSelector(getViewsById);
-  var selectedMapIds = useSelector(function (store) {
-    return genericSelectors.getLinkedMaps(store, panelId);
+  var _useAuthenticationCon = useAuthenticationContext(),
+    currentRole = _useAuthenticationCon.currentRole;
+  var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
+  var lastAdmin = usePrevious(isAdmin);
+  var viewPresetListFilters = useSelector(function (store) {
+    return getViewPresetListFiltersForView(store, panelId);
   });
-  var viewComponentType = useSelector(function (store) {
-    return getViewComponentType(store, panelId);
+  var viewPresetListSearchQuery = useSelector(function (store) {
+    return getViewPresetListSearchQueryForView(store, panelId);
   });
-  var handleLinkViews = function handleLinkViews(event) {
-    setAnchorEl(event.currentTarget);
-  };
-  var handleMenuClose = function handleMenuClose() {
-    setAnchorEl(null);
-  };
-  var handleMapSelect = function handleMapSelect(mapId) {
-    var updatedMapIds = selectedMapIds.includes(mapId) ? selectedMapIds.filter(function (id) {
-      return id !== mapId;
-    }) : [].concat(selectedMapIds, [mapId]);
-    dispatch(genericActions.updateLinkedMap({
-      panelId: panelId,
-      mapIds: updatedMapIds
-    }));
-  };
+  var prevSearch = usePrevious(viewPresetListSearchQuery);
+  var fetchViewPresets = useCallback(function (params) {
+    dispatch(viewPresetActions.fetchViewPresets(params));
+  }, [dispatch]);
+  useEffect(function () {
+    if (viewPresetListSearchQuery !== prevSearch || isAdmin !== lastAdmin || !!viewPresetListFilters) {
+      var filterParams = constructFilterParams(viewPresetListFilters, viewPresetListSearchQuery);
+      fetchViewPresets({
+        filterParams: filterParams,
+        panelId: panelId
+      });
+    }
+  }, [fetchViewPresets, panelId, prevSearch, viewPresetListSearchQuery, viewPresetListFilters, isAdmin, lastAdmin]);
+  useEffect(function () {
+    if (isAdmin !== lastAdmin && lastAdmin !== undefined) {
+      // reset list filter when user changes role
+      var filters = [{
+        id: PresetFilterType.system,
+        isSelected: true
+      }, {
+        id: PresetFilterType.personal,
+        isSelected: !isAdmin
+      }, {
+        id: PresetFilterType.shared,
+        isSelected: !isAdmin
+      }];
+      dispatch(viewPresetActions.setFilterChips({
+        panelId: panelId,
+        filters: filters
+      }));
+    }
+  }, [dispatch, isAdmin, lastAdmin, panelId]);
+};
+
+var ViewLoading = function ViewLoading(_ref) {
+  var viewPresetId = _ref.viewPresetId;
+  var _useWorkspaceTranslat = useWorkspaceTranslation(),
+    t = _useWorkspaceTranslat.t;
   return jsxs(Fragment, {
-    children: [linkComponentTypesConstants.supportedComponentTypesForLinking.includes(viewComponentType) && jsx(CustomIconButton, {
-      onClick: handleLinkViews,
-      "data-testid": "icon-button",
-      tooltipTitle: "Link " + viewComponentType,
+    children: [jsx(LinearProgress, {
+      "data-testid": "loading-bar",
+      color: "secondary",
       sx: {
-        marginLeft: 0.5,
-        marginRight: 0.5
+        position: 'absolute',
+        width: '100%',
+        top: 0
+      }
+    }), jsxs(Typography, {
+      sx: {
+        margin: 1
       },
-      children: selectedMapIds.length > 0 ? jsx(Link, {
-        "data-testid": "link-icon",
-        style: {
-          fill: anchorEl ? 'white' : undefined,
-          backgroundColor: anchorEl ? '#186DFF' : undefined
-        }
-      }) : jsx(LinkOff, {
-        "data-testid": "link-off-icon",
-        style: {
-          fill: anchorEl ? 'white' : undefined,
-          backgroundColor: anchorEl ? '#186DFF' : undefined
-        }
-      })
-    }), jsxs(Menu, {
-      id: "map-select-menu",
-      "data-testid": "map-select-menu",
-      anchorEl: anchorEl,
-      open: Boolean(anchorEl),
-      onClose: handleMenuClose,
-      keepMounted: true,
-      children: [jsxs(Typography, {
-        variant: "h6",
-        style: {
-          padding: '10px 15px 0',
-          fontWeight: 'bold'
-        },
-        children: [t('workspace-link'), " - ", t('workspace-link-location-header')]
-      }), jsx(List, {
-        dense: true,
-        children: maps.map(function (mapId) {
-          var _viewsById$mapId;
-          var labelId = "checkbox-link-label-" + mapId;
-          return jsx(ListItem, {
-            onClick: function onClick() {
-              return handleMapSelect(mapId);
-            },
-            disablePadding: true,
-            dense: true,
-            divider: true,
-            children: jsxs(ListItemButton, {
-              role: "checkbox",
-              dense: true,
-              sx: {
-                margin: 0,
-                padding: '0 16px'
-              },
-              children: [jsx(ListItemIcon, {
-                children: jsx(Checkbox, {
-                  edge: "start",
-                  tabIndex: -1,
-                  checked: selectedMapIds.includes(mapId),
-                  disableRipple: true,
-                  inputProps: {
-                    'aria-labelledby': labelId
-                  }
-                })
-              }), jsx(ListItemText, {
-                id: labelId,
-                primary: (_viewsById$mapId = viewsById[mapId]) == null ? void 0 : _viewsById$mapId.title,
-                secondary: mapId
-              })]
-            })
-          }, mapId);
-        })
-      })]
+      children: [t('workspace-loading'), " ", viewPresetId]
     })]
   });
 };
-
-var buttonStyle = {
-  marginLeft: 0.5,
-  marginRight: 0.5
-};
-var WorkspaceControls = function WorkspaceControls(_ref) {
-  var panelId = _ref.panelId,
-    createNode = _ref.createNode,
-    path = _ref.path,
-    _ref$shouldPreventClo = _ref.shouldPreventCloseView,
-    shouldPreventCloseView = _ref$shouldPreventClo === void 0 ? false : _ref$shouldPreventClo;
-  var confirmDialog = useConfirmationDialog();
-  var _React$useContext = React.useContext(MosaicContext),
-    actions = _React$useContext.mosaicActions;
-  var _useWorkspaceTranslat = useWorkspaceTranslation(),
-    t = _useWorkspaceTranslat.t;
-  var mosaicNode = useSelector(function (store) {
-    return getMosaicNode(store);
-  });
-  var _React$useState = React.useState(),
-    stateAfterExpand = _React$useState[0],
-    setStateAfterExpand = _React$useState[1];
-  var _React$useState2 = React.useState(mosaicNode),
-    stateBeforeExpand = _React$useState2[0],
-    setStateBeforeExpand = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    enableUnexpand = _React$useState3[0],
-    setEnableUnexpand = _React$useState3[1];
-  React.useEffect(function () {
-    if (enableUnexpand) {
-      if (stateAfterExpand === undefined) {
-        setStateAfterExpand(mosaicNode);
-        return;
-      }
-      if (!isEqual(mosaicNode, stateAfterExpand)) {
-        setEnableUnexpand(false);
-        setStateAfterExpand(undefined);
-      }
-    }
-  }, [enableUnexpand, mosaicNode, stateAfterExpand]);
-  var onClose = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!shouldPreventCloseView) {
-              _context.next = 6;
-              break;
-            }
-            _context.next = 3;
-            return confirmDialog({
-              title: t('workspace-control-close-message-title'),
-              description: t('workspace-control-close-message-description'),
-              confirmLabel: t('workspace-control-close')
-            });
-          case 3:
-            actions.remove(path);
-            _context.next = 7;
-            break;
-          case 6:
-            actions.remove(path);
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onClose() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  return jsxs(Fragment, {
-    children: [jsx(LinkMenuConnect, {
-      panelId: panelId
-    }), jsx(CustomIconButton, {
-      "data-testid": "split-horizontal-btn",
-      sx: buttonStyle,
-      onClick: function onClick() {
-        var newNode = createNode();
-        var previousNode = getAndAssertNodeAtPathExists(actions.getRoot(), path);
-        actions.replaceWith(path, {
-          direction: 'column',
-          first: previousNode,
-          second: newNode
-        });
-      },
-      tooltipTitle: t('workspace-control-split-horizontal'),
-      children: jsx(SplitVertical, {})
-    }), jsx(CustomIconButton, {
-      "data-testid": "split-vertical-btn",
-      sx: buttonStyle,
-      onClick: function onClick() {
-        var newNode = createNode();
-        var previousNode = getAndAssertNodeAtPathExists(actions.getRoot(), path);
-        actions.replaceWith(path, {
-          direction: 'row',
-          first: previousNode,
-          second: newNode
-        });
-      },
-      tooltipTitle: t('workspace-control-split-vertical'),
-      children: jsx(SplitHorizontal, {})
-    }), !enableUnexpand || isString(mosaicNode) ? jsx(CustomIconButton, {
-      "data-testid": "expand-btn",
-      sx: buttonStyle,
-      onClick: function onClick() {
-        setStateBeforeExpand(mosaicNode);
-        setEnableUnexpand(true);
-        actions.expand(path, 70);
-      },
-      tooltipTitle: t('workspace-control-expand'),
-      children: jsx(Expand, {})
-    }) : jsx(CustomIconButton, {
-      "data-testid": "unexpand-btn",
-      sx: buttonStyle,
-      onClick: function onClick() {
-        var stateBeforeExpandCopy = isString(stateBeforeExpand) ? stateBeforeExpand : Object.assign({}, stateBeforeExpand);
-        actions.replaceWith([], stateBeforeExpandCopy);
-      },
-      tooltipTitle: t('workspace-control-unexpand'),
-      children: jsx(UnExpand, {})
-    }), jsx(CustomIconButton, {
-      "data-testid": "close-btn",
-      sx: buttonStyle,
-      onClick: onClose,
-      tooltipTitle: t('workspace-control-close'),
-      id: "close-window-button",
-      children: jsx(Close, {})
-    })]
-  });
-};
-
-var ViewLoading = function ViewLoading(_ref) {
-  var viewPresetId = _ref.viewPresetId;
-  var _useWorkspaceTranslat = useWorkspaceTranslation(),
-    t = _useWorkspaceTranslat.t;
-  return jsxs(Fragment, {
-    children: [jsx(LinearProgress, {
-      "data-testid": "loading-bar",
-      color: "secondary",
-      sx: {
-        position: 'absolute',
-        width: '100%',
-        top: 0
-      }
-    }), jsxs(Typography, {
-      sx: {
-        margin: 1
-      },
-      children: [t('workspace-loading'), " ", viewPresetId]
-    })]
-  });
-};
-var ViewError = function ViewError(_ref2) {
-  var viewPresetId = _ref2.viewPresetId,
-    mosaicNodeId = _ref2.mosaicNodeId;
-  var dispatch = useDispatch();
-  var _useWorkspaceTranslat2 = useWorkspaceTranslation(),
-    t = _useWorkspaceTranslat2.t;
-  var fetchWorkspaceViewPreset = React.useCallback(function () {
-    dispatch(workspaceActions.fetchWorkspaceViewPreset({
-      viewPresetId: viewPresetId,
-      mosaicNodeId: mosaicNodeId
-    }));
-  }, [dispatch, viewPresetId, mosaicNodeId]);
-  return jsx(AlertBanner, {
-    title: t('workspace-viewpresets-fail-fetch', {
-      VIEWPRESET_ID: viewPresetId
-    }),
-    shouldClose: true,
-    actionButtonProps: {
-      title: t('workspace-retry'),
-      onClick: fetchWorkspaceViewPreset
-    }
+var ViewError = function ViewError(_ref2) {
+  var viewPresetId = _ref2.viewPresetId,
+    mosaicNodeId = _ref2.mosaicNodeId;
+  var dispatch = useDispatch();
+  var _useWorkspaceTranslat2 = useWorkspaceTranslation(),
+    t = _useWorkspaceTranslat2.t;
+  var fetchWorkspaceViewPreset = React.useCallback(function () {
+    dispatch(workspaceActions.fetchWorkspaceViewPreset({
+      viewPresetId: viewPresetId,
+      mosaicNodeId: mosaicNodeId
+    }));
+  }, [dispatch, viewPresetId, mosaicNodeId]);
+  return jsx(AlertBanner, {
+    title: t('workspace-viewpresets-fail-fetch', {
+      VIEWPRESET_ID: viewPresetId
+    }),
+    shouldClose: true,
+    actionButtonProps: {
+      title: t('workspace-retry'),
+      onClick: fetchWorkspaceViewPreset
+    }
   });
 };
 var defaultComponentsLookUp = function defaultComponentsLookUp(_ref3) {
@@ -6426,45 +6300,23 @@ var defaultComponentsLookUp = function defaultComponentsLookUp(_ref3) {
  * 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)
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var getUniqueId = function getUniqueId(existingIds, count) {
-  if (count === void 0) {
-    count = 1;
-  }
-  var newId = count + "_screen";
-  if (existingIds.indexOf(newId) !== -1) {
-    return getUniqueId(existingIds, count + 1);
-  }
-  return newId;
-};
-var createBalancedMosaicNode = function createBalancedMosaicNode(currentNode) {
-  var leaves = getLeaves(currentNode);
-  return createBalancedTreeFromLeaves(leaves);
+var config$1 = getConfig();
+var presetBaseUrl$1 = (config$1 == null ? void 0 : config$1.GW_PRESET_BACKEND_URL) || '';
+var getViewPreset = function getViewPreset(viewpresetId, auth) {
+  return fetch(presetBaseUrl$1 + "/viewpreset/" + viewpresetId, {
+    headers: getHeaders(auth)
+  }).then(handleResponse);
 };
-var closeTimeSeriesDialogsWhenChangingPreset = function closeTimeSeriesDialogsWhenChangingPreset(componentTypes, dispatch) {
-  if (componentTypes) {
-    if (componentTypes.length > 0 && !componentTypes.some(function (componentType) {
-      return componentType.toLowerCase().includes('viewloading');
-    }) && !componentTypes.some(function (componentType) {
-      return componentType.toLowerCase().includes('timeseries');
-    })) {
-      dispatch(uiActions.setToggleOpenDialog({
-        setOpen: false,
-        type: uiTypes.DialogTypes.TimeSeriesManager
-      }));
-      dispatch(uiActions.setToggleOpenDialog({
-        setOpen: false,
-        type: uiTypes.DialogTypes.TimeSeriesSelect
-      }));
-      dispatch(uiActions.setToggleOpenDialog({
-        setOpen: false,
-        type: uiTypes.DialogTypes.TimeseriesInfo
-      }));
-    }
-  }
+var updateViewPreset = function updateViewPreset(viewpresetId, data, auth) {
+  return fetch(presetBaseUrl$1 + "/viewpreset/" + viewpresetId, {
+    headers: getHeaders(auth),
+    method: 'PUT',
+    body: JSON.stringify(data)
+  }).then(handleResponse);
 };
 
 var WORKSPACE_SELECT_LIST_ROW_HEIGHT = 46;
@@ -6528,19 +6380,25 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
       return _onClick(WorkspacePresetAction.DUPLICATE);
     }
   }];
-  (workspacePreset.scope === PresetScope.user || isAdmin) && menuItems.push({
-    text: t('workspace-edit'),
-    action: function action() {
-      return _onClick(WorkspacePresetAction.EDIT);
-    }
-  });
-  workspacePreset.scope === PresetScope.user && (auth == null ? void 0 : auth.username) === workspacePreset.username && menuItems.push({
-    text: workspacePreset.is_shared ? t('workspace-stop-share') : t('workspace-share'),
-    action: function action() {
-      return _onClick(WorkspacePresetAction.SHARE);
-    },
-    isDisabled: false
-  });
+  // Show "Edit" if it's your own user-scoped preset OR you're an admin
+  if (workspacePreset.scope === SystemScope.user && (auth == null ? void 0 : auth.username) === workspacePreset.username || isAdmin) {
+    menuItems.push({
+      text: t('workspace-edit'),
+      action: function action() {
+        return _onClick(WorkspacePresetAction.EDIT);
+      }
+    });
+  }
+  // Show "Share/Unshare" only if it's your own user-scoped preset
+  if (workspacePreset.scope === SystemScope.user && (auth == null ? void 0 : auth.username) === workspacePreset.username) {
+    menuItems.push({
+      text: workspacePreset.is_shared ? t('workspace-stop-share') : t('workspace-share'),
+      action: function action() {
+        return _onClick(WorkspacePresetAction.SHARE);
+      },
+      isDisabled: false
+    });
+  }
   return jsx(ListItem, {
     disablePadding: true,
     sx: {
@@ -6606,7 +6464,7 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
             menuItems: menuItems,
             menuTitle: t('workspace-options'),
             isDefaultOpen: isOptionsMenuOpen
-          }), (workspacePreset.scope === 'user' || isAdmin) && workspacePreset.id && jsx(CustomIconButton, {
+          }), (workspacePreset.scope === SystemScope.user && (auth == null ? void 0 : auth.username) === workspacePreset.username || isAdmin) && workspacePreset.id && jsx(CustomIconButton, {
             tooltipTitle: t('workspace-delete-tooltip'),
             onClick: function onClick(event) {
               event.stopPropagation();
@@ -6651,7 +6509,7 @@ var WorkspaceSelectList = function WorkspaceSelectList(_ref) {
   return jsxs(Box, {
     "data-testid": testIdPrefix + "-selectList",
     sx: {
-      height: "calc(100% - " + DEFAULT_FILTER_HEIGHT + "px)",
+      height: '100%',
       minHeight: MIN_HEIGHT_SCROLLABLE_LIST,
       overflow: 'hidden'
     },
@@ -6708,12 +6566,23 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   var dispatch = useDispatch();
   var _useAuthenticationCon = useAuthenticationContext(),
     currentRole = _useAuthenticationCon.currentRole,
-    isLoggedIn = _useAuthenticationCon.isLoggedIn;
+    isLoggedIn = _useAuthenticationCon.isLoggedIn,
+    auth = _useAuthenticationCon.auth;
+  var username = (auth == null ? void 0 : auth.username) || '';
   var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
   var scope = !isAdmin ? 'user' : 'system';
   var viewPresets = useSelector(function (store) {
     return getFilteredViewPresetListForView(store, panelId);
   });
+  var viewPresetListFilters = useSelector(function (store) {
+    return getViewPresetListFiltersForView(store, panelId, scope);
+  });
+  var viewPresetListSearchQuery = useSelector(function (store) {
+    return getViewPresetListSearchQueryForView(store, panelId);
+  });
+  var filteredPresets = React.useMemo(function () {
+    return filterAndSortPresets(viewPresets, viewPresetListFilters, username);
+  }, [viewPresets, viewPresetListFilters, username]);
   var activeViewPresetId = useSelector(function (store) {
     return getViewPresetActiveId(store, panelId);
   });
@@ -6729,12 +6598,6 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
   var currentWarningsPreset = useSelector(function (store) {
     return publicWarningsSelectors.getWarningsPresetById(store, panelId);
   });
-  var viewPresetListFilters = useSelector(function (store) {
-    return getViewPresetListFiltersForView(store, panelId, scope);
-  });
-  var viewPresetListSearchQuery = useSelector(function (store) {
-    return getViewPresetListSearchQueryForView(store, panelId);
-  });
   var relatedSyncGroupIds = useSelector(function (store) {
     return syncGroupsSelectors.getAllTargetGroupsForSource(store, {
       sourceId: panelId
@@ -6811,6 +6674,26 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
           });
           break;
         }
+      case WorkspacePresetAction.SHARE:
+        {
+          void getViewPreset(presetId, auth).then(function (preset) {
+            return void updateViewPreset(presetId, Object.assign({}, preset, {
+              is_shared: !preset.is_shared
+            }), auth).then(function () {
+              dispatch(viewPresetActions.onSuccessViewPresetAction({
+                panelId: panelId,
+                viewPresetId: presetId,
+                action: PresetAction.SHARE,
+                title: preset.title,
+                scope: scope,
+                "abstract": preset["abstract"],
+                is_shared: preset.is_shared
+              }));
+              fetchViewPresets();
+            });
+          });
+          break;
+        }
       case WorkspacePresetAction.DELETE_SYSTEM_PRESET:
       case WorkspacePresetAction.DELETE:
         {
@@ -6845,13 +6728,13 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
       panelId: panelId
     }));
   }, [dispatch, panelId]);
-  var onClickFilterChip = function onClickFilterChip(id, shouldSelect) {
+  var onClickFilterChip = function onClickFilterChip(id, selected) {
     if (id === 'all') {
-      if (shouldSelect) {
+      if (selected) {
         setSelectAllFilterChip();
       }
     } else {
-      toggleSelectFilterChip(id, shouldSelect);
+      toggleSelectFilterChip(id, selected);
     }
   };
   var isAllSelectedForFilters = viewPresetListFilters.every(function (filter) {
@@ -6882,28 +6765,66 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
       }
     })), jsxs(Box, {
       sx: {
+        display: 'flex',
+        flexDirection: 'column',
+        flexGrow: 1,
+        minHeight: 0,
         padding: 1,
         height: '100%'
       },
-      children: [!error && jsx(Filter, {
-        filters: viewPresetListFilters,
-        onClickFilterChip: onClickFilterChip,
-        isAllSelected: isAllSelectedForFilters,
-        searchQuery: viewPresetListSearchQuery,
-        onSearch: onSearchFilter
-      }), jsx(WorkspaceSelectList, {
-        workspacePresets: viewPresets,
-        currentSelectedId: activeViewPresetId || undefined,
-        onClickWorkspacePreset: selectViewPreset,
-        onClickWorkspacePresetOption: onClickViewPresetOption,
-        newPreset: Object.assign({}, getEmptyWorkspaceListItem(t), {
-          title: t('workspace-mappreset-new')
-        }),
-        hideNewWorkspace: shouldHideNewWorkspace,
-        searchQuery: viewPresetListSearchQuery,
-        testIdPrefix: "viewpreset",
-        isAdmin: isAdmin,
-        isEditable: isLoggedIn
+      children: [!error && jsxs(Box, {
+        sx: {
+          flexShrink: 0,
+          display: 'flex',
+          flexDirection: 'column',
+          gap: 1,
+          marginBottom: 1
+        },
+        children: [jsx(Box, {
+          sx: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            gap: 1,
+            width: '100%'
+          },
+          children: jsx(Filter, {
+            filters: viewPresetListFilters,
+            onClickFilterChip: onClickFilterChip,
+            isAllSelected: isAllSelectedForFilters,
+            searchQuery: viewPresetListSearchQuery,
+            onSearch: onSearchFilter
+          })
+        }), jsx(Box, {
+          sx: {
+            display: 'flex',
+            justifyContent: 'flex-start'
+          },
+          children: jsx(LastUpdateTime, {
+            onPressRefresh: function onPressRefresh() {
+              return fetchViewPresets();
+            },
+            hideLabel: true
+          })
+        })]
+      }), jsx(Box, {
+        sx: {
+          flexGrow: 1,
+          minHeight: 0
+        },
+        children: jsx(WorkspaceSelectList, {
+          workspacePresets: filteredPresets,
+          currentSelectedId: activeViewPresetId || undefined,
+          onClickWorkspacePreset: selectViewPreset,
+          onClickWorkspacePresetOption: onClickViewPresetOption,
+          newPreset: Object.assign({}, getEmptyWorkspaceListItem(t), {
+            title: t('workspace-mappreset-new')
+          }),
+          hideNewWorkspace: shouldHideNewWorkspace,
+          searchQuery: viewPresetListSearchQuery,
+          testIdPrefix: "viewpreset",
+          isAdmin: isAdmin,
+          isEditable: isLoggedIn
+        })
       })]
     })]
   });
@@ -7246,118 +7167,372 @@ var WorkspaceViewTitleConnectNoMemo = function WorkspaceViewTitleConnectNoMemo(_
         initialProps: constructInitialProps(),
         "abstract": presetAbstract
       }
-    });
-  }, [activeViewPresetId, constructInitialProps, openViewPresetsDialog, panelId, t, title, presetAbstract]);
-  var onReset = React.useCallback(function () {
-    openViewPresetsDialog({
-      title: t('workspace-reset-title'),
-      action: PresetAction.RESET,
-      viewPresetId: activeViewPresetId,
-      panelId: panelId,
-      formValues: {
-        title: title
+    });
+  }, [activeViewPresetId, constructInitialProps, openViewPresetsDialog, panelId, t, title, presetAbstract]);
+  var onReset = React.useCallback(function () {
+    openViewPresetsDialog({
+      title: t('workspace-reset-title'),
+      action: PresetAction.RESET,
+      viewPresetId: activeViewPresetId,
+      panelId: panelId,
+      formValues: {
+        title: title
+      }
+    });
+  }, [activeViewPresetId, openViewPresetsDialog, panelId, t, title]);
+  var toggleViewPresetDialog = React.useCallback(function (_ref3) {
+    var panelId = _ref3.panelId,
+      isViewPresetDialogOpen = _ref3.isViewPresetDialogOpen;
+    dispatch(viewPresetActions.toggleViewPresetListDialog({
+      panelId: panelId,
+      isViewPresetListDialogOpen: isViewPresetDialogOpen
+    }));
+  }, [dispatch]);
+  var onClickOpenViewPreset = React.useCallback(function () {
+    toggleViewPresetDialog({
+      panelId: panelId,
+      isViewPresetDialogOpen: !isViewPresetDialogOpen
+    });
+  }, [isViewPresetDialogOpen, panelId, toggleViewPresetDialog]);
+  var style = React.useMemo(function () {
+    return customIconStyles(theme, isViewPresetDialogOpen);
+  }, [isViewPresetDialogOpen, theme]);
+  var presetIcon = React.useMemo(function () {
+    return jsx(Preset, {});
+  }, []);
+  renderCounter.count(WorkspaceViewTitleConnectNoMemo.name);
+  var currentViewScope = viewScope || 'system';
+  var isEnabled = (currentViewScope === 'user' || isAdmin && currentViewScope === 'system') && activeViewPresetId !== '' && isLoggedIn;
+  return jsxs(Fragment, {
+    children: [jsx(CustomIconButton, {
+      "data-testid": "open-viewpresets",
+      sx: style,
+      variant: "tool",
+      onClick: onClickOpenViewPreset,
+      tooltipTitle: t('workspace-viewpreset-menu'),
+      isSelected: isViewPresetDialogOpen,
+      children: presetIcon
+    }), jsx(WorkspaceOptions, {
+      panelId: panelId,
+      title: fullTitle,
+      hasChanges: hasViewPresetChanges || isNewActive,
+      handleSave: isEnabled ? onSave : undefined,
+      handleDelete: isEnabled ? onDelete : undefined,
+      handleSaveAs: isLoggedIn ? onSaveAs : undefined,
+      handleEdit: isEnabled ? onEdit : undefined,
+      handleReset: onReset,
+      id: viewPresetOptionId,
+      isAdmin: isAdmin
+    }), jsx(LoadingIndicatorConnect, {
+      panelId: panelId
+    })]
+  });
+};
+var WorkspaceViewTitleConnect = /*#__PURE__*/React.memo(WorkspaceViewTitleConnectNoMemo);
+
+/* *
+ * 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 getUniqueId = function getUniqueId(existingIds, count) {
+  if (count === void 0) {
+    count = 1;
+  }
+  var newId = count + "_screen";
+  if (existingIds.indexOf(newId) !== -1) {
+    return getUniqueId(existingIds, count + 1);
+  }
+  return newId;
+};
+var createBalancedMosaicNode = function createBalancedMosaicNode(currentNode) {
+  var leaves = getLeaves(currentNode);
+  return createBalancedTreeFromLeaves(leaves);
+};
+var closeTimeSeriesDialogsWhenChangingPreset = function closeTimeSeriesDialogsWhenChangingPreset(componentTypes, dispatch) {
+  if (componentTypes) {
+    if (componentTypes.length > 0 && !componentTypes.some(function (componentType) {
+      return componentType.toLowerCase().includes('viewloading');
+    }) && !componentTypes.some(function (componentType) {
+      return componentType.toLowerCase().includes('timeseries');
+    })) {
+      dispatch(uiActions.setToggleOpenDialog({
+        setOpen: false,
+        type: uiTypes.DialogTypes.TimeSeriesManager
+      }));
+      dispatch(uiActions.setToggleOpenDialog({
+        setOpen: false,
+        type: uiTypes.DialogTypes.TimeSeriesSelect
+      }));
+      dispatch(uiActions.setToggleOpenDialog({
+        setOpen: false,
+        type: uiTypes.DialogTypes.TimeseriesInfo
+      }));
+    }
+  }
+};
+
+var LinkMenuConnect = function LinkMenuConnect(_ref) {
+  var panelId = _ref.panelId;
+  var dispatch = useDispatch();
+  var _useWorkspaceTranslat = useWorkspaceTranslation(),
+    t = _useWorkspaceTranslat.t;
+  var _React$useState = React__default.useState(null),
+    anchorEl = _React$useState[0],
+    setAnchorEl = _React$useState[1];
+  var maps = useSelector(function (store) {
+    return mapSelectors.getAllMapIds(store);
+  });
+  var viewsById = useSelector(getViewsById);
+  var selectedMapIds = useSelector(function (store) {
+    return genericSelectors.getLinkedMaps(store, panelId);
+  });
+  var viewComponentType = useSelector(function (store) {
+    return getViewComponentType(store, panelId);
+  });
+  var handleLinkViews = function handleLinkViews(event) {
+    setAnchorEl(event.currentTarget);
+  };
+  var handleMenuClose = function handleMenuClose() {
+    setAnchorEl(null);
+  };
+  var handleMapSelect = function handleMapSelect(mapId) {
+    var updatedMapIds = selectedMapIds.includes(mapId) ? selectedMapIds.filter(function (id) {
+      return id !== mapId;
+    }) : [].concat(selectedMapIds, [mapId]);
+    dispatch(genericActions.updateLinkedMap({
+      panelId: panelId,
+      mapIds: updatedMapIds
+    }));
+  };
+  return jsxs(Fragment, {
+    children: [linkComponentTypesConstants.supportedComponentTypesForLinking.includes(viewComponentType) && jsx(CustomIconButton, {
+      onClick: handleLinkViews,
+      "data-testid": "icon-button",
+      tooltipTitle: "Link " + viewComponentType,
+      sx: {
+        marginLeft: 0.5,
+        marginRight: 0.5
+      },
+      children: selectedMapIds.length > 0 ? jsx(Link, {
+        "data-testid": "link-icon",
+        style: {
+          fill: anchorEl ? 'white' : undefined,
+          backgroundColor: anchorEl ? '#186DFF' : undefined
+        }
+      }) : jsx(LinkOff, {
+        "data-testid": "link-off-icon",
+        style: {
+          fill: anchorEl ? 'white' : undefined,
+          backgroundColor: anchorEl ? '#186DFF' : undefined
+        }
+      })
+    }), jsxs(Menu, {
+      id: "map-select-menu",
+      "data-testid": "map-select-menu",
+      anchorEl: anchorEl,
+      open: Boolean(anchorEl),
+      onClose: handleMenuClose,
+      keepMounted: true,
+      children: [jsxs(Typography, {
+        variant: "h6",
+        style: {
+          padding: '10px 15px 0',
+          fontWeight: 'bold'
+        },
+        children: [t('workspace-link'), " - ", t('workspace-link-location-header')]
+      }), jsx(List, {
+        dense: true,
+        children: maps.map(function (mapId) {
+          var _viewsById$mapId;
+          var labelId = "checkbox-link-label-" + mapId;
+          return jsx(ListItem, {
+            onClick: function onClick() {
+              return handleMapSelect(mapId);
+            },
+            disablePadding: true,
+            dense: true,
+            divider: true,
+            children: jsxs(ListItemButton, {
+              role: "checkbox",
+              dense: true,
+              sx: {
+                margin: 0,
+                padding: '0 16px'
+              },
+              children: [jsx(ListItemIcon, {
+                children: jsx(Checkbox, {
+                  edge: "start",
+                  tabIndex: -1,
+                  checked: selectedMapIds.includes(mapId),
+                  disableRipple: true,
+                  inputProps: {
+                    'aria-labelledby': labelId
+                  }
+                })
+              }), jsx(ListItemText, {
+                id: labelId,
+                primary: (_viewsById$mapId = viewsById[mapId]) == null ? void 0 : _viewsById$mapId.title,
+                secondary: mapId
+              })]
+            })
+          }, mapId);
+        })
+      })]
+    })]
+  });
+};
+
+var buttonStyle = {
+  marginLeft: 0.5,
+  marginRight: 0.5
+};
+var WorkspaceControls = function WorkspaceControls(_ref) {
+  var panelId = _ref.panelId,
+    createNode = _ref.createNode,
+    path = _ref.path,
+    _ref$shouldPreventClo = _ref.shouldPreventCloseView,
+    shouldPreventCloseView = _ref$shouldPreventClo === void 0 ? false : _ref$shouldPreventClo;
+  var confirmDialog = useConfirmationDialog();
+  var _React$useContext = React.useContext(MosaicContext),
+    actions = _React$useContext.mosaicActions;
+  var _useWorkspaceTranslat = useWorkspaceTranslation(),
+    t = _useWorkspaceTranslat.t;
+  var mosaicNode = useSelector(function (store) {
+    return getMosaicNode(store);
+  });
+  var _React$useState = React.useState(),
+    stateAfterExpand = _React$useState[0],
+    setStateAfterExpand = _React$useState[1];
+  var _React$useState2 = React.useState(mosaicNode),
+    stateBeforeExpand = _React$useState2[0],
+    setStateBeforeExpand = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    enableUnexpand = _React$useState3[0],
+    setEnableUnexpand = _React$useState3[1];
+  React.useEffect(function () {
+    if (enableUnexpand) {
+      if (stateAfterExpand === undefined) {
+        setStateAfterExpand(mosaicNode);
+        return;
+      }
+      if (!isEqual(mosaicNode, stateAfterExpand)) {
+        setEnableUnexpand(false);
+        setStateAfterExpand(undefined);
       }
-    });
-  }, [activeViewPresetId, openViewPresetsDialog, panelId, t, title]);
-  var toggleViewPresetDialog = React.useCallback(function (_ref3) {
-    var panelId = _ref3.panelId,
-      isViewPresetDialogOpen = _ref3.isViewPresetDialogOpen;
-    dispatch(viewPresetActions.toggleViewPresetListDialog({
-      panelId: panelId,
-      isViewPresetListDialogOpen: isViewPresetDialogOpen
+    }
+  }, [enableUnexpand, mosaicNode, stateAfterExpand]);
+  var onClose = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!shouldPreventCloseView) {
+              _context.next = 6;
+              break;
+            }
+            _context.next = 3;
+            return confirmDialog({
+              title: t('workspace-control-close-message-title'),
+              description: t('workspace-control-close-message-description'),
+              confirmLabel: t('workspace-control-close')
+            });
+          case 3:
+            actions.remove(path);
+            _context.next = 7;
+            break;
+          case 6:
+            actions.remove(path);
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
     }));
-  }, [dispatch]);
-  var onClickOpenViewPreset = React.useCallback(function () {
-    toggleViewPresetDialog({
-      panelId: panelId,
-      isViewPresetDialogOpen: !isViewPresetDialogOpen
-    });
-  }, [isViewPresetDialogOpen, panelId, toggleViewPresetDialog]);
-  var style = React.useMemo(function () {
-    return customIconStyles(theme, isViewPresetDialogOpen);
-  }, [isViewPresetDialogOpen, theme]);
-  var presetIcon = React.useMemo(function () {
-    return jsx(Preset, {});
-  }, []);
-  renderCounter.count(WorkspaceViewTitleConnectNoMemo.name);
-  var currentViewScope = viewScope || 'system';
-  var isEnabled = (currentViewScope === 'user' || isAdmin && currentViewScope === 'system') && activeViewPresetId !== '' && isLoggedIn;
+    return function onClose() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   return jsxs(Fragment, {
-    children: [jsx(CustomIconButton, {
-      "data-testid": "open-viewpresets",
-      sx: style,
-      variant: "tool",
-      onClick: onClickOpenViewPreset,
-      tooltipTitle: t('workspace-viewpreset-menu'),
-      isSelected: isViewPresetDialogOpen,
-      children: presetIcon
-    }), jsx(WorkspaceOptions, {
-      panelId: panelId,
-      title: fullTitle,
-      hasChanges: hasViewPresetChanges || isNewActive,
-      handleSave: isEnabled ? onSave : undefined,
-      handleDelete: isEnabled ? onDelete : undefined,
-      handleSaveAs: isLoggedIn ? onSaveAs : undefined,
-      handleEdit: isEnabled ? onEdit : undefined,
-      handleReset: onReset,
-      id: viewPresetOptionId,
-      isAdmin: isAdmin
-    }), jsx(LoadingIndicatorConnect, {
+    children: [jsx(LinkMenuConnect, {
       panelId: panelId
+    }), jsx(CustomIconButton, {
+      "data-testid": "split-horizontal-btn",
+      sx: buttonStyle,
+      onClick: function onClick() {
+        var newNode = createNode();
+        var previousNode = getAndAssertNodeAtPathExists(actions.getRoot(), path);
+        actions.replaceWith(path, {
+          direction: 'column',
+          first: previousNode,
+          second: newNode
+        });
+      },
+      tooltipTitle: t('workspace-control-split-horizontal'),
+      children: jsx(SplitVertical, {})
+    }), jsx(CustomIconButton, {
+      "data-testid": "split-vertical-btn",
+      sx: buttonStyle,
+      onClick: function onClick() {
+        var newNode = createNode();
+        var previousNode = getAndAssertNodeAtPathExists(actions.getRoot(), path);
+        actions.replaceWith(path, {
+          direction: 'row',
+          first: previousNode,
+          second: newNode
+        });
+      },
+      tooltipTitle: t('workspace-control-split-vertical'),
+      children: jsx(SplitHorizontal, {})
+    }), !enableUnexpand || isString(mosaicNode) ? jsx(CustomIconButton, {
+      "data-testid": "expand-btn",
+      sx: buttonStyle,
+      onClick: function onClick() {
+        setStateBeforeExpand(mosaicNode);
+        setEnableUnexpand(true);
+        actions.expand(path, 70);
+      },
+      tooltipTitle: t('workspace-control-expand'),
+      children: jsx(Expand, {})
+    }) : jsx(CustomIconButton, {
+      "data-testid": "unexpand-btn",
+      sx: buttonStyle,
+      onClick: function onClick() {
+        var stateBeforeExpandCopy = isString(stateBeforeExpand) ? stateBeforeExpand : Object.assign({}, stateBeforeExpand);
+        actions.replaceWith([], stateBeforeExpandCopy);
+      },
+      tooltipTitle: t('workspace-control-unexpand'),
+      children: jsx(UnExpand, {})
+    }), jsx(CustomIconButton, {
+      "data-testid": "close-btn",
+      sx: buttonStyle,
+      onClick: onClose,
+      tooltipTitle: t('workspace-control-close'),
+      id: "close-window-button",
+      children: jsx(Close, {})
     })]
   });
 };
-var WorkspaceViewTitleConnect = /*#__PURE__*/React.memo(WorkspaceViewTitleConnectNoMemo);
 
-var FetchViewPresets = function FetchViewPresets(_ref) {
-  var panelId = _ref.panelId;
-  var dispatch = useDispatch();
-  var _useAuthenticationCon = useAuthenticationContext(),
-    currentRole = _useAuthenticationCon.currentRole;
-  var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
-  var scope = !isAdmin ? 'user' : 'system';
-  var lastAdmin = usePrevious(isAdmin);
-  var viewPresetListFilters = useSelector(function (store) {
-    return getViewPresetListFiltersForView(store, panelId, scope);
-  });
-  var viewPresetListSearchQuery = useSelector(function (store) {
-    return getViewPresetListSearchQueryForView(store, panelId);
-  });
-  var fetchViewPresets = React.useCallback(function (filterParams) {
-    dispatch(viewPresetActions.fetchViewPresets({
-      panelId: panelId,
-      filterParams: filterParams
-    }));
-  }, [dispatch, panelId]);
-  React.useEffect(function () {
-    var filterParams = constructFilterParams(viewPresetListFilters, viewPresetListSearchQuery);
-    fetchViewPresets(filterParams);
-  }, [fetchViewPresets, viewPresetListFilters, viewPresetListSearchQuery]);
-  React.useEffect(function () {
-    if (isAdmin !== lastAdmin && lastAdmin !== undefined) {
-      // reset list filter when user changes role
-      var filters = [{
-        id: 'system',
-        isSelected: true
-      }, {
-        id: 'user',
-        isSelected: !isAdmin
-      }];
-      dispatch(viewPresetActions.setFilterChips({
-        panelId: panelId,
-        filters: filters
-      }));
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isAdmin]);
-  return null;
-};
-var WorkspaceTileConnect = /*#__PURE__*/React.memo(function (_ref2) {
-  var _ref2$mosaicNodeId = _ref2.mosaicNodeId,
-    mosaicNodeId = _ref2$mosaicNodeId === void 0 ? '' : _ref2$mosaicNodeId,
-    path = _ref2.path,
-    componentsLookUp = _ref2.componentsLookUp;
+var WorkspaceTileConnect = /*#__PURE__*/React.memo(function (_ref) {
+  var _ref$mosaicNodeId = _ref.mosaicNodeId,
+    mosaicNodeId = _ref$mosaicNodeId === void 0 ? '' : _ref$mosaicNodeId,
+    path = _ref.path,
+    componentsLookUp = _ref.componentsLookUp;
   var dispatch = useDispatch();
+  useFetchViewPresets(mosaicNodeId);
   var view = useSelector(function (store) {
     return getViewById(store, mosaicNodeId);
   });
@@ -7379,23 +7554,23 @@ var WorkspaceTileConnect = /*#__PURE__*/React.memo(function (_ref2) {
   var addView = React.useCallback(function (view) {
     dispatch(workspaceActions.setNewWorkspaceView(view));
   }, [dispatch]);
-  var registerView = React.useCallback(function (_ref3) {
-    var panelId = _ref3.panelId,
-      mapPresetId = _ref3.mapPresetId;
+  var registerView = React.useCallback(function (_ref2) {
+    var panelId = _ref2.panelId,
+      mapPresetId = _ref2.mapPresetId;
     dispatch(viewPresetActions.registerViewPreset({
       panelId: panelId,
       viewPresetId: mapPresetId
     }));
   }, [dispatch]);
-  var unregisterView = React.useCallback(function (_ref4) {
-    var panelId = _ref4.panelId;
+  var unregisterView = React.useCallback(function (_ref3) {
+    var panelId = _ref3.panelId;
     dispatch(viewPresetActions.unregisterViewPreset({
       panelId: panelId
     }));
   }, [dispatch]);
-  var toggleViewPresetDialog = React.useCallback(function (_ref5) {
-    var panelId = _ref5.panelId,
-      isViewPresetDialogOpen = _ref5.isViewPresetDialogOpen;
+  var toggleViewPresetDialog = React.useCallback(function (_ref4) {
+    var panelId = _ref4.panelId,
+      isViewPresetDialogOpen = _ref4.isViewPresetDialogOpen;
     dispatch(viewPresetActions.toggleViewPresetListDialog({
       panelId: panelId,
       isViewPresetListDialogOpen: isViewPresetDialogOpen
@@ -7486,9 +7661,7 @@ var WorkspaceTileConnect = /*#__PURE__*/React.memo(function (_ref2) {
         title: errorViewPreset,
         shouldClose: true
       })
-    }), defaultComponentsLookupResult, genericComponentsLookupResult, jsx(FetchViewPresets, {
-      panelId: mosaicNodeId
-    }), jsx(ViewPresetMenu, {
+    }), defaultComponentsLookupResult, genericComponentsLookupResult, jsx(ViewPresetMenu, {
       panelId: mosaicNodeId,
       closeMenu: function closeMenu() {
         toggleViewPresetDialog({
@@ -7731,6 +7904,7 @@ var createWorkspace = function createWorkspace(data, auth) {
 };
 
 var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
+  var _GENERIC$AUTH$error$c;
   var _useAuthenticationCon = useAuthenticationContext(),
     currentRole = _useAuthenticationCon.currentRole,
     isLoggedIn = _useAuthenticationCon.isLoggedIn,
@@ -7741,7 +7915,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
   });
   var selectedFilters = useSelector(getWorkspaceListFilters);
   var filteredPresets = React.useMemo(function () {
-    return filterWorkspacePresets(workspacePresets, selectedFilters, username);
+    return filterAndSortPresets(workspacePresets, selectedFilters, username);
   }, [workspacePresets, selectedFilters, username]);
   var isAdmin = (currentRole == null ? void 0 : currentRole.name) === GEOWEB_ROLE_PRESETS_ADMIN.name;
   var scope = !isAdmin ? 'user' : 'system';
@@ -7869,13 +8043,27 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
       case WorkspacePresetAction.SHARE:
         {
           void getWorkspace(presetId, auth).then(function (preset) {
-            return void updateWorkspace(presetId, Object.assign({}, preset, {
+            return updateWorkspace(presetId, Object.assign({}, preset, {
               is_shared: !preset.is_shared
             }), auth).then(function () {
+              dispatch(workspaceListActions.onSuccessWorkspacePresetAction({
+                workspaceId: presetId,
+                action: WorkspacePresetAction.SHARE,
+                title: presetTitle,
+                scope: scope,
+                is_shared: preset.is_shared
+              }));
               fetchWorkspaceList();
+            })["catch"](function (error) {
+              dispatch(workspaceListActions.onErrorWorkspacePresetAction({
+                error: {
+                  message: "" + error,
+                  type: WorkspaceListErrorType.VERBATIM_ERROR,
+                  category: WorkspaceListErrorCategory.GENERIC
+                }
+              }));
             });
           });
-          // TODO
           break;
         }
     }
@@ -7887,8 +8075,9 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
   return jsxs(Box, {
     "data-testid": "workspace-selectlist-connect",
     style: {
-      height: '100%',
-      width: '100%'
+      display: 'flex',
+      flexDirection: 'column',
+      height: '100%'
     },
     tabIndex: 0,
     children: [isFetching && jsx(LinearProgress, {
@@ -7905,7 +8094,10 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
         whiteSpace: 'normal'
       },
       children: jsx(AlertBanner, Object.assign({
-        title: t('workspace-error-fetch'),
+        title: (_GENERIC$AUTH$error$c = {
+          GENERIC: '',
+          AUTH: t('workspace-error-auth')
+        }[error.category]) != null ? _GENERIC$AUTH$error$c : t('workspace-error-fetch'),
         info: error.type === WorkspaceListErrorType.TRANSLATABLE_ERROR ? t(error.key, error.params) : error.message,
         shouldClose: true
       }, error.category === WorkspaceListErrorCategory.GENERIC && {
@@ -7918,24 +8110,55 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect() {
       }))
     }), jsxs(Box, {
       sx: {
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
         padding: 1,
-        height: '100%'
+        overflow: 'hidden'
       },
-      children: [!error && jsx(Filter, {
-        filters: workspaceListFilters,
-        onClickFilterChip: onClickFilterChip,
-        isAllSelected: isAllSelected,
-        searchQuery: workspaceSearchQuery,
-        onSearch: searchFilter
-      }), jsx(WorkspaceSelectList, {
-        workspacePresets: filteredPresets,
-        currentSelectedId: currentView.id || '',
-        onClickWorkspacePreset: onClickWorkspacePreset,
-        onClickWorkspacePresetOption: onClickWorkspacePresetOption,
-        hideNewWorkspace: shouldHideNewWorkspace,
-        isEditable: isLoggedIn,
-        isAdmin: isAdmin,
-        searchQuery: workspaceSearchQuery
+      children: [!error && jsxs(Box, {
+        sx: {
+          marginBottom: 1
+        },
+        children: [jsx(Box, {
+          sx: {
+            display: 'flex',
+            width: '100%'
+          },
+          children: jsx(Filter, {
+            filters: workspaceListFilters,
+            onClickFilterChip: onClickFilterChip,
+            isAllSelected: isAllSelected,
+            searchQuery: workspaceSearchQuery,
+            onSearch: searchFilter
+          })
+        }), jsx(Box, {
+          sx: {
+            display: 'flex',
+            justifyContent: 'flex-start'
+          },
+          children: jsx(LastUpdateTime, {
+            onPressRefresh: function onPressRefresh() {
+              return fetchWorkspaceList();
+            },
+            hideLabel: true
+          })
+        })]
+      }), jsx(Box, {
+        sx: {
+          flexGrow: 1,
+          minHeight: 0
+        },
+        children: jsx(WorkspaceSelectList, {
+          workspacePresets: filteredPresets,
+          currentSelectedId: currentView.id || '',
+          onClickWorkspacePreset: onClickWorkspacePreset,
+          onClickWorkspacePresetOption: onClickWorkspacePresetOption,
+          hideNewWorkspace: shouldHideNewWorkspace,
+          isEditable: isLoggedIn,
+          isAdmin: isAdmin,
+          searchQuery: workspaceSearchQuery
+        })
       })]
     })]
   });
@@ -8070,13 +8293,13 @@ var useFetchWorkspacePresets = function useFetchWorkspacePresets() {
     if (isAdmin !== lastAdmin && lastAdmin !== undefined) {
       // reset list filter when user changes role
       var filters = [{
-        id: 'system',
+        id: PresetFilterType.system,
         isSelected: true
       }, {
-        id: 'personal',
+        id: PresetFilterType.personal,
         isSelected: !isAdmin
       }, {
-        id: 'shared',
+        id: PresetFilterType.shared,
         isSelected: !isAdmin
       }];
       dispatch(workspaceListActions.setFilterChips(filters));
@@ -8424,7 +8647,7 @@ var validateTitle$1 = function validateTitle(value) {
   return !value.trim().length ? 'This field is required' : true;
 };
 var emptyWorkspacePreset = {
-  scope: 'user',
+  scope: SystemScope.user,
   title: '',
   "abstract": ''
 };