@opengeoweb/workspace 19.6.1-nightly-20260917 → 20.0.0

package/dist/index.esm.js

@@ -5,7 +5,7 @@ import { syncGroupsTypes, FEATURE_GROUP_PREFIX, syncGroupsActions, layerActions,
 import { timeSeriesActions, TimeSeriesTypes, timeSeriesSelectors, timeSeriesReducer } from '@opengeoweb/time-series';
 import { chunk, cloneDeep, isEqual, isString } from 'lodash';
 import { getLeaves, createBalancedTreeFromLeaves, MosaicContext, getAndAssertNodeAtPathExists, MosaicWindow, Mosaic } from 'react-mosaic-component';
-import { queryOptions, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { queryOptions, useQueryClient, useQuery, useMutation, useIsMutating } from '@tanstack/react-query';
 import { sessionStorageProvider, isAxiosError, getAxiosErrorMessage, isAuthError, isAxiosAuthError, SHARED_NAMESPACE, safelyInitI18nForTestsAndStories, sharedTranslations, ConfirmationServiceProvider, CustomIconButton, useConfirmationDialog, usePrevious, AlertBanner, CustomAccordion, CustomTooltip, linkifyText, dateUtils, SystemScope, SearchHighlight, ToggleMenu, SearchField, Filter, LastUpdateTime, renderCounter, CustomDialog, ToolContainer, CustomToggleButton, ConfirmationButtons } from '@opengeoweb/shared';
 import { pluginsActions, getPluginState, pluginsReducer, PluginProvider, PluginDebugProvider, OverlayPluginMenuButton, usePluginCatalog } from '@opengeoweb/plugins';
 import { warningsFiltersActions, publicWarningsSelectors, warningsTranslations, WARN_NAMESPACE } from '@opengeoweb/warnings';
@@ -15,7 +15,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslation, I18nextProvider } from 'react-i18next';
 import { Provider, useDispatch, useSelector, useStore, shallowEqual } from 'react-redux';
 import { AuthenticationProvider, useAuthenticationContext, GEOWEB_ROLE_PRESETS_ADMIN } from '@opengeoweb/authentication';
-import { ThemeWrapper, lightTheme, Link, LinkOff, SplitHorizontal, SplitVertical, SplitHorizontalWithContent, SplitVerticalWithContent, Expand, UnExpand, ChevronDown, Close, ChevronUp, LockLocked, StarOutline, Info, WorkspacePresetsSystemIcon, WorkspacePresetsPluginIcon, SharedPresetsMyUser, SharedPresetsOtherUsers, WorkspacePresetsMyIcon, BackdropStyle, Options, CloudLoading, CloudIdle, WebAssetOff, Exclamation } from '@opengeoweb/theme';
+import { ThemeWrapper, lightTheme, Link, LinkOff, SplitHorizontal, SplitVertical, SplitHorizontalWithContent, SplitVerticalWithContent, Expand, UnExpand, ChevronDown, Close, ChevronUp, LockLocked, Star, StarOutline, Info, WorkspacePresetsSystemIcon, WorkspacePresetsPluginIcon, SharedPresetsMyUser, SharedPresetsOtherUsers, WorkspacePresetsMyIcon, BackdropStyle, Options, CloudLoading, CloudIdle, WebAssetOff, Exclamation } from '@opengeoweb/theme';
 import i18n from 'i18next';
 import { coreTranslations, CORE_NAMESPACE, LoadingIndicatorProgressBar } from '@opengeoweb/core';
 import { formFieldsTranslations, FORM_FIELDS_NAMESPACE, ReactHookFormHiddenInput, ReactHookFormTextField, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
@@ -28,7 +28,10 @@ import { List as List$1 } from 'react-window';
 import { http, HttpResponse, delay } from 'msw';
 
 var en = {
+	"workspace-favourites": "Favourites",
 	"workspace-add-favourite": "Add {{title}} to favourites",
+	"workspace-remove-favourite": "Remove {{title}} from favourites",
+	"workspace-favourites-error": "Could not load or save favourites. Please try again.",
 	"workspace-menu": "Workspace menu",
 	"workspace-new": "New workspace",
 	"workspace-new-soundings": "New soundings workspace",
@@ -182,6 +185,10 @@ var en = {
 	"viewpreset-paste-validation-wrong-preset-type": "The clipboard contains a workspace preset, not a view preset."
 };
 var fi = {
+	"workspace-favourites": "Suosikit",
+	"workspace-add-favourite": "Lisää {{title}} suosikkeihin",
+	"workspace-remove-favourite": "Poista {{title}} suosikeista",
+	"workspace-favourites-error": "Suosikkeja ei voitu ladata tai tallentaa. Yritä uudelleen.",
 	"workspace-menu": "Workspace menu",
 	"workspace-new": "Uusi workspace",
 	"workspace-new-soundings": "Uusi luotaustyötila",
@@ -327,6 +334,10 @@ var fi = {
 	"viewpreset-paste-validation-wrong-preset-type": "The clipboard contains a workspace preset, not a view preset."
 };
 var no = {
+	"workspace-favourites": "Favoritter",
+	"workspace-add-favourite": "Legg til {{title}} i favoritter",
+	"workspace-remove-favourite": "Fjern {{title}} fra favoritter",
+	"workspace-favourites-error": "Kunne ikke laste eller lagre favoritter. Vennligst prøv igjen.",
 	"workspace-menu": "Arbeidsflater",
 	"workspace-new": "Ny arbeidsflate",
 	"workspace-new-soundings": "New soundings workspace",
@@ -473,6 +484,10 @@ var no = {
 	"viewpreset-paste-validation-wrong-preset-type": "Utklippstavlen inneholder en Arbeidsflate, ikke en Snarvei."
 };
 var nl = {
+	"workspace-favourites": "Favorieten",
+	"workspace-add-favourite": "Voeg {{title}} toe aan favorieten",
+	"workspace-remove-favourite": "Verwijder {{title}} uit favorieten",
+	"workspace-favourites-error": "Kon favorieten niet laden of opslaan. Probeer het opnieuw.",
 	"workspace-menu": "Workspace menu",
 	"workspace-new": "Nieuwe workspace",
 	"workspace-new-soundings": "Nieuwe soundings workspace",
@@ -1259,6 +1274,20 @@ var filterWorkspacePresetList = function filterWorkspacePresetList(params) {
     return true;
   });
 };
+var favouritePresetKey = function favouritePresetKey(type, preset) {
+  return type + ":" + preset.id;
+};
+var updateCachedFavourite = function updateCachedFavourite(client, queryKey, key, isFavourite) {
+  client.setQueryData(queryKey, function (preferences) {
+    var _preferences$favourit;
+    var favourites = (_preferences$favourit = preferences == null ? void 0 : preferences.favouritePresets) != null ? _preferences$favourit : [];
+    return Object.assign({}, preferences, {
+      favouritePresets: isFavourite ? Array.from(new Set([].concat(favourites, [key]))) : favourites.filter(function (value) {
+        return value !== key;
+      })
+    });
+  });
+};
 
 var getViewPreset = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(viewpresetId, auth) {
@@ -3316,7 +3345,7 @@ var getViewPresetLabelFilters = createSelector(getViewPresetById, function (_sto
 }, function (viewPreset) {
   return viewPreset == null ? void 0 : viewPreset.labelFilters;
 }, selectorMemoizationOptions);
-createSelector(getViewPresetById, function (entity) {
+var getFavouritesOnly$1 = createSelector(getViewPresetById, function (entity) {
   var _entity$favouritesOnl;
   return (_entity$favouritesOnl = entity == null ? void 0 : entity.favouritesOnly) != null ? _entity$favouritesOnl : false;
 });
@@ -3770,10 +3799,17 @@ var getWorkspaceLabelFilters = createSelector(getWorkspaceListStore, function (s
 }, function (state) {
   return state.workspaceLabelFilters;
 }, selectorMemoizationOptions);
-createSelector(getWorkspaceListStore, function (state) {
+var getFavouritesOnly = createSelector(getWorkspaceListStore, function (state) {
   var _state$favouritesOnly;
   return (_state$favouritesOnly = state == null ? void 0 : state.favouritesOnly) != null ? _state$favouritesOnly : false;
 });
+var filterAndSortFavouritePresets = function filterAndSortFavouritePresets(presets, isFavourite, favouritesOnly) {
+  return presets.filter(function (preset) {
+    return !favouritesOnly || isFavourite(preset);
+  }).sort(function (first, second) {
+    return Number(isFavourite(second)) - Number(isFavourite(first));
+  });
+};
 
 var emptyWorkspaceBEData = Object.assign({}, getEmptyMapWorkspace(), {
   views: [{
@@ -5798,6 +5834,171 @@ var defaultComponentsLookUp = function defaultComponentsLookUp(_ref3) {
   }
 };
 
+var getUserPreferences = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(auth) {
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          return _context.a(2, fetch(getPresetBaseUrl() + "/user/preferences", {
+            headers: getHeaders(auth)
+          }).then(handleResponse));
+      }
+    }, _callee);
+  }));
+  return function getUserPreferences(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var setFavouritePreset = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(presetType, presetId, isFavourite, auth) {
+    return _regenerator().w(function (_context2) {
+      while (1) switch (_context2.n) {
+        case 0:
+          return _context2.a(2, fetch(getPresetBaseUrl() + "/user/preferences/favourite-presets/" + presetType + "/" + encodeURIComponent(presetId), {
+            method: isFavourite ? 'PUT' : 'DELETE',
+            headers: getHeaders(auth)
+          }).then(handleResponse));
+      }
+    }, _callee2);
+  }));
+  return function setFavouritePreset(_x2, _x3, _x4, _x5) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+var useFavouritePresets = function useFavouritePresets(type) {
+  var _useAuthenticationCon = useAuthenticationContext(),
+    auth = _useAuthenticationCon.auth,
+    isLoggedIn = _useAuthenticationCon.isLoggedIn;
+  var client = useQueryClient();
+  var queryKey = [LIB_KEY, 'user-preferences', auth == null ? void 0 : auth.username];
+  var enabled = Boolean(auth && isLoggedIn && !hasNoPresetBackend());
+  var query = useQuery({
+    queryKey: queryKey,
+    queryFn: function () {
+      var _queryFn = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              return _context.a(2, getUserPreferences(auth));
+          }
+        }, _callee);
+      }));
+      function queryFn() {
+        return _queryFn.apply(this, arguments);
+      }
+      return queryFn;
+    }(),
+    enabled: enabled,
+    retry: false
+  });
+  var mutation = useMutation({
+    mutationKey: queryKey,
+    scope: {
+      id: JSON.stringify(queryKey)
+    },
+    mutationFn: function () {
+      var _mutationFn = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(_ref) {
+        var id, isFavourite;
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
+            case 0:
+              id = _ref.id, isFavourite = _ref.isFavourite;
+              return _context2.a(2, setFavouritePreset(type, id, isFavourite, auth));
+          }
+        }, _callee2);
+      }));
+      function mutationFn(_x) {
+        return _mutationFn.apply(this, arguments);
+      }
+      return mutationFn;
+    }(),
+    onMutate: function () {
+      var _onMutate = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(_ref2) {
+        var _previous$favouritePr, _previous$favouritePr2;
+        var id, isFavourite, key, previous, wasFavourite;
+        return _regenerator().w(function (_context3) {
+          while (1) switch (_context3.n) {
+            case 0:
+              id = _ref2.id, isFavourite = _ref2.isFavourite;
+              _context3.n = 1;
+              return client.cancelQueries({
+                queryKey: queryKey
+              });
+            case 1:
+              key = favouritePresetKey(type, {
+                id: id
+              });
+              previous = client.getQueryData(queryKey);
+              wasFavourite = (_previous$favouritePr = previous == null || (_previous$favouritePr2 = previous.favouritePresets) == null ? void 0 : _previous$favouritePr2.includes(key)) != null ? _previous$favouritePr : false;
+              updateCachedFavourite(client, queryKey, key, isFavourite);
+              // Undo only this favourite, preserving other cached preference changes.
+              return _context3.a(2, function () {
+                return updateCachedFavourite(client, queryKey, key, wasFavourite);
+              });
+          }
+        }, _callee3);
+      }));
+      function onMutate(_x2) {
+        return _onMutate.apply(this, arguments);
+      }
+      return onMutate;
+    }(),
+    onError: function onError(_error, _variables, rollback) {
+      return rollback == null ? void 0 : rollback();
+    },
+    onSuccess: function () {
+      var _onSuccess = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(preferences) {
+        return _regenerator().w(function (_context4) {
+          while (1) switch (_context4.n) {
+            case 0:
+              _context4.n = 1;
+              return client.cancelQueries({
+                queryKey: queryKey
+              });
+            case 1:
+              client.setQueryData(queryKey, preferences);
+            case 2:
+              return _context4.a(2);
+          }
+        }, _callee4);
+      }));
+      function onSuccess(_x3) {
+        return _onSuccess.apply(this, arguments);
+      }
+      return onSuccess;
+    }()
+  });
+  var isSaving = useIsMutating({
+    mutationKey: queryKey
+  }) > 0;
+  var isFavourite = function isFavourite(preset) {
+    var _query$data;
+    return enabled && Array.isArray((_query$data = query.data) == null ? void 0 : _query$data.favouritePresets) && query.data.favouritePresets.includes(favouritePresetKey(type, preset));
+  };
+  return {
+    isFavourite: isFavourite,
+    toggleFavourite: function toggleFavourite(preset) {
+      if (enabled) {
+        mutation.mutate({
+          id: preset.id,
+          isFavourite: !isFavourite(preset)
+        });
+      }
+    },
+    disabled: !enabled || !query.isSuccess || query.isFetching || isSaving,
+    isLoading: enabled && query.isFetching,
+    isSaving: isSaving,
+    error: enabled ? query.error || mutation.error : null,
+    retry: function retry() {
+      mutation.reset();
+      if (enabled) {
+        void query.refetch();
+      }
+    }
+  };
+};
+
 var useDeleteViewPreset = function useDeleteViewPreset() {
   var _useAuthenticationCon = useAuthenticationContext(),
     auth = _useAuthenticationCon.auth;
@@ -7223,6 +7424,10 @@ var getPresetIcon = function getPresetIcon(preset, currentUsername) {
 var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
   var _workspacePreset$desc, _workspacePreset$orig, _workspacePreset$orig2, _workspacePreset$orig3, _workspacePreset$orig4;
   var workspacePreset = _ref.workspacePreset,
+    _ref$isFavourite = _ref.isFavourite,
+    isFavourite = _ref$isFavourite === void 0 ? false : _ref$isFavourite,
+    onToggleFavourite = _ref.onToggleFavourite,
+    favouritesDisabled = _ref.favouritesDisabled,
     isSelected = _ref.isSelected,
     onClickWorkspacePreset = _ref.onClickWorkspacePreset,
     onClickWorkspacePresetOption = _ref.onClickWorkspacePresetOption,
@@ -7323,7 +7528,7 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
     return 'workspace-version';
   };
   var showInfoIcon = !!workspacePreset.id && workspacePreset.id !== LOCAL_SOUNDINGS_ID;
-  return jsxs(ListItem, {
+  return jsx(ListItem, {
     disablePadding: true,
     sx: {
       mb: 0.5,
@@ -7349,22 +7554,7 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
         color: 'geowebColors.typographyAndIcons.text'
       }
     },
-    children: [!isNewPreset && jsx(Box, {
-      sx: {
-        pl: 1,
-        flexShrink: 0
-      },
-      children: jsx(CustomIconButton, {
-        disabled: true,
-        tooltipTitle: t('workspace-add-favourite', {
-          title: workspacePreset.title
-        }),
-        variant: "flat",
-        children: jsx(StarOutline, {
-          fontSize: "small"
-        })
-      })
-    }), jsxs(ListItemButton, {
+    children: jsxs(ListItemButton, {
       "aria-label": testIdPrefix,
       "data-testid": testIdPrefix + "-selectListRow",
       onClick: function onClick(event) {
@@ -7384,7 +7574,36 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
         py: 1,
         height: WORKSPACE_SELECT_LIST_ROW_HEIGHT + "px"
       },
-      children: [jsx(ListItemIcon, {
+      children: [!isNewPreset ? jsx(Box, {
+        onClick: function onClick(event) {
+          // Disabled icon buttons pass pointer clicks to their container.
+          event.stopPropagation();
+        },
+        sx: {
+          pr: 1,
+          flexShrink: 0
+        },
+        children: jsx(CustomIconButton, {
+          "aria-label": t(isFavourite ? 'workspace-remove-favourite' : 'workspace-add-favourite', {
+            title: workspacePreset.title
+          }),
+          disabled: favouritesDisabled || !onToggleFavourite,
+          isSelected: isFavourite,
+          onClick: function onClick(event) {
+            event.stopPropagation();
+            onToggleFavourite == null || onToggleFavourite(workspacePreset);
+          },
+          tooltipTitle: t(isFavourite ? 'workspace-remove-favourite' : 'workspace-add-favourite', {
+            title: workspacePreset.title
+          }),
+          variant: "flat",
+          children: isFavourite ? jsx(Star, {
+            fontSize: "small"
+          }) : jsx(StarOutline, {
+            fontSize: "small"
+          })
+        })
+      }) : null, jsx(ListItemIcon, {
         children: getPresetIcon(workspacePreset, auth == null ? void 0 : auth.username)
       }), jsx(ListItemText, {
         primary: jsx(CustomTooltip, {
@@ -7483,7 +7702,7 @@ var WorkspaceSelectListRow = function WorkspaceSelectListRow(_ref) {
           })]
         })
       })]
-    })]
+    })
   });
 };
 
@@ -7500,21 +7719,27 @@ var RowComponent = function RowComponent(_ref) {
     isAdmin = _ref.isAdmin,
     searchQuery = _ref.searchQuery,
     testIdPrefix = _ref.testIdPrefix,
-    onSelectVersion = _ref.onSelectVersion;
+    onSelectVersion = _ref.onSelectVersion,
+    isFavourite = _ref.isFavourite,
+    onToggleFavourite = _ref.onToggleFavourite,
+    favouritesDisabled = _ref.favouritesDisabled;
   var preset = items[index];
   return jsx("div", {
     style: Object.assign({}, style, {
       paddingRight: '8px'
     }),
     children: jsx(WorkspaceSelectListRow, {
+      favouritesDisabled: favouritesDisabled,
       infoOpenPresetId: infoOpenPresetId,
       isAdmin: isAdmin,
       isEditable: isEditable,
+      isFavourite: isFavourite == null ? void 0 : isFavourite(preset),
       isSelected: currentSelectedId === preset.id || currentSelectedId === '' && preset.id === undefined,
       onClickWorkspacePreset: onClickWorkspacePreset,
       onClickWorkspacePresetOption: onClickWorkspacePresetOption,
       onOpenPresetInfo: onOpenPresetInfo,
       onSelectVersion: onSelectVersion,
+      onToggleFavourite: onToggleFavourite,
       searchQuery: searchQuery,
       testIdPrefix: testIdPrefix,
       workspacePreset: preset
@@ -7539,13 +7764,22 @@ var WorkspaceSelectList = function WorkspaceSelectList(_ref2) {
     testIdPrefix = _ref2$testIdPrefix === void 0 ? 'workspace' : _ref2$testIdPrefix,
     onOpenPresetInfo = _ref2.onOpenPresetInfo,
     infoOpenPresetId = _ref2.infoOpenPresetId,
-    onSelectVersion = _ref2.onSelectVersion;
+    onSelectVersion = _ref2.onSelectVersion,
+    isFavourite = _ref2.isFavourite,
+    onToggleFavourite = _ref2.onToggleFavourite,
+    favouritesDisabled = _ref2.favouritesDisabled;
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
   var items = React.useMemo(function () {
     var newPresetsTruthy = newPresets && newPresets.length > 0 ? newPresets : [getEmptyWorkspaceListItem(t), getNewSoundingsWorkspaceListItem(t)];
-    return !hideNewWorkspace ? [].concat(newPresetsTruthy, workspacePresets) : [].concat(workspacePresets);
-  }, [hideNewWorkspace, newPresets, workspacePresets, t]);
+    var favourites = workspacePresets.filter(function (preset) {
+      return isFavourite == null ? void 0 : isFavourite(preset);
+    });
+    var otherPresets = workspacePresets.filter(function (preset) {
+      return !(isFavourite != null && isFavourite(preset));
+    });
+    return [].concat(favourites, !hideNewWorkspace ? newPresetsTruthy : [], otherPresets);
+  }, [hideNewWorkspace, newPresets, workspacePresets, isFavourite, t]);
   return jsxs(Box, {
     "data-testid": testIdPrefix + "-selectList",
     sx: {
@@ -7580,7 +7814,10 @@ var WorkspaceSelectList = function WorkspaceSelectList(_ref2) {
           isAdmin: isAdmin,
           searchQuery: searchQuery,
           testIdPrefix: testIdPrefix,
-          onSelectVersion: onSelectVersion
+          onSelectVersion: onSelectVersion,
+          isFavourite: isFavourite,
+          onToggleFavourite: onToggleFavourite,
+          favouritesDisabled: favouritesDisabled
         }
       })
     })]
@@ -7596,6 +7833,10 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     hasSpaceForLabelFilter = _ref$hasSpaceForLabel === void 0 ? true : _ref$hasSpaceForLabel;
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
+  var favourites = useFavouritePresets('view');
+  var selectedFavouritesOnly = useSelector(function (state) {
+    return getFavouritesOnly$1(state, panelId);
+  });
   var dispatch = useDispatch();
   var queryClient = useQueryClient();
   var store = useStore();
@@ -7603,6 +7844,7 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     currentRole = _useAuthenticationCon.currentRole,
     isLoggedIn = _useAuthenticationCon.isLoggedIn,
     auth = _useAuthenticationCon.auth;
+  var favouritesOnly = isLoggedIn && selectedFavouritesOnly;
   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';
@@ -7671,12 +7913,13 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
     }
     return Object.values(viewPresetLabelFilters).flat().length;
   }, [viewPresetLabelFilters]);
-  var filteredPresets = React.useMemo(function () {
+  var matchingPresets = React.useMemo(function () {
     if (viewPresets) {
       return [].concat(filterAndSortPresets([].concat(viewPresets, pluginCatalogAsPresets), viewPresetListFilters, username, isAdmin, viewPresetLabelFilters != null ? viewPresetLabelFilters : undefined, viewPresetListSearchQuery));
     }
     return [];
   }, [viewPresets, viewPresetListFilters, username, isAdmin, viewPresetLabelFilters, viewPresetListSearchQuery, pluginCatalogAsPresets]);
+  var filteredPresets = filterAndSortFavouritePresets(matchingPresets, favourites.isFavourite, favouritesOnly);
   var labelsFormMethods = useForm({
     defaultValues: {
       labels: viewPresetLabelFilters
@@ -8007,15 +8250,23 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
       flexDirection: 'column',
       height: '100%'
     },
-    children: [jsx(Box, {
+    children: [!!favourites.error && jsx(AlertBanner, {
+      actionButtonProps: {
+        title: t('workspace-retry'),
+        onClick: favourites.retry
+      },
+      info: t('workspace-favourites-error'),
+      title: t('workspace-favourites')
+    }), jsx(Box, {
       sx: {
         height: 4,
+        flexShrink: 0,
         overflow: 'hidden'
       },
-      children: !!isViewPresetsListFetching && jsx(LinearProgress, {
+      children: isViewPresetsListFetching || favourites.isLoading || favourites.isSaving ? jsx(LinearProgress, {
         color: "secondary",
         "data-testid": "loading-bar"
-      })
+      }) : null
     }), !isViewPresetsListFetching && !!error && jsx(AlertBanner, Object.assign({
       info: error.message,
       shouldClose: true,
@@ -8078,8 +8329,17 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
             },
             children: jsx(Filter, {
               activeLabelFilterCount: activeLabelFilterCount,
-              filters: viewPresetListFilters,
-              isAllSelected: isAllSelectedForFilters,
+              filters: [].concat(viewPresetListFilters.map(function (filter) {
+                return Object.assign({}, filter, {
+                  isSelected: !favouritesOnly && !isAllSelectedForFilters && filter.isSelected
+                });
+              }), [{
+                id: 'favourites',
+                label: t('workspace-favourites'),
+                isSelected: favouritesOnly,
+                isDisabled: !isLoggedIn
+              }]),
+              isAllSelected: isAllSelectedForFilters ? !favouritesOnly : false,
               isLabelFilterOpen: isLabelFilterOpen,
               onClickFilterChip: onClickFilterChip,
               onSearch: onSearchFilter,
@@ -8118,10 +8378,12 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
           },
           children: [jsx(WorkspaceSelectList, {
             currentSelectedId: activeViewPresetId || undefined,
-            hideNewWorkspace: shouldHideNewWorkspace,
+            favouritesDisabled: favourites.disabled,
+            hideNewWorkspace: shouldHideNewWorkspace || favouritesOnly,
             infoOpenPresetId: infoPreset == null ? void 0 : infoPreset.id,
             isAdmin: isAdmin,
             isEditable: isLoggedIn,
+            isFavourite: favourites.isFavourite,
             newPresets: [Object.assign({}, getEmptyWorkspaceListItem(t), {
               title: t('workspace-mappreset-new')
             })],
@@ -8129,6 +8391,7 @@ var ViewPresetMenuListConnect = function ViewPresetMenuListConnect(_ref) {
             onClickWorkspacePresetOption: onClickViewPresetOption,
             onOpenPresetInfo: onOpenPresetInfo,
             onSelectVersion: onSelectVersion,
+            onToggleFavourite: favourites.toggleFavourite,
             searchQuery: viewPresetListSearchQuery,
             testIdPrefix: "viewpreset",
             workspacePresets: filteredPresets
@@ -8353,6 +8616,10 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
   var _ref$isLabelFilterOpe = _ref.isLabelFilterOpen,
     isLabelFilterOpen = _ref$isLabelFilterOpe === void 0 ? false : _ref$isLabelFilterOpe,
     onToggleLabelFilter = _ref.onToggleLabelFilter;
+  var favourites = useFavouritePresets('workspace');
+  var selectedFavouritesOnly = useSelector(function (state) {
+    return getFavouritesOnly(state);
+  });
   var dispatch = useDispatch();
   var _useWorkspaceTranslat = useWorkspaceTranslation(),
     t = _useWorkspaceTranslat.t;
@@ -8360,6 +8627,7 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
     currentRole = _useAuthenticationCon.currentRole,
     isLoggedIn = _useAuthenticationCon.isLoggedIn,
     auth = _useAuthenticationCon.auth;
+  var favouritesOnly = isLoggedIn && selectedFavouritesOnly;
   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';
@@ -8390,9 +8658,10 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
     }
     return Object.values(labelFilters).flat().length;
   }, [labelFilters]);
-  var filteredPresets = React.useMemo(function () {
+  var matchingPresets = React.useMemo(function () {
     return filterAndSortPresets(workspacePresets, selectedFilters, username, isAdmin, labelFilters != null ? labelFilters : undefined, workspaceSearchQuery);
   }, [workspacePresets, selectedFilters, username, isAdmin, labelFilters, workspaceSearchQuery]);
+  var filteredPresets = filterAndSortFavouritePresets(matchingPresets, favourites.isFavourite, favouritesOnly);
   var infoPanelAnchorRef = React.useRef(null);
   var _React$useState = React.useState(),
     infoPreset = _React$useState[0],
@@ -8726,15 +8995,23 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
       bgcolor: 'geowebColors.background.surface'
     },
     tabIndex: 0,
-    children: [jsx(Box, {
+    children: [!!favourites.error && jsx(AlertBanner, {
+      actionButtonProps: {
+        title: t('workspace-retry'),
+        onClick: favourites.retry
+      },
+      info: t('workspace-favourites-error'),
+      title: t('workspace-favourites')
+    }), jsx(Box, {
       sx: {
         height: 4,
+        flexShrink: 0,
         overflow: 'hidden'
       },
-      children: !!isFetching && jsx(LinearProgress, {
+      children: isFetching || favourites.isLoading || favourites.isSaving ? jsx(LinearProgress, {
         color: "secondary",
         "data-testid": "loading-bar"
-      })
+      }) : null
     }), !!error && jsx("div", {
       style: {
         whiteSpace: 'normal'
@@ -8799,8 +9076,17 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
             },
             children: jsx(Filter, {
               activeLabelFilterCount: activeLabelFilterCount,
-              filters: workspaceListFilters,
-              isAllSelected: isAllSelected,
+              filters: [].concat(workspaceListFilters.map(function (filter) {
+                return Object.assign({}, filter, {
+                  isSelected: !favouritesOnly && !isAllSelected && filter.isSelected
+                });
+              }), [{
+                id: 'favourites',
+                label: t('workspace-favourites'),
+                isSelected: favouritesOnly,
+                isDisabled: !isLoggedIn
+              }]),
+              isAllSelected: isAllSelected ? !favouritesOnly : false,
               isLabelFilterOpen: isLabelFilterOpen,
               onClickFilterChip: onClickFilterChip,
               onSearch: searchFilter,
@@ -8831,13 +9117,16 @@ var WorkspaceSelectListConnect = function WorkspaceSelectListConnect(_ref) {
           },
           children: [jsx(WorkspaceSelectList, {
             currentSelectedId: currentView.id || '',
-            hideNewWorkspace: shouldHideNewWorkspace,
+            favouritesDisabled: favourites.disabled,
+            hideNewWorkspace: shouldHideNewWorkspace || favouritesOnly,
             infoOpenPresetId: infoPreset == null ? void 0 : infoPreset.id,
             isAdmin: isAdmin,
             isEditable: isLoggedIn,
+            isFavourite: favourites.isFavourite,
             onClickWorkspacePreset: onClickWorkspacePreset,
             onClickWorkspacePresetOption: onClickWorkspacePresetOption,
             onOpenPresetInfo: onOpenPresetInfo,
+            onToggleFavourite: favourites.toggleFavourite,
             searchQuery: workspaceSearchQuery,
             workspacePresets: filteredPresets
           }), jsx(WorkspacePresetInfo, {

package/dist/src/lib/components/WorkspaceSelectList/WorkspaceSelectList.d.ts

@@ -15,6 +15,9 @@ export interface WorkspaceSelectListProps extends BoxProps {
     newPresets?: WorkspacePresetListItem[];
     testIdPrefix?: string;
     onSelectVersion?: (presetId: string, version: string) => void;
+    isFavourite?: (preset: WorkspacePresetListItem) => boolean;
+    onToggleFavourite?: (preset: WorkspacePresetListItem) => void;
+    favouritesDisabled?: boolean;
 }
 declare const WorkspaceSelectList: React.FC<WorkspaceSelectListProps>;
 export default WorkspaceSelectList;

package/dist/src/lib/components/WorkspaceSelectList/WorkspaceSelectListRow.d.ts

@@ -5,6 +5,9 @@ export declare const WORKSPACE_SELECT_LIST_ROW_HEIGHT = 40;
 export declare const getPresetIcon: (preset: WorkspacePresetListItem, currentUsername?: string) => React.ReactElement | null;
 interface WorkspaceSelectListRowProps {
     workspacePreset: WorkspacePresetListItem;
+    isFavourite?: boolean;
+    onToggleFavourite?: (preset: WorkspacePresetListItem) => void;
+    favouritesDisabled?: boolean;
     onClickWorkspacePreset: (id: string) => void;
     onClickWorkspacePresetOption: (presetId: string, workspaceAction: WorkspacePresetAction, workspacePreset: WorkspacePresetListItem) => void;
     onOpenPresetInfo?: (workspacePreset: WorkspacePresetListItem) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@opengeoweb/workspace",
-    "version": "19.6.1-nightly-20260917",
+    "version": "20.0.0",
     "description": "GeoWeb Workspace library for the opengeoweb project",
     "license": "Apache-2.0",
     "repository": {
@@ -21,33 +21,33 @@
     },
     "dependencies": {
         "react-redux": "^9.2.0",
-        "@opengeoweb/shared": "19.6.1-nightly-20260917",
-        "@opengeoweb/store": "19.6.1-nightly-20260917",
-        "@opengeoweb/api": "19.6.1-nightly-20260917",
+        "@opengeoweb/shared": "20.0.0",
+        "@opengeoweb/store": "20.0.0",
+        "@opengeoweb/api": "20.0.0",
         "react-hook-form": "^7.50.1",
-        "@opengeoweb/theme": "19.6.1-nightly-20260917",
+        "@opengeoweb/theme": "20.0.0",
         "@reduxjs/toolkit": "^2.6.1",
-        "@opengeoweb/snackbar": "19.6.1-nightly-20260917",
+        "@opengeoweb/snackbar": "20.0.0",
         "react-window": "^2.2.6",
         "lodash": "^4.18.1",
         "axios": "^1.18.0",
         "react-mosaic-component": "npm:react-mosaic-component-opengeoweb@^6.1.1-opengeoweb.1",
-        "@opengeoweb/form-fields": "19.6.1-nightly-20260917",
-        "@opengeoweb/time-series": "19.6.1-nightly-20260917",
-        "@opengeoweb/authentication": "19.6.1-nightly-20260917",
-        "@opengeoweb/plugins": "19.6.1-nightly-20260917",
-        "@opengeoweb/core": "19.6.1-nightly-20260917",
-        "@opengeoweb/taf": "19.6.1-nightly-20260917",
-        "@opengeoweb/sigmet-airmet": "19.6.1-nightly-20260917",
-        "@opengeoweb/warnings": "19.6.1-nightly-20260917",
-        "@opengeoweb/space-weather": "19.6.1-nightly-20260917",
+        "@opengeoweb/form-fields": "20.0.0",
+        "@opengeoweb/time-series": "20.0.0",
+        "@opengeoweb/authentication": "20.0.0",
+        "@opengeoweb/plugins": "20.0.0",
+        "@opengeoweb/core": "20.0.0",
+        "@opengeoweb/taf": "20.0.0",
+        "@opengeoweb/sigmet-airmet": "20.0.0",
+        "@opengeoweb/warnings": "20.0.0",
+        "@opengeoweb/space-weather": "20.0.0",
         "i18next": "^25.0.1",
         "react-i18next": "^15.1.1",
         "@mui/material": "^9.0.1",
-        "@opengeoweb/webmap-react": "19.6.1-nightly-20260917",
+        "@opengeoweb/webmap-react": "20.0.0",
         "@tanstack/react-query": "^5.85.5",
-        "@opengeoweb/soundings": "19.6.1-nightly-20260917",
-        "@opengeoweb/knmi-components": "19.6.1-nightly-20260917",
+        "@opengeoweb/soundings": "20.0.0",
+        "@opengeoweb/knmi-components": "20.0.0",
         "@mui/system": "^9.0.1"
     },
     "peerDependencies": {