Docs: Update screenshots & profile docs (#3187)

* Docs: Update screenshots

* Update profiles--overview-feature.png

* Fix: Filter was reset on refresh

* Docs: #3187

Author: BornToBeRoot

Source/NETworkManager/ViewModels/ProfilesViewModel.cs

@@ -25,7 +25,7 @@ public ProfilesViewModel()
             ListSortDirection.Ascending));
 
         SetGroupsView();
-        
+
         ProfileManager.OnProfilesUpdated += ProfileManager_OnProfilesUpdated;
 
         _searchDispatcherTimer.Interval = GlobalStaticConfiguration.SearchDispatcherTimerTimeSpan;
@@ -35,7 +35,7 @@ public ProfilesViewModel()
     #endregion
 
     #region Variables
-    
+
     private readonly DispatcherTimer _searchDispatcherTimer = new();
     private bool _searchDisabled;
 
@@ -56,6 +56,8 @@ private set
         }
     }
 
+    private bool _disableProfileRefresh;
+    
     private ProfileInfo _lastSelectedProfileOnRefresh;
 
     private GroupInfo _selectedGroup = new();
@@ -70,21 +72,22 @@ public GroupInfo SelectedGroup
 
             _selectedGroup = value;
 
-            // NullReferenceException occurs if profile file is changed            
-            if (value != null)
+            // Check for null, because a NullReferenceException can occur when a profile file is changed
+            // Temporarily disable profile refresh to avoid multiple refreshes and prevent the filter from being reset.
+            if (value != null && !_disableProfileRefresh)
             {
                 // Set/update tags based on current group
                 CreateTags();
-                
+
                 var filter = new ProfileFilterInfo
                 {
                     Search = Search,
                     Tags = [.. ProfileFilterTags.Where(x => x.IsSelected).Select(x => x.Name)],
                     TagsFilterMatch = ProfileFilterTagsMatchAny ? ProfileFilterTagsMatch.Any : ProfileFilterTagsMatch.All
                 };
-                
-                SetProfilesView(filter ,value, _lastSelectedProfileOnRefresh);
-                
+
+                SetProfilesView(filter, value, _lastSelectedProfileOnRefresh);
+
                 IsProfileFilterSet = !string.IsNullOrEmpty(filter.Search) || filter.Tags.Any();
             }
             else
@@ -95,7 +98,7 @@ public GroupInfo SelectedGroup
             OnPropertyChanged();
         }
     }
-    
+
     private ICollectionView _profiles;
 
     public ICollectionView Profiles
@@ -266,7 +269,7 @@ private void DeleteGroupAction()
     {
         ProfileDialogManager.ShowDeleteGroupDialog(Application.Current.MainWindow, this, SelectedGroup).ConfigureAwait(false);
     }
-    
+
     public ICommand AddProfileCommand => new RelayCommand(_ => AddProfileAction());
 
     private void AddProfileAction()
@@ -358,14 +361,19 @@ public void OnViewHide()
 
     private void SetGroupsView(GroupInfo group = null)
     {
+        _disableProfileRefresh = true;
+        
         Groups = new CollectionViewSource
         {
             Source = ProfileManager.Groups.Where(x => !x.IsDynamic).OrderBy(x => x.Name)
         }.View;
-
-        // Set specific group or first if null
+        
+        // Set to null, so even when the same group is selected, the profiles get refreshed
         SelectedGroup = null;
 
+        _disableProfileRefresh = false;
+
+        // Set specific group or first if null
         if (group != null)
             SelectedGroup = Groups.SourceCollection.Cast<GroupInfo>().FirstOrDefault(x => x.Equals(group)) ??
                             Groups.SourceCollection.Cast<GroupInfo>().MinBy(x => x.Name);
@@ -378,7 +386,7 @@ private void CreateTags()
         // Get all tags from profiles in the selected group
         var tags = ProfileManager.Groups.First(x => x.Name == SelectedGroup.Name).Profiles
             .SelectMany(x => x.TagsCollection).Distinct().ToList();
-      
+
         var tagSet = new HashSet<string>(tags);
 
         for (var i = ProfileFilterTags.Count - 1; i >= 0; i--)
@@ -394,7 +402,7 @@ private void CreateTags()
             ProfileFilterTags.Add(new ProfileFilterTagsInfo(false, tag));
         }
     }
-    
+
     private void SetProfilesView(ProfileFilterInfo filter, GroupInfo group, ProfileInfo profile = null)
     {
         Profiles = new CollectionViewSource

Website/docs/changelog/next-release.md

@@ -21,7 +21,7 @@ Release date: **xx.xx.2025**
 
 **Profiles**
 
-- Added the ability to filter profiles by tags using the filter button next to the search field. [#3144](https://github.com/BornToBeRoot/NETworkManager/pull/3144)
+- Added the ability to filter profiles by tags using the filter button next to the search field. [#3144](https://github.com/BornToBeRoot/NETworkManager/pull/3144) [#3187](https://github.com/BornToBeRoot/NETworkManager/pull/3187)
 - Introduced a context menu for profile groups to collapse or expand all groups at once. [#3171](https://github.com/BornToBeRoot/NETworkManager/pull/3171)
 
 ## Improvements
@@ -46,6 +46,7 @@ Release date: **xx.xx.2025**
 
 ## Dependencies, Refactoring & Documentation
 
+- Documentation updated [#3187](https://github.com/BornToBeRoot/NETworkManager/pull/3187)
 - Code cleanup & refactoring
 - Language files updated via [#transifex](https://github.com/BornToBeRoot/NETworkManager/pulls?q=author%3Aapp%2Ftransifex-integration)
 - Dependencies updated via [#dependabot](https://github.com/BornToBeRoot/NETworkManager/pulls?q=author%3Aapp%2Fdependabot)

Website/docs/groups-and-profiles.md

@@ -34,6 +34,8 @@ Right-click on a selected profile to `edit`, `copy` or `delete` it.
 
 You can also use the Hotkeys `F2` (`edit`) or `Del` (`delete`) on a selected profile.
 
+Right-click on a group header to `expand` or `collapse` all groups. The button to edit the group will be shown when hovering over the group header.
+
 :::
 
 ## Group
@@ -50,6 +52,8 @@ In the profile settings you can define general settings and feature specific set
 
 Profiles are only displayed in the specific features if they have been enabled via the checkbox. The [`Profiles` tab in the `Settings`](#overview) will show all profiles.
 
+Use `tags` to organize profiles and filter by them. For example, tag profiles as `prod` or `dns` to group related ones. You can filter by `any` or `all` tags.
+
 :::
 
 :::tip