In-app awareness of Registration Features - Group access by IP address

What does this MR do and why?

Related to #341949 (closed)

To increase discoverability for the features that can be enabled with Registration features, we'll be presenting in-app messages/hints. In this case, for setting allowed IP addresses.

Criteria to show the CTA

The offer shouldn't be presented to licensed instances because they already have the paid features available, so the callout (to enable features they already have) doesn't make sense. The decision on whether to show the offer is on the true/false of whether Service Ping is enabled, not on whether Registration Features is enabled.

Instance Type	License Type	Service Ping Setting	Expected Behavior
CE	Unlicensed	Off	Link to docs
EE	Unlicensed	Off	Link to admin setting
EE	Licensed	Off	Do not present offer
CE	Unlicensed	On	Do not present offer
EE	Unlicensed	On	Do not present offer
EE	Licensed	On	Do not present offer

Screenshots or screen recordings

Enabled feature for reference

---

When Service Ping is disabled

The CTA is always hidden if Service Ping is enabled.

Before (hidden)	After (CE)	After (EE)

How to set up and validate locally

1. Optionally restart gdk as FOSS (FOSS_ONLY=1 gdk restart) to test like a CE instance.
2. Go to any group’s Settings > General page. and expand the Permissions, LFS, 2FA section.
3. Scroll to the Allow access to the following IP addresses section.
4. Toggle a local license/subscription and/or service ping/registration features.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.

app/assets/javascripts/boards/components/board_filtered_search.vue

@@ -44,6 +44,7 @@ export default {
         weight,
         epicId,
         myReactionEmoji,
+        releaseTag,
       } = this.filterParams;
       const filteredSearchValue = [];
 
@@ -105,6 +106,13 @@ export default {
         });
       }
 
+      if (releaseTag) {
+        filteredSearchValue.push({
+          type: 'release',
+          value: { data: releaseTag, operator: '=' },
+        });
+      }
+
       if (epicId) {
         filteredSearchValue.push({
           type: 'epic_id',
@@ -177,6 +185,13 @@ export default {
         });
       }
 
+      if (this.filterParams['not[releaseTag]']) {
+        filteredSearchValue.push({
+          type: 'release',
+          value: { data: this.filterParams['not[releaseTag]'], operator: '!=' },
+        });
+      }
+
       if (search) {
         filteredSearchValue.push(search);
       }
@@ -195,6 +210,7 @@ export default {
         epicId,
         myReactionEmoji,
         iterationId,
+        releaseTag,
       } = this.filterParams;
       let notParams = {};
 
@@ -210,6 +226,7 @@ export default {
             'not[epic_id]': this.filterParams.not.epicId,
             'not[my_reaction_emoji]': this.filterParams.not.myReactionEmoji,
             'not[iteration_id]': this.filterParams.not.iterationId,
+            'not[release_tag]': this.filterParams.not.releaseTag,
           },
           undefined,
         );
@@ -227,6 +244,7 @@ export default {
         weight,
         epic_id: getIdFromGraphQLId(epicId),
         my_reaction_emoji: myReactionEmoji,
+        release_tag: releaseTag,
       };
     },
   },
@@ -290,6 +308,9 @@ export default {
           case 'my_reaction_emoji':
             filterParams.myReactionEmoji = filter.value.data;
             break;
+          case 'release':
+            filterParams.releaseTag = filter.value.data;
+            break;
           case 'filtered-search-term':
             if (filter.value.data) plainText.push(filter.value.data);
             break;