feat: add AI consent step with Flappy Hog easter egg (#41924)

Co-authored-by: Claude <[email protected]>

Author: MattBro

frontend/public/hedgehog/flappy-hog-splash.png

@@ -379,7 +379,7 @@ export function AccountMenu({ trigger, ...props }: AccountMenuProps): JSX.Elemen
                             <DropdownMenuSubContent>
                                 <DropdownMenuGroup>
                                     {getTreeItemsGames().map((game) => (
-                                        <DropdownMenuItem asChild>
+                                        <DropdownMenuItem asChild key={game.path}>
                                             <Link to={game.href} buttonProps={{ menuItem: true }}>
                                                 {game.path}
                                             </Link>

frontend/public/hedgehog/robot-hog.png

@@ -29,6 +29,7 @@ import phonePairHogs from 'public/hedgehog/phone-pair-hogs.png'
 import policeHog from 'public/hedgehog/police-hog.png'
 import professorHog from 'public/hedgehog/professor-hog.png'
 import readingHog from 'public/hedgehog/reading-hog.png'
+import robotHog from 'public/hedgehog/robot-hog.png'
 import runningHog from 'public/hedgehog/running-hog.png'
 import sleepingHog from 'public/hedgehog/sleeping-hog.png'
 import spaceHog from 'public/hedgehog/space-hog.png'
@@ -147,6 +148,9 @@ export const WavingHog = (props: HedgehogProps): JSX.Element => {
 export const ReadingHog = (props: HedgehogProps): JSX.Element => {
     return <SquaredHedgehog src={readingHog} {...props} />
 }
+export const RobotHog = (props: HedgehogProps): JSX.Element => {
+    return <SquaredHedgehog src={robotHog} {...props} />
+}
 export const MicrophoneHog = (props: HedgehogProps): JSX.Element => {
     return <SquaredHedgehog src={microphoneHog} {...props} />
 }

frontend/src/lib/components/Account/AccountMenu.tsx

@@ -231,6 +231,7 @@ export const FEATURE_FLAGS = {
     SDK_DOCTOR_BETA: 'sdk-doctor-beta', // owner: @slshults
     ONBOARDING_DATA_WAREHOUSE_FOR_PRODUCT_ANALYTICS: 'onboarding-data-warehouse-for-product-analytics', // owner: @joshsny
     ONBOARDING_USE_CASE_SELECTION: 'onboarding-use-case-selection', // owner: @mattbro
+    ONBOARDING_AI_CONSENT_STEP: 'onboarding-ai-consent-step', // owner: @mattbro
     DELAYED_LOADING_ANIMATION: 'delayed-loading-animation', // owner: @raquelmsmith
     WEB_ANALYTICS_PAGE_REPORTS: 'web-analytics-page-reports', // owner: @lricoy #team-web-analytics
     ENDPOINTS: 'embedded-analytics', // owner: @sakce #team-clickhouse

frontend/src/lib/components/hedgehogs.tsx

@@ -133,7 +133,10 @@
             "intents": ["workflows"]
         }
     ],
-    "games": [{ "path": "368 Hedgehogs", "category": null, "iconType": null, "type": null, "intents": [] }],
+    "games": [
+        { "path": "368 Hedgehogs", "category": null, "iconType": null, "type": null, "intents": [] },
+        { "path": "Flappy Hog", "category": null, "iconType": null, "type": null, "intents": [] }
+    ],
     "metadata": [
         { "path": "Actions", "category": "Schema", "iconType": null, "type": null, "intents": [] },
         {

frontend/src/lib/constants.tsx

@@ -62,6 +62,7 @@ export const productScenes: Record<string, () => Promise<any>> = {
             '../../products/error_tracking/frontend/scenes/ErrorTrackingConfigurationScene/ErrorTrackingConfigurationScene'
         ),
     Game368Hedgehogs: () => import('../../products/games/368Hedgehogs/368Hedgehogs'),
+    FlappyHog: () => import('../../products/games/FlappyHog/FlappyHog'),
     Links: () => import('../../products/links/frontend/LinksScene'),
     Link: () => import('../../products/links/frontend/LinkScene'),
     LiveDebugger: () => import('../../products/live_debugger/frontend/LiveDebugger'),
@@ -113,6 +114,7 @@ export const productRoutes: Record<string, [string, string]> = {
     '/error_tracking/alerts/:id': ['HogFunction', 'errorTrackingAlert'],
     '/error_tracking/alerts/new/:templateId': ['HogFunction', 'errorTrackingAlertNew'],
     '/games/368hedgehogs': ['Game368Hedgehogs', 'game368Hedgehogs'],
+    '/games/flappyhog': ['FlappyHog', 'flappyHog'],
     '/links': ['Links', 'links'],
     '/link/:id': ['Link', 'link'],
     '/live-debugger': ['LiveDebugger', 'liveDebugger'],
@@ -255,6 +257,7 @@ export const productConfiguration: Record<string, any> = {
     ErrorTrackingIssueFingerprints: { projectBased: true, name: 'Error tracking issue fingerprints' },
     ErrorTrackingConfiguration: { projectBased: true, name: 'Error tracking configuration' },
     Game368Hedgehogs: { name: '368Hedgehogs', projectBased: true, activityScope: 'Games' },
+    FlappyHog: { name: 'FlappyHog', projectBased: true, activityScope: 'Games' },
     Links: {
         name: 'Links',
         projectBased: true,
@@ -464,6 +467,7 @@ export const productUrls = {
     featureFlag: (id: string | number): string => `/feature_flags/${id}`,
     featureFlagDuplicate: (sourceId: number | string | null): string => `/feature_flags/new?sourceId=${sourceId}`,
     game368hedgehogs: (): string => `/games/368hedgehogs`,
+    flappyHog: (): string => `/games/flappyhog`,
     groups: (groupTypeIndex: string | number): string => `/groups/${groupTypeIndex}`,
     groupsNew: (groupTypeIndex: string | number): string => `/groups/${groupTypeIndex}/new`,
     group: (groupTypeIndex: string | number, groupKey: string, encode: boolean = true, tab?: string | null): string =>
@@ -1191,7 +1195,10 @@ export const getTreeItemsProducts = (): FileSystemImport[] => [
 ]
 
 /** This const is auto-generated, as is the whole file */
-export const getTreeItemsGames = (): FileSystemImport[] => [{ path: '368 Hedgehogs', href: urls.game368hedgehogs() }]
+export const getTreeItemsGames = (): FileSystemImport[] => [
+    { path: '368 Hedgehogs', href: urls.game368hedgehogs() },
+    { path: 'Flappy Hog', href: '/games/flappyhog' },
+]
 
 /** This const is auto-generated, as is the whole file */
 export const getTreeItemsMetadata = (): FileSystemImport[] => [