fix(insights): updated empty-state copy for caches / queues (#72905)

Better describe the benefits of using the cache / queue insights.

Author: bcoe

static/app/views/performance/cache/cacheLandingPage.spec.tsx

@@ -239,7 +239,7 @@ describe('CacheLandingPage', function () {
     await waitForElementToBeRemoved(() => screen.queryAllByTestId('loading-indicator'));
 
     expect(
-      screen.getByText('Start collecting Insights about your Caches!')
+      screen.getByText('Make sure your application’s caching is behaving properly')
     ).toBeInTheDocument();
   });
 });

static/app/views/performance/cache/settings.ts

@@ -23,7 +23,7 @@ export const MODULE_DESCRIPTION = t(
 export const MODULE_DOC_LINK = 'https://docs.sentry.io/product/insights/caches/';
 
 export const ONBOARDING_CONTENT = {
-  title: t('Start collecting Insights about your Caches!'),
-  description: t('Our robot is waiting to collect your first cache hit.'),
+  title: t('Make sure your application’s caching is behaving properly'),
+  description: t('We tell you if your application is hitting cache as often as expected and whether it’s delivering the anticipated performance improvements.'),
   link: MODULE_DOC_LINK,
 };

static/app/views/performance/onboarding/modulesOnboarding.tsx

@@ -54,13 +54,12 @@ function ModulesOnboardingPanel({children}: {children: React.ReactNode}) {
 }
 
 const PerfImage = styled('img')`
-  -webkit-transform: scaleX(-1);
-  transform: scaleX(-1);
-  width: 600px;
+  width: 260px;
   user-select: none;
   position: absolute;
   bottom: 0;
   right: 0;
+  padding-right: ${space(1)};
 `;
 
 const Container = styled('div')`
@@ -72,5 +71,6 @@ const Container = styled('div')`
 
 const ContentContainer = styled('div')`
   position: relative;
+  width: 70%;
   z-index: 1;
 `;

static/app/views/performance/queues/settings.ts

@@ -47,8 +47,8 @@ export const MODULE_DOC_LINK =
   'https://docs.sentry.io/product/insights/queue-monitoring/';
 
 export const ONBOARDING_CONTENT = {
-  title: t('Start collecting Insights about your Queues!'),
-  description: t('Our robot is waiting for your first background job to complete.'),
+  title: t('Make sure your jobs complete without errors'),
+  description: t('Track the behavior of background jobs at each step in their processing, allowing you to see whether jobs are completing on time and making it easy to debug when they are failing.'),
   link: MODULE_DOC_LINK,
 };