feat(flags): add python onboarding sidebar

[michellewzhang]

what does this pr do?

• this pr implements part of the feature flag onboarding sidebar specified in these designs.
• relates to https://github.com/getsentry/team-replay/issues/502.
• currently, only the python onboarding is done, as i want to get feedback on how i've structured it before doing javascript. (javascript & python are the only two SDKs we'll do for now.)
• deletes the setup integration modal introduced in feat(flags): add setup integration modal #80437, which is no longer needed.

flow walkthrough

The sidebar is triggered by the "set up integration" button on the feature flags table on issue details.

It opens a flyout sidebar, which explains onboarding instructions for how to set up feature flag integrations. Depending on whether OpenFeature is selected (which allows for an additional dropdown to pick another provider) or another SDK, the instructions will vary.

LD:

OpenFeature with LD:

signing secret

At the bottom of the sidebar is a spot to post a signing secret, which is what we use to verify the integration. This posts to the /signing-secret/ endpoint:

sentry/src/sentry/api/urls.py

Lines 2072 to 2076 in 9dfbc5a

	re_path(
	r"^(?P<organization_id_or_slug>[^\/]+)/flags/hooks/provider/(?P<provider>[\w-]+)/signing-secret/$",
	OrganizationFlagsWebHookSigningSecretEndpoint.as_view(),
	name="sentry-api-0-organization-flag-hooks-signing-secret",
	),

Screen.Recording.2024-11-15.at.3.10.45.PM.mov

when the token is saved, a success banner appears:

video demos

triggering from issue details:

of.mov

example of what it would look like if OpenFeature had multiple options:

Screen.Recording.2024-11-15.at.2.47.54.PM.mov

todo (this PR):

• tests
• fix/test the secret endpoint
• fill in links for docs

todo (followups)

• javascript onboarding
• figure out CTA details (another way the sidebar can be triggered)
• if we detect that event.contexts.flags is not undefined, we should hide the first half of the onboarding as specified in the designs
• analytics charts

[codecov]

Bundle Report

Changes will increase total bundle size by 22.17kB (0.07%) ⬆️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
app-webpack-bundle-array-push	31.91MB	22.17kB (0.07%) ⬆️

[codecov]

Codecov Report

Attention: Patch coverage is 34.45378% with 78 lines in your changes missing coverage. Please review.

✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
...ents/featureFlags/featureFlagOnboardingSidebar.tsx	39.65%	35 Missing ⚠️
...ents/featureFlags/onboardingIntegrationSection.tsx	20.00%	20 Missing ⚠️
...vents/featureFlags/featureFlagOnboardingLayout.tsx	18.75%	13 Missing ⚠️
...s/events/featureFlags/useFeatureFlagOnboarding.tsx	50.00%	6 Missing ⚠️
static/app/gettingStartedDocs/python/python.tsx	25.00%	3 Missing ⚠️
static/app/components/sidebar/index.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master   #80871      +/-   ##
==========================================
- Coverage   78.41%   78.40%   -0.01%     
==========================================
  Files        7209     7212       +3     
  Lines      319622   319690      +68     
  Branches    44006    44013       +7     
==========================================
+ Hits       250642   250664      +22     
- Misses      62594    62640      +46     
  Partials     6386     6386              

[michellewzhang]

wasn't sure what link to use here, i don't think we have a general feature flag page in docs yet

[michellewzhang]

wasn't sure whether to use the OpenFeature site here (https://openfeature.dev/) or the sentry specific docs (https://docs.sentry.io/platforms/python/integrations/openfeature/)

[michellewzhang]

same here, not sure what docs to use

[maikool]

Wow great work Michelle!