chore(prevent): Integrate prevent-ai flag and move around codecov-ui flag (#97719)

This PR updates the secondary nav for prevent to be flagged by the new
prevent-ai flag, and then changes the coverage/tests/tokens pages to use
the original flag. The UI button now appears with just the "prevent AI"
stuff which directly links to the new onboarding page

Closes
https://linear.app/getsentry/issue/PREVENT-256/integrate-prevent-ai-feature-flag-in-sentry-ui



https://github.com/user-attachments/assets/922a9673-ec17-4ee5-9937-038df2786458



<!--

  Sentry employees and contractors can delete or ignore the following.

-->

### Legal Boilerplate

Look, I get it. The entity doing business as "Sentry" was incorporated
in the State of Delaware in 2015 as Functional Software, Inc. and is
gonna need some rights from me in order to utilize my contributions in
this here PR. So here's the deal: I retain all rights, title and
interest in and to my contributions, and by keeping this boilerplate
intact I confirm that Sentry can use, modify, copy, and redistribute my
contributions, under Sentry's choice of terms.

Author: ajay-sentry

static/app/views/nav/primary/index.tsx

@@ -28,7 +28,7 @@ import {PrimaryNavigationWhatsNew} from 'sentry/views/nav/primary/whatsNew';
 import {NavTourElement, StackedNavigationTour} from 'sentry/views/nav/tour/tour';
 import {NavLayout, PrimaryNavGroup} from 'sentry/views/nav/types';
 import {UserDropdown} from 'sentry/views/nav/userDropdown';
-import {COVERAGE_BASE_URL, PREVENT_BASE_URL} from 'sentry/views/prevent/settings';
+import {PREVENT_AI_BASE_URL, PREVENT_BASE_URL} from 'sentry/views/prevent/settings';
 
 function SidebarBody({children}: {children: React.ReactNode}) {
   const {layout} = useNavContext();
@@ -123,9 +123,9 @@ export function PrimaryNavigationItems() {
           </NavTourElement>
         </Feature>
 
-        <Feature features={['codecov-ui']}>
+        <Feature features={['prevent-ai']}>
           <SidebarLink
-            to={`/${prefix}/${PREVENT_BASE_URL}/${COVERAGE_BASE_URL}/commits/`}
+            to={`/${prefix}/${PREVENT_BASE_URL}/${PREVENT_AI_BASE_URL}/new/`}
             activeTo={`/${prefix}/${PREVENT_BASE_URL}/`}
             analyticsKey="prevent"
             group={PrimaryNavGroup.PREVENT}

static/app/views/nav/secondary/sections/prevent/preventSecondaryNav.tsx

@@ -1,5 +1,6 @@
 import {Fragment} from 'react';
 
+import Feature from 'sentry/components/acl/feature';
 import {t} from 'sentry/locale';
 import useOrganization from 'sentry/utils/useOrganization';
 import {PRIMARY_NAV_GROUP_CONFIG} from 'sentry/views/nav/primary/config';
@@ -39,27 +40,33 @@ function PreventSecondaryNav() {
       </SecondaryNav.Header>
       <SecondaryNav.Body>
         <SecondaryNav.Section id="prevent-main">
-          <SecondaryNav.Item
-            to={`${coveragePathname}commits/`}
-            activeTo={coveragePathname}
-          >
-            {t('Coverage')}
-          </SecondaryNav.Item>
-          <SecondaryNav.Item to={testsPathname} activeTo={testsPathname}>
-            {t('Tests')}
-          </SecondaryNav.Item>
+          <Feature features={['codecov-ui']}>
+            <SecondaryNav.Item
+              to={`${coveragePathname}commits/`}
+              activeTo={coveragePathname}
+            >
+              {t('Coverage')}
+            </SecondaryNav.Item>
+          </Feature>
+          <Feature features={['codecov-ui']}>
+            <SecondaryNav.Item to={testsPathname} activeTo={testsPathname}>
+              {t('Tests')}
+            </SecondaryNav.Item>
+          </Feature>
           <SecondaryNav.Item
             to={`${preventAIPathName}new/`}
             activeTo={`${preventAIPathName}new/`}
           >
             {t('Prevent AI')}
           </SecondaryNav.Item>
         </SecondaryNav.Section>
-        <SecondaryNav.Section id="prevent-configure" title={t('Configure')}>
-          <SecondaryNav.Item to={`${tokensPathName}`} activeTo={tokensPathName}>
-            {t('Tokens')}
-          </SecondaryNav.Item>
-        </SecondaryNav.Section>
+        <Feature features={['codecov-ui']}>
+          <SecondaryNav.Section id="prevent-configure" title={t('Configure')}>
+            <SecondaryNav.Item to={`${tokensPathName}`} activeTo={tokensPathName}>
+              {t('Tokens')}
+            </SecondaryNav.Item>
+          </SecondaryNav.Section>
+        </Feature>
       </SecondaryNav.Body>
     </Fragment>
   );

static/app/views/prevent/index.spec.tsx

@@ -4,7 +4,7 @@ import {render, screen} from 'sentry-test/reactTestingLibrary';
 
 import PreventPage from 'sentry/views/prevent';
 
-const COVERAGE_FEATURE = 'codecov-ui';
+const PREVENT_FEATURE = 'prevent-ai';
 
 describe('PreventPage', () => {
   describe('when the user has access to the feature', () => {
@@ -13,7 +13,7 @@ describe('PreventPage', () => {
         <PreventPage>
           <p>Test content</p>
         </PreventPage>,
-        {organization: OrganizationFixture({features: [COVERAGE_FEATURE]})}
+        {organization: OrganizationFixture({features: [PREVENT_FEATURE]})}
       );
 
       const testContent = screen.getByText('Test content');

static/app/views/prevent/index.tsx

@@ -14,17 +14,13 @@ export default function PreventPage({children}: Props) {
   const location = useLocation();
   const organization = useOrganization();
 
-  // Redirect to coverage page if the user lands on the codecov page
-  if (
-    location.pathname === `/${PREVENT_BASE_URL}/` ||
-    location.pathname === `/${PREVENT_BASE_URL}/coverage`
-  ) {
-    return <Redirect to={`/${PREVENT_BASE_URL}/coverage/commits/`} />;
+  if (location.pathname === `/${PREVENT_BASE_URL}/`) {
+    return <Redirect to={`/${PREVENT_BASE_URL}/prevent-ai/new/`} />;
   }
 
   return (
     <Feature
-      features={['codecov-ui']}
+      features={['prevent-ai']}
       organization={organization}
       renderDisabled={NoAccess}
     >