diff --git a/.eslintrc.js b/.eslintrc.js index d0957df5af00b..c181d5964eefd 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -128,6 +128,16 @@ module.exports = { message: 'use flex utility classes instead, e.g. could be
', }, + { + name: 'antd', + importNames: ['Col'], + message: 'use flex utility classes instead - most of the time can simply be a plain
', + }, + { + name: 'antd', + importNames: ['Card'], + message: 'use utility classes instead', + }, ], }, ], @@ -147,18 +157,10 @@ module.exports = { 'warn', { forbid: [ - { - element: 'Col', - message: 'use flex utility classes instead - most of the time can simply be a plain
', - }, { element: 'Divider', message: 'use instead', }, - { - element: 'Card', - message: 'use utility classes instead', - }, { element: 'Button', message: 'use instead', diff --git a/.storybook/test-runner.ts b/.storybook/test-runner.ts index 1d03d123f97d2..f72cfd02f5e98 100644 --- a/.storybook/test-runner.ts +++ b/.storybook/test-runner.ts @@ -36,8 +36,6 @@ declare module '@storybook/types' { snapshotBrowsers?: SupportedBrowserName[] /** If taking a component snapshot, you can narrow it down by specifying the selector. */ snapshotTargetSelector?: string - /** Include snapshots of buttons in 3000. */ - include3000?: boolean } msw?: { mocks?: Mocks @@ -99,7 +97,6 @@ async function expectStoryToMatchSnapshot( waitForLoadersToDisappear = true, waitForSelector, excludeNavigationFromSnapshot = false, - include3000 = false, } = storyContext.parameters?.testOptions ?? {} let check: ( @@ -141,20 +138,18 @@ async function expectStoryToMatchSnapshot( await check(page, context, browser, 'legacy', storyContext.parameters?.testOptions?.snapshotTargetSelector) - if (include3000) { - await page.evaluate(() => { - document.body.classList.add('posthog-3000') - document.body.setAttribute('theme', 'light') - }) + await page.evaluate(() => { + document.body.classList.add('posthog-3000') + document.body.setAttribute('theme', 'light') + }) - await check(page, context, browser, 'light', storyContext.parameters?.testOptions?.snapshotTargetSelector) + await check(page, context, browser, 'light', storyContext.parameters?.testOptions?.snapshotTargetSelector) - await page.evaluate(() => { - document.body.setAttribute('theme', 'dark') - }) + await page.evaluate(() => { + document.body.setAttribute('theme', 'dark') + }) - await check(page, context, browser, 'dark', storyContext.parameters?.testOptions?.snapshotTargetSelector) - } + await check(page, context, browser, 'dark', storyContext.parameters?.testOptions?.snapshotTargetSelector) } async function expectStoryToMatchFullPageSnapshot( diff --git a/ee/billing/quota_limiting.py b/ee/billing/quota_limiting.py index ef3e12a421575..0809266b1db64 100644 --- a/ee/billing/quota_limiting.py +++ b/ee/billing/quota_limiting.py @@ -147,12 +147,12 @@ def set_org_usage_summary( new_usage = copy.deepcopy(new_usage) for field in ["events", "recordings", "rows_synced"]: - resource_usage = new_usage[field] # type: ignore + resource_usage = new_usage.get(field, {"limit": None, "usage": 0, "todays_usage": 0}) if not resource_usage: continue if todays_usage: - resource_usage["todays_usage"] = todays_usage[field] # type: ignore + resource_usage["todays_usage"] = todays_usage.get(field, 0) else: # TRICKY: If we are not explictly setting todays_usage, we want to reset it to 0 IF the incoming new_usage is different if (organization.usage or {}).get(field, {}).get("usage") != resource_usage.get("usage"): diff --git a/ee/clickhouse/queries/funnels/test/__snapshots__/test_funnel.ambr b/ee/clickhouse/queries/funnels/test/__snapshots__/test_funnel.ambr index bb14426e16441..7786b0efe8d69 100644 --- a/ee/clickhouse/queries/funnels/test/__snapshots__/test_funnel.ambr +++ b/ee/clickhouse/queries/funnels/test/__snapshots__/test_funnel.ambr @@ -19,7 +19,7 @@ AND notEmpty(e.person_id) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -160,7 +160,7 @@ AND notEmpty(e.person_id) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -299,7 +299,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -437,7 +437,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -572,7 +572,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -707,7 +707,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -842,7 +842,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -979,7 +979,7 @@ AND notEmpty(e.person_id) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1120,7 +1120,7 @@ AND notEmpty(e.person_id) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1259,7 +1259,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1397,7 +1397,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1510,7 +1510,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1623,7 +1623,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1736,7 +1736,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1851,7 +1851,7 @@ AND notEmpty(e.person_id) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1992,7 +1992,7 @@ AND notEmpty(e.person_id) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -2131,7 +2131,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -2269,7 +2269,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -2292,7 +2292,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -2315,7 +2315,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -2547,7 +2547,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -2570,7 +2570,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -2593,7 +2593,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -2825,7 +2825,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -2848,7 +2848,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -2871,7 +2871,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -3103,7 +3103,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -3126,7 +3126,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -3149,7 +3149,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- diff --git a/ee/clickhouse/queries/test/__snapshots__/test_breakdown_props.ambr b/ee/clickhouse/queries/test/__snapshots__/test_breakdown_props.ambr index 415ed17869d25..0111a16581c61 100644 --- a/ee/clickhouse/queries/test/__snapshots__/test_breakdown_props.ambr +++ b/ee/clickhouse/queries/test/__snapshots__/test_breakdown_props.ambr @@ -19,7 +19,7 @@ OR NOT JSONHas(group_properties_0, 'out'))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 5 + LIMIT 6 OFFSET 0 ' --- @@ -44,7 +44,7 @@ OR NOT JSONHas(group_properties_0, 'out'))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 5 + LIMIT 6 OFFSET 0 ' --- @@ -74,7 +74,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 5 + LIMIT 6 OFFSET 0 ' --- @@ -104,7 +104,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 5 + LIMIT 6 OFFSET 0 ' --- @@ -142,7 +142,7 @@ OR has(['val'], replaceRegexpAll(JSONExtractRaw(e.properties, 'key'), '^"|"$', '')))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 5 + LIMIT 6 OFFSET 0 ' --- @@ -167,7 +167,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -206,7 +206,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -245,7 +245,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- diff --git a/ee/clickhouse/queries/test/test_breakdown_props.py b/ee/clickhouse/queries/test/test_breakdown_props.py index b937c63fed66f..bd398812bb97a 100644 --- a/ee/clickhouse/queries/test/test_breakdown_props.py +++ b/ee/clickhouse/queries/test/test_breakdown_props.py @@ -94,7 +94,7 @@ def test_breakdown_person_props(self): "count(*)", self.team, ) - self.assertEqual(res, ["test"]) + self.assertEqual(res[0], ["test"]) def test_breakdown_person_props_with_entity_filter(self): _create_person(team_id=self.team.pk, distinct_ids=["p1"], properties={"$browser": "test"}) @@ -150,7 +150,7 @@ def test_breakdown_person_props_with_entity_filter(self): } ) res = get_breakdown_prop_values(filter, Entity(entity_params[0]), "count(*)", self.team) - self.assertEqual(res, ["test"]) + self.assertEqual(res[0], ["test"]) @snapshot_clickhouse_queries def test_breakdown_person_props_with_entity_filter_and_or_props_with_partial_pushdown(self): @@ -242,7 +242,7 @@ def test_breakdown_person_props_with_entity_filter_and_or_props_with_partial_pus "funnel_window_days": 14, } ) - res = sorted(get_breakdown_prop_values(filter, Entity(entity_params[0]), "count(*)", self.team)) + res = sorted(get_breakdown_prop_values(filter, Entity(entity_params[0]), "count(*)", self.team)[0]) self.assertEqual(res, ["test", "test2"]) @snapshot_clickhouse_queries @@ -319,7 +319,7 @@ def test_breakdown_group_props(self): team=self.team, ) result = get_breakdown_prop_values(filter, filter.entities[0], "count(*)", self.team) - self.assertEqual(result, ["finance", "technology"]) + self.assertEqual(result[0], ["finance", "technology"]) filter = Filter( data={ @@ -345,7 +345,7 @@ def test_breakdown_group_props(self): } ) result = get_breakdown_prop_values(filter, filter.entities[0], "count(*)", self.team) - self.assertEqual(result, ["finance", "technology"]) + self.assertEqual(result[0], ["finance", "technology"]) @snapshot_clickhouse_queries def test_breakdown_session_props(self): @@ -397,7 +397,7 @@ def test_breakdown_session_props(self): } ) result = get_breakdown_prop_values(filter, filter.entities[0], "count(*)", self.team) - self.assertEqual(result, [70, 20]) + self.assertEqual(result[0], [70, 20]) @snapshot_clickhouse_queries def test_breakdown_with_math_property_session(self): @@ -511,10 +511,10 @@ def test_breakdown_with_math_property_session(self): result = get_breakdown_prop_values(filter, filter.entities[0], aggregate_operation, self.team) # test should come first, based on aggregate operation, even if absolute count of events for # mac is higher - self.assertEqual(result, ["test", "mac"]) + self.assertEqual(result[0], ["test", "mac"]) result = get_breakdown_prop_values(filter, filter.entities[0], "count(*)", self.team) - self.assertEqual(result, ["mac", "test"]) + self.assertEqual(result[0], ["mac", "test"]) @pytest.mark.parametrize( diff --git a/ee/clickhouse/views/test/__snapshots__/test_clickhouse_experiment_secondary_results.ambr b/ee/clickhouse/views/test/__snapshots__/test_clickhouse_experiment_secondary_results.ambr index 5fa656c60136d..0e07c15554bae 100644 --- a/ee/clickhouse/views/test/__snapshots__/test_clickhouse_experiment_secondary_results.ambr +++ b/ee/clickhouse/views/test/__snapshots__/test_clickhouse_experiment_secondary_results.ambr @@ -22,7 +22,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-06 00:00:00', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -83,7 +83,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-06 00:00:00', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- diff --git a/ee/clickhouse/views/test/__snapshots__/test_clickhouse_experiments.ambr b/ee/clickhouse/views/test/__snapshots__/test_clickhouse_experiments.ambr index 9738ec2e3a988..72883735513ab 100644 --- a/ee/clickhouse/views/test/__snapshots__/test_clickhouse_experiments.ambr +++ b/ee/clickhouse/views/test/__snapshots__/test_clickhouse_experiments.ambr @@ -10,7 +10,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-06 00:00:00', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -212,7 +212,7 @@ AND toTimeZone(timestamp, 'Europe/Amsterdam') <= toDateTime('2020-01-06 10:00:00', 'Europe/Amsterdam') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -414,7 +414,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-06 00:00:00', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -616,7 +616,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-06 00:00:00', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -819,7 +819,7 @@ AND (has(['control', 'test'], replaceRegexpAll(JSONExtractRaw(e.properties, '$feature/a-b-test'), '^"|"$', ''))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -883,7 +883,7 @@ AND has(['a-b-test'], replaceRegexpAll(JSONExtractRaw(e.properties, '$feature_flag'), '^"|"$', ''))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1111,7 +1111,7 @@ AND (has(['control', 'test_1', 'test_2', 'test'], replaceRegexpAll(JSONExtractRaw(e.properties, '$feature/a-b-test'), '^"|"$', ''))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1175,7 +1175,7 @@ AND has(['a-b-test'], replaceRegexpAll(JSONExtractRaw(e.properties, '$feature_flag'), '^"|"$', ''))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1296,7 +1296,7 @@ AND (has(['control', 'test'], replaceRegexpAll(JSONExtractRaw(e.properties, '$feature/a-b-test'), '^"|"$', ''))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1360,7 +1360,7 @@ AND has(['a-b-test'], replaceRegexpAll(JSONExtractRaw(e.properties, '$feature_flag'), '^"|"$', ''))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1589,7 +1589,7 @@ AND (ifNull(ilike(replaceRegexpAll(nullIf(nullIf(JSONExtractRaw(properties, 'hogql'), ''), 'null'), '^"|"$', ''), 'true'), 0))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1654,7 +1654,7 @@ AND has(['a-b-test'], replaceRegexpAll(JSONExtractRaw(e.properties, '$feature_flag'), '^"|"$', ''))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- diff --git a/ee/clickhouse/views/test/__snapshots__/test_clickhouse_trends.ambr b/ee/clickhouse/views/test/__snapshots__/test_clickhouse_trends.ambr index 3b4b040a8ebd5..5bdb57e5693ef 100644 --- a/ee/clickhouse/views/test/__snapshots__/test_clickhouse_trends.ambr +++ b/ee/clickhouse/views/test/__snapshots__/test_clickhouse_trends.ambr @@ -225,7 +225,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2012-01-15 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -398,7 +398,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2012-01-15 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -511,7 +511,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2012-01-15 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- diff --git a/frontend/__snapshots__/components-cards-insight-card--insight-card--dark.png b/frontend/__snapshots__/components-cards-insight-card--insight-card--dark.png new file mode 100644 index 0000000000000..d50362e3008eb Binary files /dev/null and b/frontend/__snapshots__/components-cards-insight-card--insight-card--dark.png differ diff --git a/frontend/__snapshots__/components-cards-insight-card--insight-card--light.png b/frontend/__snapshots__/components-cards-insight-card--insight-card--light.png new file mode 100644 index 0000000000000..8173a4b1e6232 Binary files /dev/null and b/frontend/__snapshots__/components-cards-insight-card--insight-card--light.png differ diff --git a/frontend/__snapshots__/components-cards-insight-card--insight-card.png b/frontend/__snapshots__/components-cards-insight-card--insight-card.png index 0a38b26952afc..30865d9b1686f 100644 Binary files a/frontend/__snapshots__/components-cards-insight-card--insight-card.png and b/frontend/__snapshots__/components-cards-insight-card--insight-card.png differ diff --git a/frontend/__snapshots__/components-cards-text-card--template--dark.png b/frontend/__snapshots__/components-cards-text-card--template--dark.png new file mode 100644 index 0000000000000..4c4fa46ff60e8 Binary files /dev/null and b/frontend/__snapshots__/components-cards-text-card--template--dark.png differ diff --git a/frontend/__snapshots__/components-cards-text-card--template--light.png b/frontend/__snapshots__/components-cards-text-card--template--light.png new file mode 100644 index 0000000000000..15cb84ad01c69 Binary files /dev/null and b/frontend/__snapshots__/components-cards-text-card--template--light.png differ diff --git a/frontend/__snapshots__/components-compact-list--compact-list--dark.png b/frontend/__snapshots__/components-compact-list--compact-list--dark.png new file mode 100644 index 0000000000000..4e59c6ed124d7 Binary files /dev/null and b/frontend/__snapshots__/components-compact-list--compact-list--dark.png differ diff --git a/frontend/__snapshots__/components-compact-list--compact-list--light.png b/frontend/__snapshots__/components-compact-list--compact-list--light.png new file mode 100644 index 0000000000000..7262e239a2f83 Binary files /dev/null and b/frontend/__snapshots__/components-compact-list--compact-list--light.png differ diff --git a/frontend/__snapshots__/components-editable-field--default--dark.png b/frontend/__snapshots__/components-editable-field--default--dark.png new file mode 100644 index 0000000000000..1967b31235368 Binary files /dev/null and b/frontend/__snapshots__/components-editable-field--default--dark.png differ diff --git a/frontend/__snapshots__/components-editable-field--default--light.png b/frontend/__snapshots__/components-editable-field--default--light.png new file mode 100644 index 0000000000000..cb8c0b21713d7 Binary files /dev/null and b/frontend/__snapshots__/components-editable-field--default--light.png differ diff --git a/frontend/__snapshots__/components-editable-field--multiline-with-markdown--dark.png b/frontend/__snapshots__/components-editable-field--multiline-with-markdown--dark.png new file mode 100644 index 0000000000000..af0471d102ead Binary files /dev/null and b/frontend/__snapshots__/components-editable-field--multiline-with-markdown--dark.png differ diff --git a/frontend/__snapshots__/components-editable-field--multiline-with-markdown--light.png b/frontend/__snapshots__/components-editable-field--multiline-with-markdown--light.png new file mode 100644 index 0000000000000..b7254f20b40b5 Binary files /dev/null and b/frontend/__snapshots__/components-editable-field--multiline-with-markdown--light.png differ diff --git a/frontend/__snapshots__/components-empty-message--empty-message--dark.png b/frontend/__snapshots__/components-empty-message--empty-message--dark.png new file mode 100644 index 0000000000000..1b032e2b24efe Binary files /dev/null and b/frontend/__snapshots__/components-empty-message--empty-message--dark.png differ diff --git a/frontend/__snapshots__/components-empty-message--empty-message--light.png b/frontend/__snapshots__/components-empty-message--empty-message--light.png new file mode 100644 index 0000000000000..ec99d1cde51e2 Binary files /dev/null and b/frontend/__snapshots__/components-empty-message--empty-message--light.png differ diff --git a/frontend/__snapshots__/components-errors-error-display--anonymous-error-with-stack-trace--dark.png b/frontend/__snapshots__/components-errors-error-display--anonymous-error-with-stack-trace--dark.png new file mode 100644 index 0000000000000..a7abeb3e31dbb Binary files /dev/null and b/frontend/__snapshots__/components-errors-error-display--anonymous-error-with-stack-trace--dark.png differ diff --git a/frontend/__snapshots__/components-errors-error-display--anonymous-error-with-stack-trace--light.png b/frontend/__snapshots__/components-errors-error-display--anonymous-error-with-stack-trace--light.png new file mode 100644 index 0000000000000..bb1a4dc628445 Binary files /dev/null and b/frontend/__snapshots__/components-errors-error-display--anonymous-error-with-stack-trace--light.png differ diff --git a/frontend/__snapshots__/components-errors-error-display--importing-module--dark.png b/frontend/__snapshots__/components-errors-error-display--importing-module--dark.png new file mode 100644 index 0000000000000..b70d129dff586 Binary files /dev/null and b/frontend/__snapshots__/components-errors-error-display--importing-module--dark.png differ diff --git a/frontend/__snapshots__/components-errors-error-display--importing-module--light.png b/frontend/__snapshots__/components-errors-error-display--importing-module--light.png new file mode 100644 index 0000000000000..caa7590b38f6a Binary files /dev/null and b/frontend/__snapshots__/components-errors-error-display--importing-module--light.png differ diff --git a/frontend/__snapshots__/components-errors-error-display--resize-observer-loop-limit-exceeded--dark.png b/frontend/__snapshots__/components-errors-error-display--resize-observer-loop-limit-exceeded--dark.png new file mode 100644 index 0000000000000..0078c07650b11 Binary files /dev/null and b/frontend/__snapshots__/components-errors-error-display--resize-observer-loop-limit-exceeded--dark.png differ diff --git a/frontend/__snapshots__/components-errors-error-display--resize-observer-loop-limit-exceeded--light.png b/frontend/__snapshots__/components-errors-error-display--resize-observer-loop-limit-exceeded--light.png new file mode 100644 index 0000000000000..d3e7c1ce67937 Binary files /dev/null and b/frontend/__snapshots__/components-errors-error-display--resize-observer-loop-limit-exceeded--light.png differ diff --git a/frontend/__snapshots__/components-errors-error-display--safari-script-error--dark.png b/frontend/__snapshots__/components-errors-error-display--safari-script-error--dark.png new file mode 100644 index 0000000000000..b8b63482a6dce Binary files /dev/null and b/frontend/__snapshots__/components-errors-error-display--safari-script-error--dark.png differ diff --git a/frontend/__snapshots__/components-errors-error-display--safari-script-error--light.png b/frontend/__snapshots__/components-errors-error-display--safari-script-error--light.png new file mode 100644 index 0000000000000..c66770936ea59 Binary files /dev/null and b/frontend/__snapshots__/components-errors-error-display--safari-script-error--light.png differ diff --git a/frontend/__snapshots__/components-hogqleditor--hog-ql-editor--dark.png b/frontend/__snapshots__/components-hogqleditor--hog-ql-editor--dark.png new file mode 100644 index 0000000000000..615d9e7144ec1 Binary files /dev/null and b/frontend/__snapshots__/components-hogqleditor--hog-ql-editor--dark.png differ diff --git a/frontend/__snapshots__/components-hogqleditor--hog-ql-editor--light.png b/frontend/__snapshots__/components-hogqleditor--hog-ql-editor--light.png new file mode 100644 index 0000000000000..05672faf05c52 Binary files /dev/null and b/frontend/__snapshots__/components-hogqleditor--hog-ql-editor--light.png differ diff --git a/frontend/__snapshots__/components-hogqleditor--no-value--dark.png b/frontend/__snapshots__/components-hogqleditor--no-value--dark.png new file mode 100644 index 0000000000000..73da893d66537 Binary files /dev/null and b/frontend/__snapshots__/components-hogqleditor--no-value--dark.png differ diff --git a/frontend/__snapshots__/components-hogqleditor--no-value--light.png b/frontend/__snapshots__/components-hogqleditor--no-value--light.png new file mode 100644 index 0000000000000..c9fefd68a7717 Binary files /dev/null and b/frontend/__snapshots__/components-hogqleditor--no-value--light.png differ diff --git a/frontend/__snapshots__/components-hogqleditor--no-value-person-properties-disabled--dark.png b/frontend/__snapshots__/components-hogqleditor--no-value-person-properties-disabled--dark.png new file mode 100644 index 0000000000000..81415642ddfcb Binary files /dev/null and b/frontend/__snapshots__/components-hogqleditor--no-value-person-properties-disabled--dark.png differ diff --git a/frontend/__snapshots__/components-hogqleditor--no-value-person-properties-disabled--light.png b/frontend/__snapshots__/components-hogqleditor--no-value-person-properties-disabled--light.png new file mode 100644 index 0000000000000..d19f81c17324a Binary files /dev/null and b/frontend/__snapshots__/components-hogqleditor--no-value-person-properties-disabled--light.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--editable-display--dark.png b/frontend/__snapshots__/components-html-elements-display--editable-display--dark.png new file mode 100644 index 0000000000000..2418b7f8ea2d6 Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--editable-display--dark.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--editable-display--light.png b/frontend/__snapshots__/components-html-elements-display--editable-display--light.png new file mode 100644 index 0000000000000..b78d3ca7ce5b1 Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--editable-display--light.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--editable-display-with-preselection--dark.png b/frontend/__snapshots__/components-html-elements-display--editable-display-with-preselection--dark.png new file mode 100644 index 0000000000000..1b5b12df54efb Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--editable-display-with-preselection--dark.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--editable-display-with-preselection--light.png b/frontend/__snapshots__/components-html-elements-display--editable-display-with-preselection--light.png new file mode 100644 index 0000000000000..0259a34aa16cb Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--editable-display-with-preselection--light.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--empty-display--dark.png b/frontend/__snapshots__/components-html-elements-display--empty-display--dark.png new file mode 100644 index 0000000000000..79475891d6d25 Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--empty-display--dark.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--empty-display--light.png b/frontend/__snapshots__/components-html-elements-display--empty-display--light.png new file mode 100644 index 0000000000000..813e3d07c2846 Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--empty-display--light.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--example-elements--dark.png b/frontend/__snapshots__/components-html-elements-display--example-elements--dark.png new file mode 100644 index 0000000000000..79475891d6d25 Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--example-elements--dark.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--example-elements--light.png b/frontend/__snapshots__/components-html-elements-display--example-elements--light.png new file mode 100644 index 0000000000000..813e3d07c2846 Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--example-elements--light.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--read-only-display--dark.png b/frontend/__snapshots__/components-html-elements-display--read-only-display--dark.png new file mode 100644 index 0000000000000..86589d3b92771 Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--read-only-display--dark.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--read-only-display--light.png b/frontend/__snapshots__/components-html-elements-display--read-only-display--light.png new file mode 100644 index 0000000000000..bb309c1e70071 Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--read-only-display--light.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--with-uniqueness-check--dark.png b/frontend/__snapshots__/components-html-elements-display--with-uniqueness-check--dark.png new file mode 100644 index 0000000000000..e3505ac5eeb13 Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--with-uniqueness-check--dark.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--with-uniqueness-check--light.png b/frontend/__snapshots__/components-html-elements-display--with-uniqueness-check--light.png new file mode 100644 index 0000000000000..7517e6b31136f Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--with-uniqueness-check--light.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--without-central-hghlight-display--dark.png b/frontend/__snapshots__/components-html-elements-display--without-central-hghlight-display--dark.png new file mode 100644 index 0000000000000..8209d60d96aab Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--without-central-hghlight-display--dark.png differ diff --git a/frontend/__snapshots__/components-html-elements-display--without-central-hghlight-display--light.png b/frontend/__snapshots__/components-html-elements-display--without-central-hghlight-display--light.png new file mode 100644 index 0000000000000..c195d02448573 Binary files /dev/null and b/frontend/__snapshots__/components-html-elements-display--without-central-hghlight-display--light.png differ diff --git a/frontend/__snapshots__/components-integrations-slack--slack-integration--dark.png b/frontend/__snapshots__/components-integrations-slack--slack-integration--dark.png new file mode 100644 index 0000000000000..9def37e9d87b4 Binary files /dev/null and b/frontend/__snapshots__/components-integrations-slack--slack-integration--dark.png differ diff --git a/frontend/__snapshots__/components-integrations-slack--slack-integration--light.png b/frontend/__snapshots__/components-integrations-slack--slack-integration--light.png new file mode 100644 index 0000000000000..b387cf60b744c Binary files /dev/null and b/frontend/__snapshots__/components-integrations-slack--slack-integration--light.png differ diff --git a/frontend/__snapshots__/components-integrations-slack--slack-integration-added--dark.png b/frontend/__snapshots__/components-integrations-slack--slack-integration-added--dark.png new file mode 100644 index 0000000000000..dd30ef4e40c81 Binary files /dev/null and b/frontend/__snapshots__/components-integrations-slack--slack-integration-added--dark.png differ diff --git a/frontend/__snapshots__/components-integrations-slack--slack-integration-added--light.png b/frontend/__snapshots__/components-integrations-slack--slack-integration-added--light.png new file mode 100644 index 0000000000000..2c60a71e8d41a Binary files /dev/null and b/frontend/__snapshots__/components-integrations-slack--slack-integration-added--light.png differ diff --git a/frontend/__snapshots__/components-integrations-slack--slack-integration-instance-not-configured--dark.png b/frontend/__snapshots__/components-integrations-slack--slack-integration-instance-not-configured--dark.png new file mode 100644 index 0000000000000..9def37e9d87b4 Binary files /dev/null and b/frontend/__snapshots__/components-integrations-slack--slack-integration-instance-not-configured--dark.png differ diff --git a/frontend/__snapshots__/components-integrations-slack--slack-integration-instance-not-configured--light.png b/frontend/__snapshots__/components-integrations-slack--slack-integration-instance-not-configured--light.png new file mode 100644 index 0000000000000..b387cf60b744c Binary files /dev/null and b/frontend/__snapshots__/components-integrations-slack--slack-integration-instance-not-configured--light.png differ diff --git a/frontend/__snapshots__/components-networkrequesttiming--basic--dark.png b/frontend/__snapshots__/components-networkrequesttiming--basic--dark.png new file mode 100644 index 0000000000000..3923c9d8ca74e Binary files /dev/null and b/frontend/__snapshots__/components-networkrequesttiming--basic--dark.png differ diff --git a/frontend/__snapshots__/components-networkrequesttiming--basic--light.png b/frontend/__snapshots__/components-networkrequesttiming--basic--light.png new file mode 100644 index 0000000000000..9909a831e80cd Binary files /dev/null and b/frontend/__snapshots__/components-networkrequesttiming--basic--light.png differ diff --git a/frontend/__snapshots__/components-not-found--not-found--dark.png b/frontend/__snapshots__/components-not-found--not-found--dark.png new file mode 100644 index 0000000000000..2851e668fac57 Binary files /dev/null and b/frontend/__snapshots__/components-not-found--not-found--dark.png differ diff --git a/frontend/__snapshots__/components-not-found--not-found--light.png b/frontend/__snapshots__/components-not-found--not-found--light.png new file mode 100644 index 0000000000000..6090c39c0dfca Binary files /dev/null and b/frontend/__snapshots__/components-not-found--not-found--light.png differ diff --git a/frontend/__snapshots__/components-product-empty-state--empty-no-action--dark.png b/frontend/__snapshots__/components-product-empty-state--empty-no-action--dark.png new file mode 100644 index 0000000000000..4c2bd029dedac Binary files /dev/null and b/frontend/__snapshots__/components-product-empty-state--empty-no-action--dark.png differ diff --git a/frontend/__snapshots__/components-product-empty-state--empty-no-action--light.png b/frontend/__snapshots__/components-product-empty-state--empty-no-action--light.png new file mode 100644 index 0000000000000..0c0869ac6f9e9 Binary files /dev/null and b/frontend/__snapshots__/components-product-empty-state--empty-no-action--light.png differ diff --git a/frontend/__snapshots__/components-product-empty-state--empty-with-action--dark.png b/frontend/__snapshots__/components-product-empty-state--empty-with-action--dark.png new file mode 100644 index 0000000000000..e9c8fe43aa89e Binary files /dev/null and b/frontend/__snapshots__/components-product-empty-state--empty-with-action--dark.png differ diff --git a/frontend/__snapshots__/components-product-empty-state--empty-with-action--light.png b/frontend/__snapshots__/components-product-empty-state--empty-with-action--light.png new file mode 100644 index 0000000000000..42ec27390c8bb Binary files /dev/null and b/frontend/__snapshots__/components-product-empty-state--empty-with-action--light.png differ diff --git a/frontend/__snapshots__/components-product-empty-state--not-empty-with-action--dark.png b/frontend/__snapshots__/components-product-empty-state--not-empty-with-action--dark.png new file mode 100644 index 0000000000000..05122b4fb84d6 Binary files /dev/null and b/frontend/__snapshots__/components-product-empty-state--not-empty-with-action--dark.png differ diff --git a/frontend/__snapshots__/components-product-empty-state--not-empty-with-action--light.png b/frontend/__snapshots__/components-product-empty-state--not-empty-with-action--light.png new file mode 100644 index 0000000000000..c4f85ff70bb19 Binary files /dev/null and b/frontend/__snapshots__/components-product-empty-state--not-empty-with-action--light.png differ diff --git a/frontend/__snapshots__/components-product-empty-state--product-introduction--dark.png b/frontend/__snapshots__/components-product-empty-state--product-introduction--dark.png new file mode 100644 index 0000000000000..e9c8fe43aa89e Binary files /dev/null and b/frontend/__snapshots__/components-product-empty-state--product-introduction--dark.png differ diff --git a/frontend/__snapshots__/components-product-empty-state--product-introduction--light.png b/frontend/__snapshots__/components-product-empty-state--product-introduction--light.png new file mode 100644 index 0000000000000..42ec27390c8bb Binary files /dev/null and b/frontend/__snapshots__/components-product-empty-state--product-introduction--light.png differ diff --git a/frontend/__snapshots__/components-prompts--modal-prompt--dark.png b/frontend/__snapshots__/components-prompts--modal-prompt--dark.png new file mode 100644 index 0000000000000..fabc3d8a3dc90 Binary files /dev/null and b/frontend/__snapshots__/components-prompts--modal-prompt--dark.png differ diff --git a/frontend/__snapshots__/components-prompts--modal-prompt--light.png b/frontend/__snapshots__/components-prompts--modal-prompt--light.png new file mode 100644 index 0000000000000..530f53cff7e25 Binary files /dev/null and b/frontend/__snapshots__/components-prompts--modal-prompt--light.png differ diff --git a/frontend/__snapshots__/components-prompts--popup-prompt--dark.png b/frontend/__snapshots__/components-prompts--popup-prompt--dark.png new file mode 100644 index 0000000000000..ca8d277ee68ce Binary files /dev/null and b/frontend/__snapshots__/components-prompts--popup-prompt--dark.png differ diff --git a/frontend/__snapshots__/components-prompts--popup-prompt--light.png b/frontend/__snapshots__/components-prompts--popup-prompt--light.png new file mode 100644 index 0000000000000..741fae55d8872 Binary files /dev/null and b/frontend/__snapshots__/components-prompts--popup-prompt--light.png differ diff --git a/frontend/__snapshots__/components-properties-table--properties-table--dark.png b/frontend/__snapshots__/components-properties-table--properties-table--dark.png new file mode 100644 index 0000000000000..4c3eecefaa480 Binary files /dev/null and b/frontend/__snapshots__/components-properties-table--properties-table--dark.png differ diff --git a/frontend/__snapshots__/components-properties-table--properties-table--light.png b/frontend/__snapshots__/components-properties-table--properties-table--light.png new file mode 100644 index 0000000000000..b26437d5170c7 Binary files /dev/null and b/frontend/__snapshots__/components-properties-table--properties-table--light.png differ diff --git a/frontend/__snapshots__/components-properties-table--properties-table.png b/frontend/__snapshots__/components-properties-table--properties-table.png index 0ebb3a71ccb83..d2f6a5e61cc90 100644 Binary files a/frontend/__snapshots__/components-properties-table--properties-table.png and b/frontend/__snapshots__/components-properties-table--properties-table.png differ diff --git a/frontend/__snapshots__/components-properties-timeline--multiple-points-for-one-person-property--dark.png b/frontend/__snapshots__/components-properties-timeline--multiple-points-for-one-person-property--dark.png new file mode 100644 index 0000000000000..5d4133c9f9180 Binary files /dev/null and b/frontend/__snapshots__/components-properties-timeline--multiple-points-for-one-person-property--dark.png differ diff --git a/frontend/__snapshots__/components-properties-timeline--multiple-points-for-one-person-property--light.png b/frontend/__snapshots__/components-properties-timeline--multiple-points-for-one-person-property--light.png new file mode 100644 index 0000000000000..4e478ee6c087a Binary files /dev/null and b/frontend/__snapshots__/components-properties-timeline--multiple-points-for-one-person-property--light.png differ diff --git a/frontend/__snapshots__/components-properties-timeline--no-points-for-no-person-properties--dark.png b/frontend/__snapshots__/components-properties-timeline--no-points-for-no-person-properties--dark.png new file mode 100644 index 0000000000000..fe9b35d7f66b7 Binary files /dev/null and b/frontend/__snapshots__/components-properties-timeline--no-points-for-no-person-properties--dark.png differ diff --git a/frontend/__snapshots__/components-properties-timeline--no-points-for-no-person-properties--light.png b/frontend/__snapshots__/components-properties-timeline--no-points-for-no-person-properties--light.png new file mode 100644 index 0000000000000..4d735f3de6823 Binary files /dev/null and b/frontend/__snapshots__/components-properties-timeline--no-points-for-no-person-properties--light.png differ diff --git a/frontend/__snapshots__/components-properties-timeline--one-point-for-one-person-property--dark.png b/frontend/__snapshots__/components-properties-timeline--one-point-for-one-person-property--dark.png new file mode 100644 index 0000000000000..2e9de8a4e1816 Binary files /dev/null and b/frontend/__snapshots__/components-properties-timeline--one-point-for-one-person-property--dark.png differ diff --git a/frontend/__snapshots__/components-properties-timeline--one-point-for-one-person-property--light.png b/frontend/__snapshots__/components-properties-timeline--one-point-for-one-person-property--light.png new file mode 100644 index 0000000000000..d78cd96891890 Binary files /dev/null and b/frontend/__snapshots__/components-properties-timeline--one-point-for-one-person-property--light.png differ diff --git a/frontend/__snapshots__/components-property-key-info--property-key-info--dark.png b/frontend/__snapshots__/components-property-key-info--property-key-info--dark.png new file mode 100644 index 0000000000000..749446a273605 Binary files /dev/null and b/frontend/__snapshots__/components-property-key-info--property-key-info--dark.png differ diff --git a/frontend/__snapshots__/components-property-key-info--property-key-info--light.png b/frontend/__snapshots__/components-property-key-info--property-key-info--light.png new file mode 100644 index 0000000000000..37ea98deabbb8 Binary files /dev/null and b/frontend/__snapshots__/components-property-key-info--property-key-info--light.png differ diff --git a/frontend/__snapshots__/components-sentencelist--full-sentence--dark.png b/frontend/__snapshots__/components-sentencelist--full-sentence--dark.png new file mode 100644 index 0000000000000..f08098deec425 Binary files /dev/null and b/frontend/__snapshots__/components-sentencelist--full-sentence--dark.png differ diff --git a/frontend/__snapshots__/components-sentencelist--full-sentence--light.png b/frontend/__snapshots__/components-sentencelist--full-sentence--light.png new file mode 100644 index 0000000000000..c122d30b3c92e Binary files /dev/null and b/frontend/__snapshots__/components-sentencelist--full-sentence--light.png differ diff --git a/frontend/__snapshots__/components-sentencelist--one-action--dark.png b/frontend/__snapshots__/components-sentencelist--one-action--dark.png new file mode 100644 index 0000000000000..ecd2382e96c8a Binary files /dev/null and b/frontend/__snapshots__/components-sentencelist--one-action--dark.png differ diff --git a/frontend/__snapshots__/components-sentencelist--one-action--light.png b/frontend/__snapshots__/components-sentencelist--one-action--light.png new file mode 100644 index 0000000000000..62bdad075f95b Binary files /dev/null and b/frontend/__snapshots__/components-sentencelist--one-action--light.png differ diff --git a/frontend/__snapshots__/components-sentencelist--three-actions--dark.png b/frontend/__snapshots__/components-sentencelist--three-actions--dark.png new file mode 100644 index 0000000000000..495bd80ec2158 Binary files /dev/null and b/frontend/__snapshots__/components-sentencelist--three-actions--dark.png differ diff --git a/frontend/__snapshots__/components-sentencelist--three-actions--light.png b/frontend/__snapshots__/components-sentencelist--three-actions--light.png new file mode 100644 index 0000000000000..783432b5d55ea Binary files /dev/null and b/frontend/__snapshots__/components-sentencelist--three-actions--light.png differ diff --git a/frontend/__snapshots__/components-sentencelist--two-actions--dark.png b/frontend/__snapshots__/components-sentencelist--two-actions--dark.png new file mode 100644 index 0000000000000..52f8c890f1ae8 Binary files /dev/null and b/frontend/__snapshots__/components-sentencelist--two-actions--dark.png differ diff --git a/frontend/__snapshots__/components-sentencelist--two-actions--light.png b/frontend/__snapshots__/components-sentencelist--two-actions--light.png new file mode 100644 index 0000000000000..1f447bc6ed216 Binary files /dev/null and b/frontend/__snapshots__/components-sentencelist--two-actions--light.png differ diff --git a/frontend/__snapshots__/components-sharing--dashboard-sharing--dark.png b/frontend/__snapshots__/components-sharing--dashboard-sharing--dark.png new file mode 100644 index 0000000000000..bf04dfc5701a0 Binary files /dev/null and b/frontend/__snapshots__/components-sharing--dashboard-sharing--dark.png differ diff --git a/frontend/__snapshots__/components-sharing--dashboard-sharing--light.png b/frontend/__snapshots__/components-sharing--dashboard-sharing--light.png new file mode 100644 index 0000000000000..bb618eb0636e1 Binary files /dev/null and b/frontend/__snapshots__/components-sharing--dashboard-sharing--light.png differ diff --git a/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--dark.png b/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--dark.png new file mode 100644 index 0000000000000..d5abb392fc89c Binary files /dev/null and b/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--dark.png differ diff --git a/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--light.png b/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--light.png new file mode 100644 index 0000000000000..87af853ced6ae Binary files /dev/null and b/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--light.png differ diff --git a/frontend/__snapshots__/components-sharing--insight-sharing--dark.png b/frontend/__snapshots__/components-sharing--insight-sharing--dark.png new file mode 100644 index 0000000000000..ba5d008c0729c Binary files /dev/null and b/frontend/__snapshots__/components-sharing--insight-sharing--dark.png differ diff --git a/frontend/__snapshots__/components-sharing--insight-sharing--light.png b/frontend/__snapshots__/components-sharing--insight-sharing--light.png new file mode 100644 index 0000000000000..69f1500d1dc8e Binary files /dev/null and b/frontend/__snapshots__/components-sharing--insight-sharing--light.png differ diff --git a/frontend/__snapshots__/components-sharing--insight-sharing-licensed--dark.png b/frontend/__snapshots__/components-sharing--insight-sharing-licensed--dark.png new file mode 100644 index 0000000000000..ae4ed994ad610 Binary files /dev/null and b/frontend/__snapshots__/components-sharing--insight-sharing-licensed--dark.png differ diff --git a/frontend/__snapshots__/components-sharing--insight-sharing-licensed--light.png b/frontend/__snapshots__/components-sharing--insight-sharing-licensed--light.png new file mode 100644 index 0000000000000..682122361e859 Binary files /dev/null and b/frontend/__snapshots__/components-sharing--insight-sharing-licensed--light.png differ diff --git a/frontend/__snapshots__/components-sharing--recording-sharing-licensed--dark.png b/frontend/__snapshots__/components-sharing--recording-sharing-licensed--dark.png new file mode 100644 index 0000000000000..5e5db5437c37a Binary files /dev/null and b/frontend/__snapshots__/components-sharing--recording-sharing-licensed--dark.png differ diff --git a/frontend/__snapshots__/components-sharing--recording-sharing-licensed--light.png b/frontend/__snapshots__/components-sharing--recording-sharing-licensed--light.png new file mode 100644 index 0000000000000..c5576a93b842f Binary files /dev/null and b/frontend/__snapshots__/components-sharing--recording-sharing-licensed--light.png differ diff --git a/frontend/__snapshots__/components-sso-select--sso-select--dark.png b/frontend/__snapshots__/components-sso-select--sso-select--dark.png new file mode 100644 index 0000000000000..de7851ba583db Binary files /dev/null and b/frontend/__snapshots__/components-sso-select--sso-select--dark.png differ diff --git a/frontend/__snapshots__/components-sso-select--sso-select--light.png b/frontend/__snapshots__/components-sso-select--sso-select--light.png new file mode 100644 index 0000000000000..9003adec439b1 Binary files /dev/null and b/frontend/__snapshots__/components-sso-select--sso-select--light.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--dark.png b/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--dark.png new file mode 100644 index 0000000000000..b2467b71d6e74 Binary files /dev/null and b/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--dark.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--light.png b/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--light.png new file mode 100644 index 0000000000000..042ebeea6af32 Binary files /dev/null and b/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--light.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions--dark.png b/frontend/__snapshots__/components-subscriptions--subscriptions--dark.png new file mode 100644 index 0000000000000..47acc377a9327 Binary files /dev/null and b/frontend/__snapshots__/components-subscriptions--subscriptions--dark.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions--light.png b/frontend/__snapshots__/components-subscriptions--subscriptions--light.png new file mode 100644 index 0000000000000..72ee4287ac1da Binary files /dev/null and b/frontend/__snapshots__/components-subscriptions--subscriptions--light.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-edit--dark.png b/frontend/__snapshots__/components-subscriptions--subscriptions-edit--dark.png new file mode 100644 index 0000000000000..ee6374a5feac0 Binary files /dev/null and b/frontend/__snapshots__/components-subscriptions--subscriptions-edit--dark.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-edit--light.png b/frontend/__snapshots__/components-subscriptions--subscriptions-edit--light.png new file mode 100644 index 0000000000000..b235fe67ac43b Binary files /dev/null and b/frontend/__snapshots__/components-subscriptions--subscriptions-edit--light.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-empty--dark.png b/frontend/__snapshots__/components-subscriptions--subscriptions-empty--dark.png new file mode 100644 index 0000000000000..ef525c254ca58 Binary files /dev/null and b/frontend/__snapshots__/components-subscriptions--subscriptions-empty--dark.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-empty--light.png b/frontend/__snapshots__/components-subscriptions--subscriptions-empty--light.png new file mode 100644 index 0000000000000..e3b62ec09f2a9 Binary files /dev/null and b/frontend/__snapshots__/components-subscriptions--subscriptions-empty--light.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-new--dark.png b/frontend/__snapshots__/components-subscriptions--subscriptions-new--dark.png new file mode 100644 index 0000000000000..b2467b71d6e74 Binary files /dev/null and b/frontend/__snapshots__/components-subscriptions--subscriptions-new--dark.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-new--light.png b/frontend/__snapshots__/components-subscriptions--subscriptions-new--light.png new file mode 100644 index 0000000000000..042ebeea6af32 Binary files /dev/null and b/frontend/__snapshots__/components-subscriptions--subscriptions-new--light.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--dark.png b/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--dark.png new file mode 100644 index 0000000000000..cef3aab693d64 Binary files /dev/null and b/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--dark.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--light.png b/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--light.png new file mode 100644 index 0000000000000..b0ed630d9fd8e Binary files /dev/null and b/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--dashboard--dark.png b/frontend/__snapshots__/exporter-exporter--dashboard--dark.png new file mode 100644 index 0000000000000..9be39b79cc408 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--dashboard--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--dashboard--light.png b/frontend/__snapshots__/exporter-exporter--dashboard--light.png new file mode 100644 index 0000000000000..3521abba3b390 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--dashboard--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--funnel-historical-trends-insight--dark.png b/frontend/__snapshots__/exporter-exporter--funnel-historical-trends-insight--dark.png new file mode 100644 index 0000000000000..2572916e5feee Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--funnel-historical-trends-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--funnel-historical-trends-insight--light.png b/frontend/__snapshots__/exporter-exporter--funnel-historical-trends-insight--light.png new file mode 100644 index 0000000000000..9c55aead43245 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--funnel-historical-trends-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--dark.png b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--dark.png new file mode 100644 index 0000000000000..cfca901f3c323 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--light.png new file mode 100644 index 0000000000000..d34b5a0af7298 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--dark.png b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--dark.png new file mode 100644 index 0000000000000..7cacf4e09b847 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--light.png b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--light.png new file mode 100644 index 0000000000000..4ae626d22b55a Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--dark.png b/frontend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--dark.png new file mode 100644 index 0000000000000..b2a247ca1529b Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--light.png b/frontend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--light.png new file mode 100644 index 0000000000000..93f7be23da3c9 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-breakdown-insight--dark.png b/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-breakdown-insight--dark.png new file mode 100644 index 0000000000000..223b0b5a5e0fa Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-breakdown-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-breakdown-insight--light.png new file mode 100644 index 0000000000000..c91713f62a12a Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-breakdown-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-insight--dark.png b/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-insight--dark.png new file mode 100644 index 0000000000000..b6bcfa7b85adb Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-insight--light.png b/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-insight--light.png new file mode 100644 index 0000000000000..065a40f48d0b0 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--lifecycle-insight--dark.png b/frontend/__snapshots__/exporter-exporter--lifecycle-insight--dark.png new file mode 100644 index 0000000000000..aa9ac6022c86b Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--lifecycle-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--lifecycle-insight--light.png b/frontend/__snapshots__/exporter-exporter--lifecycle-insight--light.png new file mode 100644 index 0000000000000..e1ffa55bdd3fc Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--lifecycle-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--retention-breakdown-insight--dark.png b/frontend/__snapshots__/exporter-exporter--retention-breakdown-insight--dark.png new file mode 100644 index 0000000000000..3c48ac55f0948 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--retention-breakdown-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--retention-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--retention-breakdown-insight--light.png new file mode 100644 index 0000000000000..085d29a1917c4 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--retention-breakdown-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--retention-insight--dark.png b/frontend/__snapshots__/exporter-exporter--retention-insight--dark.png new file mode 100644 index 0000000000000..f0eb6af8ddac3 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--retention-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--retention-insight--light.png b/frontend/__snapshots__/exporter-exporter--retention-insight--light.png new file mode 100644 index 0000000000000..f8e079e9af795 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--retention-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--stickiness-insight--dark.png b/frontend/__snapshots__/exporter-exporter--stickiness-insight--dark.png new file mode 100644 index 0000000000000..76a29759f5cae Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--stickiness-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--stickiness-insight--light.png b/frontend/__snapshots__/exporter-exporter--stickiness-insight--light.png new file mode 100644 index 0000000000000..16a0020fef1fe Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--stickiness-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-area-breakdown-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-area-breakdown-insight--dark.png new file mode 100644 index 0000000000000..8dee1873bac50 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-area-breakdown-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-area-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-area-breakdown-insight--light.png new file mode 100644 index 0000000000000..eadd76aff744a Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-area-breakdown-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-area-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-area-insight--dark.png new file mode 100644 index 0000000000000..620f5acf10a59 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-area-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-area-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-area-insight--light.png new file mode 100644 index 0000000000000..a0dfddf1905fc Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-area-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-bar-breakdown-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-bar-breakdown-insight--dark.png new file mode 100644 index 0000000000000..933b316fc23a4 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-bar-breakdown-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-bar-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-bar-breakdown-insight--light.png new file mode 100644 index 0000000000000..1226f256aff28 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-bar-breakdown-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-bar-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-bar-insight--dark.png new file mode 100644 index 0000000000000..620f5acf10a59 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-bar-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-bar-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-bar-insight--light.png new file mode 100644 index 0000000000000..a0dfddf1905fc Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-bar-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-line-breakdown-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-line-breakdown-insight--dark.png new file mode 100644 index 0000000000000..933b316fc23a4 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-line-breakdown-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-line-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-line-breakdown-insight--light.png new file mode 100644 index 0000000000000..1226f256aff28 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-line-breakdown-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-line-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-line-insight--dark.png new file mode 100644 index 0000000000000..620f5acf10a59 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-line-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-line-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-line-insight--light.png new file mode 100644 index 0000000000000..a0dfddf1905fc Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-line-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-line-multi-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-line-multi-insight--dark.png new file mode 100644 index 0000000000000..a5311ace14013 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-line-multi-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-line-multi-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-line-multi-insight--light.png new file mode 100644 index 0000000000000..2ab4e30f3fbf4 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-line-multi-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-number-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-number-insight--dark.png new file mode 100644 index 0000000000000..64240d0926a92 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-number-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-number-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-number-insight--light.png new file mode 100644 index 0000000000000..24a16abb3673a Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-number-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--dark.png new file mode 100644 index 0000000000000..ce8ee7423ffd7 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--light.png new file mode 100644 index 0000000000000..7a5c5740ff237 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-pie-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-pie-insight--dark.png new file mode 100644 index 0000000000000..20db1299ca65d Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-pie-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-pie-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-pie-insight--light.png new file mode 100644 index 0000000000000..3fcc15618d26b Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-pie-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-table-breakdown-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-table-breakdown-insight--dark.png new file mode 100644 index 0000000000000..6a49db6851061 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-table-breakdown-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-table-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-table-breakdown-insight--light.png new file mode 100644 index 0000000000000..a078272215dec Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-table-breakdown-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-table-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-table-insight--dark.png new file mode 100644 index 0000000000000..d58bba7df5364 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-table-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-table-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-table-insight--light.png new file mode 100644 index 0000000000000..528b629be7209 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-table-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-value-breakdown-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-value-breakdown-insight--dark.png new file mode 100644 index 0000000000000..fd4635af61890 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-value-breakdown-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-value-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-value-breakdown-insight--light.png new file mode 100644 index 0000000000000..c545c76cd7476 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-value-breakdown-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-value-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-value-insight--dark.png new file mode 100644 index 0000000000000..620f5acf10a59 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-value-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-value-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-value-insight--light.png new file mode 100644 index 0000000000000..a0dfddf1905fc Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-value-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-world-map-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-world-map-insight--dark.png new file mode 100644 index 0000000000000..d8a855935f807 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-world-map-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--trends-world-map-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-world-map-insight--light.png new file mode 100644 index 0000000000000..645765fba82f5 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--trends-world-map-insight--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--user-paths-insight--dark.png b/frontend/__snapshots__/exporter-exporter--user-paths-insight--dark.png new file mode 100644 index 0000000000000..0448a64cd0a55 Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--user-paths-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--user-paths-insight--light.png b/frontend/__snapshots__/exporter-exporter--user-paths-insight--light.png new file mode 100644 index 0000000000000..82d8413b111af Binary files /dev/null and b/frontend/__snapshots__/exporter-exporter--user-paths-insight--light.png differ diff --git a/frontend/__snapshots__/filters--event-select--dark.png b/frontend/__snapshots__/filters--event-select--dark.png new file mode 100644 index 0000000000000..bad15fd267013 Binary files /dev/null and b/frontend/__snapshots__/filters--event-select--dark.png differ diff --git a/frontend/__snapshots__/filters--event-select--light.png b/frontend/__snapshots__/filters--event-select--light.png new file mode 100644 index 0000000000000..c72c8b1503e89 Binary files /dev/null and b/frontend/__snapshots__/filters--event-select--light.png differ diff --git a/frontend/__snapshots__/filters-action-filter--bordered--dark.png b/frontend/__snapshots__/filters-action-filter--bordered--dark.png new file mode 100644 index 0000000000000..13148e69edff2 Binary files /dev/null and b/frontend/__snapshots__/filters-action-filter--bordered--dark.png differ diff --git a/frontend/__snapshots__/filters-action-filter--bordered--light.png b/frontend/__snapshots__/filters-action-filter--bordered--light.png new file mode 100644 index 0000000000000..d536f429e7b7b Binary files /dev/null and b/frontend/__snapshots__/filters-action-filter--bordered--light.png differ diff --git a/frontend/__snapshots__/filters-action-filter--funnel-like--dark.png b/frontend/__snapshots__/filters-action-filter--funnel-like--dark.png new file mode 100644 index 0000000000000..16ffdba933f55 Binary files /dev/null and b/frontend/__snapshots__/filters-action-filter--funnel-like--dark.png differ diff --git a/frontend/__snapshots__/filters-action-filter--funnel-like--light.png b/frontend/__snapshots__/filters-action-filter--funnel-like--light.png new file mode 100644 index 0000000000000..8e9c9035e58f0 Binary files /dev/null and b/frontend/__snapshots__/filters-action-filter--funnel-like--light.png differ diff --git a/frontend/__snapshots__/filters-action-filter--property-filters-with-popover--dark.png b/frontend/__snapshots__/filters-action-filter--property-filters-with-popover--dark.png new file mode 100644 index 0000000000000..62a9f25241796 Binary files /dev/null and b/frontend/__snapshots__/filters-action-filter--property-filters-with-popover--dark.png differ diff --git a/frontend/__snapshots__/filters-action-filter--property-filters-with-popover--light.png b/frontend/__snapshots__/filters-action-filter--property-filters-with-popover--light.png new file mode 100644 index 0000000000000..cb3f741e1bebe Binary files /dev/null and b/frontend/__snapshots__/filters-action-filter--property-filters-with-popover--light.png differ diff --git a/frontend/__snapshots__/filters-action-filter--single-filter--dark.png b/frontend/__snapshots__/filters-action-filter--single-filter--dark.png new file mode 100644 index 0000000000000..d56d58668cd92 Binary files /dev/null and b/frontend/__snapshots__/filters-action-filter--single-filter--dark.png differ diff --git a/frontend/__snapshots__/filters-action-filter--single-filter--light.png b/frontend/__snapshots__/filters-action-filter--single-filter--light.png new file mode 100644 index 0000000000000..31587794ab2f4 Binary files /dev/null and b/frontend/__snapshots__/filters-action-filter--single-filter--light.png differ diff --git a/frontend/__snapshots__/filters-action-filter--sortable--dark.png b/frontend/__snapshots__/filters-action-filter--sortable--dark.png new file mode 100644 index 0000000000000..62a9f25241796 Binary files /dev/null and b/frontend/__snapshots__/filters-action-filter--sortable--dark.png differ diff --git a/frontend/__snapshots__/filters-action-filter--sortable--light.png b/frontend/__snapshots__/filters-action-filter--sortable--light.png new file mode 100644 index 0000000000000..cb3f741e1bebe Binary files /dev/null and b/frontend/__snapshots__/filters-action-filter--sortable--light.png differ diff --git a/frontend/__snapshots__/filters-action-filter--standard--dark.png b/frontend/__snapshots__/filters-action-filter--standard--dark.png new file mode 100644 index 0000000000000..62a9f25241796 Binary files /dev/null and b/frontend/__snapshots__/filters-action-filter--standard--dark.png differ diff --git a/frontend/__snapshots__/filters-action-filter--standard--light.png b/frontend/__snapshots__/filters-action-filter--standard--light.png new file mode 100644 index 0000000000000..cb3f741e1bebe Binary files /dev/null and b/frontend/__snapshots__/filters-action-filter--standard--light.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-number--basic--dark.png b/frontend/__snapshots__/filters-cohort-filters-fields-number--basic--dark.png new file mode 100644 index 0000000000000..ce25b4f743cdd Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-number--basic--dark.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-number--basic--light.png b/frontend/__snapshots__/filters-cohort-filters-fields-number--basic--light.png new file mode 100644 index 0000000000000..90ceaa4429fdb Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-number--basic--light.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-person-properties--basic--dark.png b/frontend/__snapshots__/filters-cohort-filters-fields-person-properties--basic--dark.png new file mode 100644 index 0000000000000..f10afc853072e Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-person-properties--basic--dark.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-person-properties--basic--light.png b/frontend/__snapshots__/filters-cohort-filters-fields-person-properties--basic--light.png new file mode 100644 index 0000000000000..61b90277049e8 Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-person-properties--basic--light.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--actors-selector--dark.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--actors-selector--dark.png new file mode 100644 index 0000000000000..e261d750e0d5c Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--actors-selector--dark.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--actors-selector--light.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--actors-selector--light.png new file mode 100644 index 0000000000000..de44948271495 Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--actors-selector--light.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--aggregation-selector--dark.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--aggregation-selector--dark.png new file mode 100644 index 0000000000000..e261d750e0d5c Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--aggregation-selector--dark.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--aggregation-selector--light.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--aggregation-selector--light.png new file mode 100644 index 0000000000000..de44948271495 Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--aggregation-selector--light.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--behavioral-selector--dark.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--behavioral-selector--dark.png new file mode 100644 index 0000000000000..e261d750e0d5c Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--behavioral-selector--dark.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--behavioral-selector--light.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--behavioral-selector--light.png new file mode 100644 index 0000000000000..de44948271495 Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--behavioral-selector--light.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--date-operator-selector--dark.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--date-operator-selector--dark.png new file mode 100644 index 0000000000000..e261d750e0d5c Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--date-operator-selector--dark.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--date-operator-selector--light.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--date-operator-selector--light.png new file mode 100644 index 0000000000000..de44948271495 Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--date-operator-selector--light.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--math-operator-selector--dark.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--math-operator-selector--dark.png new file mode 100644 index 0000000000000..e261d750e0d5c Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--math-operator-selector--dark.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--math-operator-selector--light.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--math-operator-selector--light.png new file mode 100644 index 0000000000000..de44948271495 Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--math-operator-selector--light.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--time-unit-selector--dark.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--time-unit-selector--dark.png new file mode 100644 index 0000000000000..e261d750e0d5c Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--time-unit-selector--dark.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--time-unit-selector--light.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--time-unit-selector--light.png new file mode 100644 index 0000000000000..de44948271495 Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--time-unit-selector--light.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--value-option-selector--dark.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--value-option-selector--dark.png new file mode 100644 index 0000000000000..e261d750e0d5c Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--value-option-selector--dark.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-select--value-option-selector--light.png b/frontend/__snapshots__/filters-cohort-filters-fields-select--value-option-selector--light.png new file mode 100644 index 0000000000000..de44948271495 Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-select--value-option-selector--light.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-taxonomic--events-and-actions--dark.png b/frontend/__snapshots__/filters-cohort-filters-fields-taxonomic--events-and-actions--dark.png new file mode 100644 index 0000000000000..48044336a49c2 Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-taxonomic--events-and-actions--dark.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-taxonomic--events-and-actions--light.png b/frontend/__snapshots__/filters-cohort-filters-fields-taxonomic--events-and-actions--light.png new file mode 100644 index 0000000000000..c96c67c39fea3 Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-taxonomic--events-and-actions--light.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-taxonomic--person-properties--dark.png b/frontend/__snapshots__/filters-cohort-filters-fields-taxonomic--person-properties--dark.png new file mode 100644 index 0000000000000..36030cc1cb1b2 Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-taxonomic--person-properties--dark.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-taxonomic--person-properties--light.png b/frontend/__snapshots__/filters-cohort-filters-fields-taxonomic--person-properties--light.png new file mode 100644 index 0000000000000..a440db19a3dab Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-taxonomic--person-properties--light.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-text--basic--dark.png b/frontend/__snapshots__/filters-cohort-filters-fields-text--basic--dark.png new file mode 100644 index 0000000000000..82d8274e5b545 Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-text--basic--dark.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-fields-text--basic--light.png b/frontend/__snapshots__/filters-cohort-filters-fields-text--basic--light.png new file mode 100644 index 0000000000000..ed1060f287bfe Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-fields-text--basic--light.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-row-builder--cohort-criteria-row-builder--dark.png b/frontend/__snapshots__/filters-cohort-filters-row-builder--cohort-criteria-row-builder--dark.png new file mode 100644 index 0000000000000..f9a0bdb5ecacd Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-row-builder--cohort-criteria-row-builder--dark.png differ diff --git a/frontend/__snapshots__/filters-cohort-filters-row-builder--cohort-criteria-row-builder--light.png b/frontend/__snapshots__/filters-cohort-filters-row-builder--cohort-criteria-row-builder--light.png new file mode 100644 index 0000000000000..537cb1a2fe482 Binary files /dev/null and b/frontend/__snapshots__/filters-cohort-filters-row-builder--cohort-criteria-row-builder--light.png differ diff --git a/frontend/__snapshots__/filters-pathcleanfilters--default--dark.png b/frontend/__snapshots__/filters-pathcleanfilters--default--dark.png new file mode 100644 index 0000000000000..d870d329d482d Binary files /dev/null and b/frontend/__snapshots__/filters-pathcleanfilters--default--dark.png differ diff --git a/frontend/__snapshots__/filters-pathcleanfilters--default--light.png b/frontend/__snapshots__/filters-pathcleanfilters--default--light.png new file mode 100644 index 0000000000000..636e835b401aa Binary files /dev/null and b/frontend/__snapshots__/filters-pathcleanfilters--default--light.png differ diff --git a/frontend/__snapshots__/filters-person-property-select--default--dark.png b/frontend/__snapshots__/filters-person-property-select--default--dark.png new file mode 100644 index 0000000000000..7a2efd2b9f5a2 Binary files /dev/null and b/frontend/__snapshots__/filters-person-property-select--default--dark.png differ diff --git a/frontend/__snapshots__/filters-person-property-select--default--light.png b/frontend/__snapshots__/filters-person-property-select--default--light.png new file mode 100644 index 0000000000000..03c04aa158b6c Binary files /dev/null and b/frontend/__snapshots__/filters-person-property-select--default--light.png differ diff --git a/frontend/__snapshots__/filters-person-property-select--sortable--dark.png b/frontend/__snapshots__/filters-person-property-select--sortable--dark.png new file mode 100644 index 0000000000000..7a2efd2b9f5a2 Binary files /dev/null and b/frontend/__snapshots__/filters-person-property-select--sortable--dark.png differ diff --git a/frontend/__snapshots__/filters-person-property-select--sortable--light.png b/frontend/__snapshots__/filters-person-property-select--sortable--light.png new file mode 100644 index 0000000000000..03c04aa158b6c Binary files /dev/null and b/frontend/__snapshots__/filters-person-property-select--sortable--light.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters--comparing-property-filters--dark.png b/frontend/__snapshots__/filters-propertyfilters--comparing-property-filters--dark.png new file mode 100644 index 0000000000000..9a1e4f64e8a37 Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters--comparing-property-filters--dark.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters--comparing-property-filters--light.png b/frontend/__snapshots__/filters-propertyfilters--comparing-property-filters--light.png new file mode 100644 index 0000000000000..f8ed6ad88d963 Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters--comparing-property-filters--light.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters--with-no-close-button--dark.png b/frontend/__snapshots__/filters-propertyfilters--with-no-close-button--dark.png new file mode 100644 index 0000000000000..18da17561dd5b Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters--with-no-close-button--dark.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters--with-no-close-button--light.png b/frontend/__snapshots__/filters-propertyfilters--with-no-close-button--light.png new file mode 100644 index 0000000000000..8042d026c566c Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters--with-no-close-button--light.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-boolean-property--dark.png b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-boolean-property--dark.png new file mode 100644 index 0000000000000..da8bc70d5780a Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-boolean-property--dark.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-boolean-property--light.png b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-boolean-property--light.png new file mode 100644 index 0000000000000..c014b78a377a5 Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-boolean-property--light.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-date-time-property--dark.png b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-date-time-property--dark.png new file mode 100644 index 0000000000000..0ae84a541a700 Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-date-time-property--dark.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-date-time-property--light.png b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-date-time-property--light.png new file mode 100644 index 0000000000000..19ef0bdc548fa Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-date-time-property--light.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-numeric-property--dark.png b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-numeric-property--dark.png new file mode 100644 index 0000000000000..d0f22279032b7 Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-numeric-property--dark.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-numeric-property--light.png b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-numeric-property--light.png new file mode 100644 index 0000000000000..1509d3039bc4f Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-numeric-property--light.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-selector-property--dark.png b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-selector-property--dark.png new file mode 100644 index 0000000000000..076c4af3d8252 Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-selector-property--dark.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-selector-property--light.png b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-selector-property--light.png new file mode 100644 index 0000000000000..cffb26c0bc2d2 Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-selector-property--light.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-string-property--dark.png b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-string-property--dark.png new file mode 100644 index 0000000000000..231ba3beb2279 Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-string-property--dark.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-string-property--light.png b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-string-property--light.png new file mode 100644 index 0000000000000..98bb84b7de983 Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-string-property--light.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-unknown-property--dark.png b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-unknown-property--dark.png new file mode 100644 index 0000000000000..35f9c2f54e508 Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-unknown-property--dark.png differ diff --git a/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-unknown-property--light.png b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-unknown-property--light.png new file mode 100644 index 0000000000000..a80c182a7eaf1 Binary files /dev/null and b/frontend/__snapshots__/filters-propertyfilters-operatorvalueselect--operator-value-with-unknown-property--light.png differ diff --git a/frontend/__snapshots__/filters-propertygroupfilters-data-exploration-andorfilterselect--default--dark.png b/frontend/__snapshots__/filters-propertygroupfilters-data-exploration-andorfilterselect--default--dark.png new file mode 100644 index 0000000000000..c0abff1d8d580 Binary files /dev/null and b/frontend/__snapshots__/filters-propertygroupfilters-data-exploration-andorfilterselect--default--dark.png differ diff --git a/frontend/__snapshots__/filters-propertygroupfilters-data-exploration-andorfilterselect--default--light.png b/frontend/__snapshots__/filters-propertygroupfilters-data-exploration-andorfilterselect--default--light.png new file mode 100644 index 0000000000000..54a2378fff50e Binary files /dev/null and b/frontend/__snapshots__/filters-propertygroupfilters-data-exploration-andorfilterselect--default--light.png differ diff --git a/frontend/__snapshots__/filters-taxonomic-filter--actions--dark.png b/frontend/__snapshots__/filters-taxonomic-filter--actions--dark.png new file mode 100644 index 0000000000000..fac3a29bc26d4 Binary files /dev/null and b/frontend/__snapshots__/filters-taxonomic-filter--actions--dark.png differ diff --git a/frontend/__snapshots__/filters-taxonomic-filter--actions--light.png b/frontend/__snapshots__/filters-taxonomic-filter--actions--light.png new file mode 100644 index 0000000000000..10558493b45fa Binary files /dev/null and b/frontend/__snapshots__/filters-taxonomic-filter--actions--light.png differ diff --git a/frontend/__snapshots__/filters-taxonomic-filter--events-free--dark.png b/frontend/__snapshots__/filters-taxonomic-filter--events-free--dark.png new file mode 100644 index 0000000000000..a92bc7aebb94e Binary files /dev/null and b/frontend/__snapshots__/filters-taxonomic-filter--events-free--dark.png differ diff --git a/frontend/__snapshots__/filters-taxonomic-filter--events-free--light.png b/frontend/__snapshots__/filters-taxonomic-filter--events-free--light.png new file mode 100644 index 0000000000000..a458217443628 Binary files /dev/null and b/frontend/__snapshots__/filters-taxonomic-filter--events-free--light.png differ diff --git a/frontend/__snapshots__/filters-taxonomic-filter--events-premium--dark.png b/frontend/__snapshots__/filters-taxonomic-filter--events-premium--dark.png new file mode 100644 index 0000000000000..f04a633bc7086 Binary files /dev/null and b/frontend/__snapshots__/filters-taxonomic-filter--events-premium--dark.png differ diff --git a/frontend/__snapshots__/filters-taxonomic-filter--events-premium--light.png b/frontend/__snapshots__/filters-taxonomic-filter--events-premium--light.png new file mode 100644 index 0000000000000..6c77ebaa5f28c Binary files /dev/null and b/frontend/__snapshots__/filters-taxonomic-filter--events-premium--light.png differ diff --git a/frontend/__snapshots__/filters-taxonomic-filter--properties--dark.png b/frontend/__snapshots__/filters-taxonomic-filter--properties--dark.png new file mode 100644 index 0000000000000..025ef3ba6b384 Binary files /dev/null and b/frontend/__snapshots__/filters-taxonomic-filter--properties--dark.png differ diff --git a/frontend/__snapshots__/filters-taxonomic-filter--properties--light.png b/frontend/__snapshots__/filters-taxonomic-filter--properties--light.png new file mode 100644 index 0000000000000..f8ec9b72b28bc Binary files /dev/null and b/frontend/__snapshots__/filters-taxonomic-filter--properties--light.png differ diff --git a/frontend/__snapshots__/filters-taxonomic-filter--properties.png b/frontend/__snapshots__/filters-taxonomic-filter--properties.png index de11528621a6c..b5e28467d4779 100644 Binary files a/frontend/__snapshots__/filters-taxonomic-filter--properties.png and b/frontend/__snapshots__/filters-taxonomic-filter--properties.png differ diff --git a/frontend/__snapshots__/filters-taxonomicpopover--multiple-categories--dark.png b/frontend/__snapshots__/filters-taxonomicpopover--multiple-categories--dark.png new file mode 100644 index 0000000000000..6d135f6bb968d Binary files /dev/null and b/frontend/__snapshots__/filters-taxonomicpopover--multiple-categories--dark.png differ diff --git a/frontend/__snapshots__/filters-taxonomicpopover--multiple-categories--light.png b/frontend/__snapshots__/filters-taxonomicpopover--multiple-categories--light.png new file mode 100644 index 0000000000000..7c1ec5a72532e Binary files /dev/null and b/frontend/__snapshots__/filters-taxonomicpopover--multiple-categories--light.png differ diff --git a/frontend/__snapshots__/filters-taxonomicpopover--taxonomic-string-popover-one-category--dark.png b/frontend/__snapshots__/filters-taxonomicpopover--taxonomic-string-popover-one-category--dark.png new file mode 100644 index 0000000000000..e73ad6a5e9025 Binary files /dev/null and b/frontend/__snapshots__/filters-taxonomicpopover--taxonomic-string-popover-one-category--dark.png differ diff --git a/frontend/__snapshots__/filters-taxonomicpopover--taxonomic-string-popover-one-category--light.png b/frontend/__snapshots__/filters-taxonomicpopover--taxonomic-string-popover-one-category--light.png new file mode 100644 index 0000000000000..e11bd494c7e43 Binary files /dev/null and b/frontend/__snapshots__/filters-taxonomicpopover--taxonomic-string-popover-one-category--light.png differ diff --git a/frontend/__snapshots__/insights-insightstable--aggregation--dark.png b/frontend/__snapshots__/insights-insightstable--aggregation--dark.png new file mode 100644 index 0000000000000..1ca839719aae2 Binary files /dev/null and b/frontend/__snapshots__/insights-insightstable--aggregation--dark.png differ diff --git a/frontend/__snapshots__/insights-insightstable--aggregation--light.png b/frontend/__snapshots__/insights-insightstable--aggregation--light.png new file mode 100644 index 0000000000000..80d3742dd6fd1 Binary files /dev/null and b/frontend/__snapshots__/insights-insightstable--aggregation--light.png differ diff --git a/frontend/__snapshots__/insights-insightstable--can-edit-series-name--dark.png b/frontend/__snapshots__/insights-insightstable--can-edit-series-name--dark.png new file mode 100644 index 0000000000000..fae5dbbd40109 Binary files /dev/null and b/frontend/__snapshots__/insights-insightstable--can-edit-series-name--dark.png differ diff --git a/frontend/__snapshots__/insights-insightstable--can-edit-series-name--light.png b/frontend/__snapshots__/insights-insightstable--can-edit-series-name--light.png new file mode 100644 index 0000000000000..07b2c3b92898d Binary files /dev/null and b/frontend/__snapshots__/insights-insightstable--can-edit-series-name--light.png differ diff --git a/frontend/__snapshots__/insights-insightstable--default--dark.png b/frontend/__snapshots__/insights-insightstable--default--dark.png new file mode 100644 index 0000000000000..ccf25439ed00c Binary files /dev/null and b/frontend/__snapshots__/insights-insightstable--default--dark.png differ diff --git a/frontend/__snapshots__/insights-insightstable--default--light.png b/frontend/__snapshots__/insights-insightstable--default--light.png new file mode 100644 index 0000000000000..38641048d9734 Binary files /dev/null and b/frontend/__snapshots__/insights-insightstable--default--light.png differ diff --git a/frontend/__snapshots__/insights-insightstable--embedded--dark.png b/frontend/__snapshots__/insights-insightstable--embedded--dark.png new file mode 100644 index 0000000000000..f7467b44888a3 Binary files /dev/null and b/frontend/__snapshots__/insights-insightstable--embedded--dark.png differ diff --git a/frontend/__snapshots__/insights-insightstable--embedded--light.png b/frontend/__snapshots__/insights-insightstable--embedded--light.png new file mode 100644 index 0000000000000..41a8205044c2a Binary files /dev/null and b/frontend/__snapshots__/insights-insightstable--embedded--light.png differ diff --git a/frontend/__snapshots__/insights-insightstable--hourly--dark.png b/frontend/__snapshots__/insights-insightstable--hourly--dark.png new file mode 100644 index 0000000000000..42612dfa4361e Binary files /dev/null and b/frontend/__snapshots__/insights-insightstable--hourly--dark.png differ diff --git a/frontend/__snapshots__/insights-insightstable--hourly--light.png b/frontend/__snapshots__/insights-insightstable--hourly--light.png new file mode 100644 index 0000000000000..67649a728b651 Binary files /dev/null and b/frontend/__snapshots__/insights-insightstable--hourly--light.png differ diff --git a/frontend/__snapshots__/insights-insightstable--is-legend--dark.png b/frontend/__snapshots__/insights-insightstable--is-legend--dark.png new file mode 100644 index 0000000000000..5da2fcc8ab44f Binary files /dev/null and b/frontend/__snapshots__/insights-insightstable--is-legend--dark.png differ diff --git a/frontend/__snapshots__/insights-insightstable--is-legend--light.png b/frontend/__snapshots__/insights-insightstable--is-legend--light.png new file mode 100644 index 0000000000000..9936adf9b9401 Binary files /dev/null and b/frontend/__snapshots__/insights-insightstable--is-legend--light.png differ diff --git a/frontend/__snapshots__/layout-feature-previews-modal--basic--dark.png b/frontend/__snapshots__/layout-feature-previews-modal--basic--dark.png new file mode 100644 index 0000000000000..918b57e1659a4 Binary files /dev/null and b/frontend/__snapshots__/layout-feature-previews-modal--basic--dark.png differ diff --git a/frontend/__snapshots__/layout-feature-previews-modal--basic--light.png b/frontend/__snapshots__/layout-feature-previews-modal--basic--light.png new file mode 100644 index 0000000000000..369c837b3fba1 Binary files /dev/null and b/frontend/__snapshots__/layout-feature-previews-modal--basic--light.png differ diff --git a/frontend/__snapshots__/layout-feature-previews-modal--empty--dark.png b/frontend/__snapshots__/layout-feature-previews-modal--empty--dark.png new file mode 100644 index 0000000000000..0f1128d9b7fc7 Binary files /dev/null and b/frontend/__snapshots__/layout-feature-previews-modal--empty--dark.png differ diff --git a/frontend/__snapshots__/layout-feature-previews-modal--empty--light.png b/frontend/__snapshots__/layout-feature-previews-modal--empty--light.png new file mode 100644 index 0000000000000..013c15b129942 Binary files /dev/null and b/frontend/__snapshots__/layout-feature-previews-modal--empty--light.png differ diff --git a/frontend/__snapshots__/layout-feature-previews-modal--with-constrained-feature--dark.png b/frontend/__snapshots__/layout-feature-previews-modal--with-constrained-feature--dark.png new file mode 100644 index 0000000000000..c94328a289385 Binary files /dev/null and b/frontend/__snapshots__/layout-feature-previews-modal--with-constrained-feature--dark.png differ diff --git a/frontend/__snapshots__/layout-feature-previews-modal--with-constrained-feature--light.png b/frontend/__snapshots__/layout-feature-previews-modal--with-constrained-feature--light.png new file mode 100644 index 0000000000000..44e1abb566ea6 Binary files /dev/null and b/frontend/__snapshots__/layout-feature-previews-modal--with-constrained-feature--light.png differ diff --git a/frontend/__snapshots__/layout-navigation--app-page-with-side-bar-hidden--dark.png b/frontend/__snapshots__/layout-navigation--app-page-with-side-bar-hidden--dark.png new file mode 100644 index 0000000000000..bfd2aba8031b6 Binary files /dev/null and b/frontend/__snapshots__/layout-navigation--app-page-with-side-bar-hidden--dark.png differ diff --git a/frontend/__snapshots__/layout-navigation--app-page-with-side-bar-hidden--light.png b/frontend/__snapshots__/layout-navigation--app-page-with-side-bar-hidden--light.png new file mode 100644 index 0000000000000..96e9ecf240771 Binary files /dev/null and b/frontend/__snapshots__/layout-navigation--app-page-with-side-bar-hidden--light.png differ diff --git a/frontend/__snapshots__/layout-navigation--app-page-with-side-bar-shown--dark.png b/frontend/__snapshots__/layout-navigation--app-page-with-side-bar-shown--dark.png new file mode 100644 index 0000000000000..0bcdc2f1a60ba Binary files /dev/null and b/frontend/__snapshots__/layout-navigation--app-page-with-side-bar-shown--dark.png differ diff --git a/frontend/__snapshots__/layout-navigation--app-page-with-side-bar-shown--light.png b/frontend/__snapshots__/layout-navigation--app-page-with-side-bar-shown--light.png new file mode 100644 index 0000000000000..527de4d6721da Binary files /dev/null and b/frontend/__snapshots__/layout-navigation--app-page-with-side-bar-shown--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-colors--all-pre-thousand-color-options--dark.png b/frontend/__snapshots__/lemon-ui-colors--all-pre-thousand-color-options--dark.png new file mode 100644 index 0000000000000..24922cacca5a8 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-colors--all-pre-thousand-color-options--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-colors--all-pre-thousand-color-options--light.png b/frontend/__snapshots__/lemon-ui-colors--all-pre-thousand-color-options--light.png new file mode 100644 index 0000000000000..2c204b9ffd134 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-colors--all-pre-thousand-color-options--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-colors--all-three-thousand-color-options--dark.png b/frontend/__snapshots__/lemon-ui-colors--all-three-thousand-color-options--dark.png new file mode 100644 index 0000000000000..dca7cd520cd2f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-colors--all-three-thousand-color-options--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-colors--all-three-thousand-color-options--light.png b/frontend/__snapshots__/lemon-ui-colors--all-three-thousand-color-options--light.png new file mode 100644 index 0000000000000..30fafaf0cad9a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-colors--all-three-thousand-color-options--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-colors--color-palette--dark.png b/frontend/__snapshots__/lemon-ui-colors--color-palette--dark.png new file mode 100644 index 0000000000000..9b77208d77294 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-colors--color-palette--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-colors--color-palette--light.png b/frontend/__snapshots__/lemon-ui-colors--color-palette--light.png new file mode 100644 index 0000000000000..48775cfc8bad6 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-colors--color-palette--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-forms-and-fields--fields-with-kea-form--dark.png b/frontend/__snapshots__/lemon-ui-forms-and-fields--fields-with-kea-form--dark.png new file mode 100644 index 0000000000000..dc701797d93b2 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-forms-and-fields--fields-with-kea-form--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-forms-and-fields--fields-with-kea-form--light.png b/frontend/__snapshots__/lemon-ui-forms-and-fields--fields-with-kea-form--light.png new file mode 100644 index 0000000000000..80c440d0c93c7 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-forms-and-fields--fields-with-kea-form--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-forms-and-fields--pure-fields--dark.png b/frontend/__snapshots__/lemon-ui-forms-and-fields--pure-fields--dark.png new file mode 100644 index 0000000000000..efc6870ebeb57 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-forms-and-fields--pure-fields--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-forms-and-fields--pure-fields--light.png b/frontend/__snapshots__/lemon-ui-forms-and-fields--pure-fields--light.png new file mode 100644 index 0000000000000..6f213d7bb0922 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-forms-and-fields--pure-fields--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--icon-with-count-bubble--dark.png b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-bubble--dark.png new file mode 100644 index 0000000000000..fcbdaa3530661 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-bubble--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--icon-with-count-bubble--light.png b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-bubble--light.png new file mode 100644 index 0000000000000..4433467ed1de4 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-bubble--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--icon-with-count-hiding-zero--dark.png b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-hiding-zero--dark.png new file mode 100644 index 0000000000000..c84885e528464 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-hiding-zero--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--icon-with-count-hiding-zero--light.png b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-hiding-zero--light.png new file mode 100644 index 0000000000000..ba74d518197c5 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-hiding-zero--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--icon-with-count-overflowing--dark.png b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-overflowing--dark.png new file mode 100644 index 0000000000000..46ef10bee7ab9 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-overflowing--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--icon-with-count-overflowing--light.png b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-overflowing--light.png new file mode 100644 index 0000000000000..e0cb16289bf04 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-overflowing--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--icon-with-count-showing-zero--dark.png b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-showing-zero--dark.png new file mode 100644 index 0000000000000..9f410186026b2 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-showing-zero--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--icon-with-count-showing-zero--light.png b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-showing-zero--light.png new file mode 100644 index 0000000000000..8b9fff88167d9 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--icon-with-count-showing-zero--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-a--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-a--dark.png new file mode 100644 index 0000000000000..f9e44bc8147e4 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-a--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-a--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-a--light.png new file mode 100644 index 0000000000000..f8d48d0e875ab Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-a--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-b--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-b--dark.png new file mode 100644 index 0000000000000..346e99ed2cfbb Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-b--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-b--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-b--light.png new file mode 100644 index 0000000000000..67c32f5664178 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-b--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-c--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-c--dark.png new file mode 100644 index 0000000000000..03d189fe92e0b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-c--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-c--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-c--light.png new file mode 100644 index 0000000000000..4d8b68e972ad0 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-c--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-d--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-d--dark.png new file mode 100644 index 0000000000000..652d8fa5096b0 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-d--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-d--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-d--light.png new file mode 100644 index 0000000000000..85908ef4d820f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-d--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-e--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-e--dark.png new file mode 100644 index 0000000000000..147b2369f6d8b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-e--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-e--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-e--light.png new file mode 100644 index 0000000000000..3c5facfd6eb5d Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-e--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-f--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-f--dark.png new file mode 100644 index 0000000000000..b2fe930c4f7ac Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-f--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-f--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-f--light.png new file mode 100644 index 0000000000000..30f894cbfba99 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-f--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-g--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-g--dark.png new file mode 100644 index 0000000000000..af3d6933ec285 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-g--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-g--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-g--light.png new file mode 100644 index 0000000000000..3e7c0a587627c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-g--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-h--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-h--dark.png new file mode 100644 index 0000000000000..1adb762452a73 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-h--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-h--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-h--light.png new file mode 100644 index 0000000000000..3685b6077abae Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-h--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-i--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-i--dark.png new file mode 100644 index 0000000000000..98156e18a8d96 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-i--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-i--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-i--light.png new file mode 100644 index 0000000000000..cdf0b67cd3678 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-i--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-j--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-j--dark.png new file mode 100644 index 0000000000000..acb25930cf694 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-j--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-j--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-j--light.png new file mode 100644 index 0000000000000..04be0b77f544f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-j--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-k--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-k--dark.png new file mode 100644 index 0000000000000..f7728f5f50fc4 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-k--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-k--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-k--light.png new file mode 100644 index 0000000000000..16c7887da658b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-k--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-l--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-l--dark.png new file mode 100644 index 0000000000000..8e2d2ce2f0007 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-l--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-l--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-l--light.png new file mode 100644 index 0000000000000..b2742f2a40914 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-l--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-m--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-m--dark.png new file mode 100644 index 0000000000000..3c9e6051e5c3b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-m--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-m--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-m--light.png new file mode 100644 index 0000000000000..45df2af16988a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-m--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-n--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-n--dark.png new file mode 100644 index 0000000000000..4e5a9e30d32e8 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-n--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-n--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-n--light.png new file mode 100644 index 0000000000000..7e33348908b04 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-n--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-o--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-o--dark.png new file mode 100644 index 0000000000000..e4a7566e45313 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-o--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-o--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-o--light.png new file mode 100644 index 0000000000000..16b47df8f6e4e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-o--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-other--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-other--dark.png new file mode 100644 index 0000000000000..81049634af659 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-other--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-other--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-other--light.png new file mode 100644 index 0000000000000..109d9d878b76d Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-other--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-p--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-p--dark.png new file mode 100644 index 0000000000000..1904af35fab06 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-p--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-p--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-p--light.png new file mode 100644 index 0000000000000..34cd2aae4745e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-p--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-q--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-q--dark.png new file mode 100644 index 0000000000000..e4cbd11770996 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-q--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-q--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-q--light.png new file mode 100644 index 0000000000000..451100347af02 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-q--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-r--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-r--dark.png new file mode 100644 index 0000000000000..81fb9cfad8460 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-r--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-r--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-r--light.png new file mode 100644 index 0000000000000..6f83d3ab72751 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-r--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-s--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-s--dark.png new file mode 100644 index 0000000000000..ee492a5f8b73f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-s--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-s--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-s--light.png new file mode 100644 index 0000000000000..d32382360be81 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-s--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-t--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-t--dark.png new file mode 100644 index 0000000000000..01e8f63fc2917 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-t--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-t--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-t--light.png new file mode 100644 index 0000000000000..5e5d3a72f5817 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-t--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-u--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-u--dark.png new file mode 100644 index 0000000000000..f262934a63f82 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-u--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-u--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-u--light.png new file mode 100644 index 0000000000000..67ec56d30f616 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-u--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-v--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-v--dark.png new file mode 100644 index 0000000000000..6f8493662ed72 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-v--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-v--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-v--light.png new file mode 100644 index 0000000000000..99174016e8035 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-v--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-w--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-w--dark.png new file mode 100644 index 0000000000000..1755cc7754a6e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-w--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-w--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-w--light.png new file mode 100644 index 0000000000000..459fd45a1333b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-w--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-x--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-x--dark.png new file mode 100644 index 0000000000000..3fa3a30851c6a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-x--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-x--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-x--light.png new file mode 100644 index 0000000000000..c0c8828f5b286 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-x--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-y--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-y--dark.png new file mode 100644 index 0000000000000..e7c26756a6768 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-y--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-y--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-y--light.png new file mode 100644 index 0000000000000..bce13c371eec1 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-y--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-z--dark.png b/frontend/__snapshots__/lemon-ui-icons--shelf-z--dark.png new file mode 100644 index 0000000000000..fbd13ec2b8580 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-z--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-icons--shelf-z--light.png b/frontend/__snapshots__/lemon-ui-icons--shelf-z--light.png new file mode 100644 index 0000000000000..1d5eef5ca2612 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-icons--shelf-z--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--active--dark.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--active--dark.png new file mode 100644 index 0000000000000..7ec1e19e66e54 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--active--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--active--light.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--active--light.png new file mode 100644 index 0000000000000..4f708814137c2 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--active--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--positioning--dark.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--positioning--dark.png new file mode 100644 index 0000000000000..cedb7ab1d95fe Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--positioning--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--positioning--light.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--positioning--light.png new file mode 100644 index 0000000000000..ae85ac907903e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--positioning--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--sizes--dark.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--sizes--dark.png new file mode 100644 index 0000000000000..b9f9d79b2f64a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--sizes--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--sizes--light.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--sizes--light.png new file mode 100644 index 0000000000000..35b40e56284e3 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--sizes--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--standard--dark.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--standard--dark.png new file mode 100644 index 0000000000000..c2f0bd017aadb Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--standard--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--standard--light.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--standard--light.png new file mode 100644 index 0000000000000..09a11c9b3eefa Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--standard--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--status--dark.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--status--dark.png new file mode 100644 index 0000000000000..993252eec398e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--status--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--status--light.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--status--light.png new file mode 100644 index 0000000000000..62f5bf4b75fa4 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge--status--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--multiple-digits--dark.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--multiple-digits--dark.png new file mode 100644 index 0000000000000..5a32be0344360 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--multiple-digits--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--multiple-digits--light.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--multiple-digits--light.png new file mode 100644 index 0000000000000..89bbfc77ec54e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--multiple-digits--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--show-zero--dark.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--show-zero--dark.png new file mode 100644 index 0000000000000..7006b55bebdd8 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--show-zero--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--show-zero--light.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--show-zero--light.png new file mode 100644 index 0000000000000..2949141995d97 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--show-zero--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--standard--dark.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--standard--dark.png new file mode 100644 index 0000000000000..932b20cf6fa45 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--standard--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--standard--light.png b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--standard--light.png new file mode 100644 index 0000000000000..e9b6e90f47d9b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-badge-lemon-badge-number--standard--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--closable--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--closable--dark.png new file mode 100644 index 0000000000000..233a87b8a7ae6 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--closable--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--closable--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--closable--light.png new file mode 100644 index 0000000000000..32080d09e3429 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--closable--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--dark.png new file mode 100644 index 0000000000000..fb40f88859a6c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--light.png new file mode 100644 index 0000000000000..c4002775974de Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--error--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--error--dark.png new file mode 100644 index 0000000000000..935de89196544 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--error--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--error--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--error--light.png new file mode 100644 index 0000000000000..f4bbc58b925e0 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--error--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--info--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--info--dark.png new file mode 100644 index 0000000000000..5f6978ab71e23 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--info--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--info--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--info--light.png new file mode 100644 index 0000000000000..943750de062f2 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--info--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--small--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--small--dark.png new file mode 100644 index 0000000000000..aa20d221d2c88 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--small--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--small--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--small--light.png new file mode 100644 index 0000000000000..6f51669e12856 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--small--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--small-with-buttons--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--small-with-buttons--dark.png new file mode 100644 index 0000000000000..fa175a5d172fc Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--small-with-buttons--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--small-with-buttons--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--small-with-buttons--light.png new file mode 100644 index 0000000000000..6990bdea343be Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--small-with-buttons--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--success--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--success--dark.png new file mode 100644 index 0000000000000..d9e6a164fd372 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--success--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--success--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--success--light.png new file mode 100644 index 0000000000000..7c908c66911ba Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--success--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--warning--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--warning--dark.png new file mode 100644 index 0000000000000..d2b848f823088 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--warning--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--warning--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--warning--light.png new file mode 100644 index 0000000000000..a1aa57084a889 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--warning--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-checkbox--basic--dark.png b/frontend/__snapshots__/lemon-ui-lemon-checkbox--basic--dark.png new file mode 100644 index 0000000000000..cb3fc996e261c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-checkbox--basic--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-checkbox--basic--light.png b/frontend/__snapshots__/lemon-ui-lemon-checkbox--basic--light.png new file mode 100644 index 0000000000000..326fb6f70412f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-checkbox--basic--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-checkbox--bordered--dark.png b/frontend/__snapshots__/lemon-ui-lemon-checkbox--bordered--dark.png new file mode 100644 index 0000000000000..f5c7dda321ef1 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-checkbox--bordered--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-checkbox--bordered--light.png b/frontend/__snapshots__/lemon-ui-lemon-checkbox--bordered--light.png new file mode 100644 index 0000000000000..93fcbf1058101 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-checkbox--bordered--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-checkbox--disabled--dark.png b/frontend/__snapshots__/lemon-ui-lemon-checkbox--disabled--dark.png new file mode 100644 index 0000000000000..35fee22ca1574 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-checkbox--disabled--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-checkbox--disabled--light.png b/frontend/__snapshots__/lemon-ui-lemon-checkbox--disabled--light.png new file mode 100644 index 0000000000000..4d1e6546cad32 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-checkbox--disabled--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-checkbox--disabled-with-reason--dark.png b/frontend/__snapshots__/lemon-ui-lemon-checkbox--disabled-with-reason--dark.png new file mode 100644 index 0000000000000..35fee22ca1574 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-checkbox--disabled-with-reason--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-checkbox--disabled-with-reason--light.png b/frontend/__snapshots__/lemon-ui-lemon-checkbox--disabled-with-reason--light.png new file mode 100644 index 0000000000000..4d1e6546cad32 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-checkbox--disabled-with-reason--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-checkbox--no-label--dark.png b/frontend/__snapshots__/lemon-ui-lemon-checkbox--no-label--dark.png new file mode 100644 index 0000000000000..6672835b2b74f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-checkbox--no-label--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-checkbox--no-label--light.png b/frontend/__snapshots__/lemon-ui-lemon-checkbox--no-label--light.png new file mode 100644 index 0000000000000..cff1760f7f6d3 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-checkbox--no-label--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-checkbox--overview--dark.png b/frontend/__snapshots__/lemon-ui-lemon-checkbox--overview--dark.png new file mode 100644 index 0000000000000..9d11b77a107be Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-checkbox--overview--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-checkbox--overview--light.png b/frontend/__snapshots__/lemon-ui-lemon-checkbox--overview--light.png new file mode 100644 index 0000000000000..467fff8f7e1ca Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-checkbox--overview--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-collapse--multiple--dark.png b/frontend/__snapshots__/lemon-ui-lemon-collapse--multiple--dark.png new file mode 100644 index 0000000000000..bb83378fac03b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-collapse--multiple--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-collapse--multiple--light.png b/frontend/__snapshots__/lemon-ui-lemon-collapse--multiple--light.png new file mode 100644 index 0000000000000..21687f82773f2 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-collapse--multiple--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-collapse--single--dark.png b/frontend/__snapshots__/lemon-ui-lemon-collapse--single--dark.png new file mode 100644 index 0000000000000..1dc6113bf43ed Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-collapse--single--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-collapse--single--light.png b/frontend/__snapshots__/lemon-ui-lemon-collapse--single--light.png new file mode 100644 index 0000000000000..2ef579c5bc850 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-collapse--single--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-dialog--customised--dark.png b/frontend/__snapshots__/lemon-ui-lemon-dialog--customised--dark.png new file mode 100644 index 0000000000000..bfd4c9e49d734 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-dialog--customised--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-dialog--customised--light.png b/frontend/__snapshots__/lemon-ui-lemon-dialog--customised--light.png new file mode 100644 index 0000000000000..ab1ab855c98d0 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-dialog--customised--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-dialog--minimal--dark.png b/frontend/__snapshots__/lemon-ui-lemon-dialog--minimal--dark.png new file mode 100644 index 0000000000000..c659b1d4d1946 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-dialog--minimal--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-dialog--minimal--light.png b/frontend/__snapshots__/lemon-ui-lemon-dialog--minimal--light.png new file mode 100644 index 0000000000000..9e015231c4762 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-dialog--minimal--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-dialog--template--dark.png b/frontend/__snapshots__/lemon-ui-lemon-dialog--template--dark.png new file mode 100644 index 0000000000000..b7d4ffc52e900 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-dialog--template--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-dialog--template--light.png b/frontend/__snapshots__/lemon-ui-lemon-dialog--template--light.png new file mode 100644 index 0000000000000..7e78761f62e04 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-dialog--template--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-divider--default--dark.png b/frontend/__snapshots__/lemon-ui-lemon-divider--default--dark.png new file mode 100644 index 0000000000000..253942767019c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-divider--default--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-divider--default--light.png b/frontend/__snapshots__/lemon-ui-lemon-divider--default--light.png new file mode 100644 index 0000000000000..574fdf67de463 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-divider--default--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-divider--large--dark.png b/frontend/__snapshots__/lemon-ui-lemon-divider--large--dark.png new file mode 100644 index 0000000000000..0db9a795041fc Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-divider--large--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-divider--large--light.png b/frontend/__snapshots__/lemon-ui-lemon-divider--large--light.png new file mode 100644 index 0000000000000..9cdf1e8c243da Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-divider--large--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-divider--thick-dashed--dark.png b/frontend/__snapshots__/lemon-ui-lemon-divider--thick-dashed--dark.png new file mode 100644 index 0000000000000..130d694e29c13 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-divider--thick-dashed--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-divider--thick-dashed--light.png b/frontend/__snapshots__/lemon-ui-lemon-divider--thick-dashed--light.png new file mode 100644 index 0000000000000..ec802b3b80bb8 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-divider--thick-dashed--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-divider--vertical--dark.png b/frontend/__snapshots__/lemon-ui-lemon-divider--vertical--dark.png new file mode 100644 index 0000000000000..3be0352e99f23 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-divider--vertical--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-divider--vertical--light.png b/frontend/__snapshots__/lemon-ui-lemon-divider--vertical--light.png new file mode 100644 index 0000000000000..3c47628955f30 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-divider--vertical--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-divider--vertical-dashed--dark.png b/frontend/__snapshots__/lemon-ui-lemon-divider--vertical-dashed--dark.png new file mode 100644 index 0000000000000..fba15672edd8f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-divider--vertical-dashed--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-divider--vertical-dashed--light.png b/frontend/__snapshots__/lemon-ui-lemon-divider--vertical-dashed--light.png new file mode 100644 index 0000000000000..88ca38645cc5f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-divider--vertical-dashed--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-file-input--default--dark.png b/frontend/__snapshots__/lemon-ui-lemon-file-input--default--dark.png new file mode 100644 index 0000000000000..7687b83f26b90 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-file-input--default--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-file-input--default--light.png b/frontend/__snapshots__/lemon-ui-lemon-file-input--default--light.png new file mode 100644 index 0000000000000..4cee6f966a92f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-file-input--default--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--basic--dark.png b/frontend/__snapshots__/lemon-ui-lemon-input--basic--dark.png new file mode 100644 index 0000000000000..d16c775955e1c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--basic--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--basic--light.png b/frontend/__snapshots__/lemon-ui-lemon-input--basic--light.png new file mode 100644 index 0000000000000..865878b656f6a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--basic--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--clearable--dark.png b/frontend/__snapshots__/lemon-ui-lemon-input--clearable--dark.png new file mode 100644 index 0000000000000..26df0d4b36112 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--clearable--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--clearable--light.png b/frontend/__snapshots__/lemon-ui-lemon-input--clearable--light.png new file mode 100644 index 0000000000000..09a0bb17e6b97 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--clearable--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--danger-status--dark.png b/frontend/__snapshots__/lemon-ui-lemon-input--danger-status--dark.png new file mode 100644 index 0000000000000..42602a39d6d7f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--danger-status--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--danger-status--light.png b/frontend/__snapshots__/lemon-ui-lemon-input--danger-status--light.png new file mode 100644 index 0000000000000..0dc4f9fd51e3c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--danger-status--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--disabled--dark.png b/frontend/__snapshots__/lemon-ui-lemon-input--disabled--dark.png new file mode 100644 index 0000000000000..90685380537ee Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--disabled--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--disabled--light.png b/frontend/__snapshots__/lemon-ui-lemon-input--disabled--light.png new file mode 100644 index 0000000000000..c568db0694a06 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--disabled--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--numeric--dark.png b/frontend/__snapshots__/lemon-ui-lemon-input--numeric--dark.png new file mode 100644 index 0000000000000..433f7f870d581 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--numeric--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--numeric--light.png b/frontend/__snapshots__/lemon-ui-lemon-input--numeric--light.png new file mode 100644 index 0000000000000..5eb1c8ef896ab Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--numeric--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--password--dark.png b/frontend/__snapshots__/lemon-ui-lemon-input--password--dark.png new file mode 100644 index 0000000000000..14c375cf1c430 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--password--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--password--light.png b/frontend/__snapshots__/lemon-ui-lemon-input--password--light.png new file mode 100644 index 0000000000000..b78ead9f687e2 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--password--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--search--dark.png b/frontend/__snapshots__/lemon-ui-lemon-input--search--dark.png new file mode 100644 index 0000000000000..b2376d87c0ec3 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--search--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--search--light.png b/frontend/__snapshots__/lemon-ui-lemon-input--search--light.png new file mode 100644 index 0000000000000..4a6a01b7ec023 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--search--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--small--dark.png b/frontend/__snapshots__/lemon-ui-lemon-input--small--dark.png new file mode 100644 index 0000000000000..ccfd48446d8b0 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--small--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--small--light.png b/frontend/__snapshots__/lemon-ui-lemon-input--small--light.png new file mode 100644 index 0000000000000..46e2f53e5658d Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--small--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--with-prefix-and-suffix-action--dark.png b/frontend/__snapshots__/lemon-ui-lemon-input--with-prefix-and-suffix-action--dark.png new file mode 100644 index 0000000000000..094b59693c94a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--with-prefix-and-suffix-action--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-input--with-prefix-and-suffix-action--light.png b/frontend/__snapshots__/lemon-ui-lemon-input--with-prefix-and-suffix-action--light.png new file mode 100644 index 0000000000000..5b385c81d05cf Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-input--with-prefix-and-suffix-action--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-label--basic--dark.png b/frontend/__snapshots__/lemon-ui-lemon-label--basic--dark.png new file mode 100644 index 0000000000000..e553b4ea719c3 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-label--basic--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-label--basic--light.png b/frontend/__snapshots__/lemon-ui-lemon-label--basic--light.png new file mode 100644 index 0000000000000..70ac5f92e41d2 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-label--basic--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-label--overview--dark.png b/frontend/__snapshots__/lemon-ui-lemon-label--overview--dark.png new file mode 100644 index 0000000000000..1912c050d72fe Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-label--overview--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-label--overview--light.png b/frontend/__snapshots__/lemon-ui-lemon-label--overview--light.png new file mode 100644 index 0000000000000..5e56df54b4309 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-label--overview--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-markdown--default--dark.png b/frontend/__snapshots__/lemon-ui-lemon-markdown--default--dark.png new file mode 100644 index 0000000000000..e2cf16c3b93f2 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-markdown--default--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-markdown--default--light.png b/frontend/__snapshots__/lemon-ui-lemon-markdown--default--light.png new file mode 100644 index 0000000000000..e5566327cbdbe Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-markdown--default--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-markdown--low-key-headings--dark.png b/frontend/__snapshots__/lemon-ui-lemon-markdown--low-key-headings--dark.png new file mode 100644 index 0000000000000..b473061585a4b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-markdown--low-key-headings--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-markdown--low-key-headings--light.png b/frontend/__snapshots__/lemon-ui-lemon-markdown--low-key-headings--light.png new file mode 100644 index 0000000000000..99f66b1e4f6ec Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-markdown--low-key-headings--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-menu--flat--dark.png b/frontend/__snapshots__/lemon-ui-lemon-menu--flat--dark.png new file mode 100644 index 0000000000000..551919de57503 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-menu--flat--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-menu--flat--light.png b/frontend/__snapshots__/lemon-ui-lemon-menu--flat--light.png new file mode 100644 index 0000000000000..6b73ee57b7603 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-menu--flat--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-menu--nested-menu--dark.png b/frontend/__snapshots__/lemon-ui-lemon-menu--nested-menu--dark.png new file mode 100644 index 0000000000000..248dd0bf10fa5 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-menu--nested-menu--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-menu--nested-menu--light.png b/frontend/__snapshots__/lemon-ui-lemon-menu--nested-menu--light.png new file mode 100644 index 0000000000000..8ee2665723d33 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-menu--nested-menu--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-menu--sectioned-items--dark.png b/frontend/__snapshots__/lemon-ui-lemon-menu--sectioned-items--dark.png new file mode 100644 index 0000000000000..08c31f9836af5 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-menu--sectioned-items--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-menu--sectioned-items--light.png b/frontend/__snapshots__/lemon-ui-lemon-menu--sectioned-items--light.png new file mode 100644 index 0000000000000..a142e2ed8605f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-menu--sectioned-items--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-modal--inline--dark.png b/frontend/__snapshots__/lemon-ui-lemon-modal--inline--dark.png new file mode 100644 index 0000000000000..f1984e160c4ae Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-modal--inline--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-modal--inline--light.png b/frontend/__snapshots__/lemon-ui-lemon-modal--inline--light.png new file mode 100644 index 0000000000000..a581b66e7dff9 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-modal--inline--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-modal--lemon-modal--dark.png b/frontend/__snapshots__/lemon-ui-lemon-modal--lemon-modal--dark.png new file mode 100644 index 0000000000000..d523c3aad154a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-modal--lemon-modal--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-modal--lemon-modal--light.png b/frontend/__snapshots__/lemon-ui-lemon-modal--lemon-modal--light.png new file mode 100644 index 0000000000000..6666e79f9f682 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-modal--lemon-modal--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-modal--with-custom-content--dark.png b/frontend/__snapshots__/lemon-ui-lemon-modal--with-custom-content--dark.png new file mode 100644 index 0000000000000..09c4eaa93888f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-modal--with-custom-content--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-modal--with-custom-content--light.png b/frontend/__snapshots__/lemon-ui-lemon-modal--with-custom-content--light.png new file mode 100644 index 0000000000000..580a9a98938a9 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-modal--with-custom-content--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-modal--without-content--dark.png b/frontend/__snapshots__/lemon-ui-lemon-modal--without-content--dark.png new file mode 100644 index 0000000000000..d523c3aad154a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-modal--without-content--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-modal--without-content--light.png b/frontend/__snapshots__/lemon-ui-lemon-modal--without-content--light.png new file mode 100644 index 0000000000000..6666e79f9f682 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-modal--without-content--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-progress-circle--basic--dark.png b/frontend/__snapshots__/lemon-ui-lemon-progress-circle--basic--dark.png new file mode 100644 index 0000000000000..a7373721a2d5d Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-progress-circle--basic--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-progress-circle--basic--light.png b/frontend/__snapshots__/lemon-ui-lemon-progress-circle--basic--light.png new file mode 100644 index 0000000000000..e493cacd98748 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-progress-circle--basic--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-progress-circle--overview--dark.png b/frontend/__snapshots__/lemon-ui-lemon-progress-circle--overview--dark.png new file mode 100644 index 0000000000000..f271cd3ec278a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-progress-circle--overview--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-progress-circle--overview--light.png b/frontend/__snapshots__/lemon-ui-lemon-progress-circle--overview--light.png new file mode 100644 index 0000000000000..e703172e04fa2 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-progress-circle--overview--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-progress-circle--template--dark.png b/frontend/__snapshots__/lemon-ui-lemon-progress-circle--template--dark.png new file mode 100644 index 0000000000000..a7373721a2d5d Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-progress-circle--template--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-progress-circle--template--light.png b/frontend/__snapshots__/lemon-ui-lemon-progress-circle--template--light.png new file mode 100644 index 0000000000000..e493cacd98748 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-progress-circle--template--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--danger--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--danger--dark.png new file mode 100644 index 0000000000000..461ac5ea11e9f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--danger--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--danger--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--danger--light.png new file mode 100644 index 0000000000000..685b497deb931 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--danger--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--default--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--default--dark.png new file mode 100644 index 0000000000000..433a450b89688 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--default--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--default--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--default--light.png new file mode 100644 index 0000000000000..0e96f35095d63 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--default--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--disabled--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--disabled--dark.png new file mode 100644 index 0000000000000..4dfc90b7ac6ec Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--disabled--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--disabled--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--disabled--light.png new file mode 100644 index 0000000000000..6cad14b42c052 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--disabled--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--full-width--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--full-width--dark.png new file mode 100644 index 0000000000000..5bfb0f3d4fcb5 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--full-width--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--full-width--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--full-width--light.png new file mode 100644 index 0000000000000..556595a9b8273 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--full-width--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--icon-only--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--icon-only--dark.png new file mode 100644 index 0000000000000..5da7423a23ebe Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--icon-only--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--icon-only--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--icon-only--light.png new file mode 100644 index 0000000000000..5ceaf912b14e1 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--icon-only--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--large--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--large--dark.png new file mode 100644 index 0000000000000..d99764daee71a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--large--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--large--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--large--light.png new file mode 100644 index 0000000000000..f16f827ea468d Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--large--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--loading--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--loading--dark.png new file mode 100644 index 0000000000000..20aaff3745e89 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--loading--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--loading--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--loading--light.png new file mode 100644 index 0000000000000..7c31565c6416f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--loading--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--outlined--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--outlined--dark.png new file mode 100644 index 0000000000000..cb5e427614a4c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--outlined--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--outlined--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--outlined--light.png new file mode 100644 index 0000000000000..d3e93a980ed20 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--outlined--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--small--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--small--dark.png new file mode 100644 index 0000000000000..0f30a06cbab99 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--small--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--small--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--small--light.png new file mode 100644 index 0000000000000..7b9ad2060ea93 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--small--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--success--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--success--dark.png new file mode 100644 index 0000000000000..ca6c98b5e186c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--success--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--success--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--success--light.png new file mode 100644 index 0000000000000..a697682571fb8 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--success--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--tall--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--tall--dark.png new file mode 100644 index 0000000000000..aa77eeda9cf07 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--tall--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--tall--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--tall--light.png new file mode 100644 index 0000000000000..2456b0327b745 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--tall--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--text-only--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--text-only--dark.png new file mode 100644 index 0000000000000..1cecb92d6503d Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--text-only--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--text-only--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--text-only--light.png new file mode 100644 index 0000000000000..1a94410820c8a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--text-only--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--warning--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--warning--dark.png new file mode 100644 index 0000000000000..5cdd062f00af6 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--warning--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--warning--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--warning--light.png new file mode 100644 index 0000000000000..6bbc431de7c7f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--warning--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--with-extended-content--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--with-extended-content--dark.png new file mode 100644 index 0000000000000..d5280e3fbb0fd Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--with-extended-content--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--with-extended-content--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--with-extended-content--light.png new file mode 100644 index 0000000000000..372ec58650727 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--with-extended-content--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--with-side-icon--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--with-side-icon--dark.png new file mode 100644 index 0000000000000..7dbb1112cb894 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--with-side-icon--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--with-side-icon--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--with-side-icon--light.png new file mode 100644 index 0000000000000..9c274c0e036d2 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--with-side-icon--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--with-tooltip--dark.png b/frontend/__snapshots__/lemon-ui-lemon-row--with-tooltip--dark.png new file mode 100644 index 0000000000000..433a450b89688 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--with-tooltip--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-row--with-tooltip--light.png b/frontend/__snapshots__/lemon-ui-lemon-row--with-tooltip--light.png new file mode 100644 index 0000000000000..0e96f35095d63 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-row--with-tooltip--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--clearable--dark.png b/frontend/__snapshots__/lemon-ui-lemon-select--clearable--dark.png new file mode 100644 index 0000000000000..b64dfe62e9e93 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--clearable--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--clearable--light.png b/frontend/__snapshots__/lemon-ui-lemon-select--clearable--light.png new file mode 100644 index 0000000000000..8501aabb0df5b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--clearable--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--custom-element--dark.png b/frontend/__snapshots__/lemon-ui-lemon-select--custom-element--dark.png new file mode 100644 index 0000000000000..b6366057698b1 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--custom-element--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--custom-element--light.png b/frontend/__snapshots__/lemon-ui-lemon-select--custom-element--light.png new file mode 100644 index 0000000000000..5392a4344693e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--custom-element--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--flat--dark.png b/frontend/__snapshots__/lemon-ui-lemon-select--flat--dark.png new file mode 100644 index 0000000000000..655c3aafe1176 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--flat--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--flat--light.png b/frontend/__snapshots__/lemon-ui-lemon-select--flat--light.png new file mode 100644 index 0000000000000..9dc2cc5417cd3 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--flat--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--full-width--dark.png b/frontend/__snapshots__/lemon-ui-lemon-select--full-width--dark.png new file mode 100644 index 0000000000000..cb04635bc1a91 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--full-width--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--full-width--light.png b/frontend/__snapshots__/lemon-ui-lemon-select--full-width--light.png new file mode 100644 index 0000000000000..befca2c45386a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--full-width--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--long-options--dark.png b/frontend/__snapshots__/lemon-ui-lemon-select--long-options--dark.png new file mode 100644 index 0000000000000..9209ddfcf7e31 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--long-options--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--long-options--light.png b/frontend/__snapshots__/lemon-ui-lemon-select--long-options--light.png new file mode 100644 index 0000000000000..6fb955caef149 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--long-options--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--mixed-values-types--dark.png b/frontend/__snapshots__/lemon-ui-lemon-select--mixed-values-types--dark.png new file mode 100644 index 0000000000000..655c3aafe1176 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--mixed-values-types--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--mixed-values-types--light.png b/frontend/__snapshots__/lemon-ui-lemon-select--mixed-values-types--light.png new file mode 100644 index 0000000000000..9dc2cc5417cd3 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--mixed-values-types--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--nested-select--dark.png b/frontend/__snapshots__/lemon-ui-lemon-select--nested-select--dark.png new file mode 100644 index 0000000000000..655c3aafe1176 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--nested-select--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--nested-select--light.png b/frontend/__snapshots__/lemon-ui-lemon-select--nested-select--light.png new file mode 100644 index 0000000000000..9dc2cc5417cd3 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--nested-select--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--sectioned-options--dark.png b/frontend/__snapshots__/lemon-ui-lemon-select--sectioned-options--dark.png new file mode 100644 index 0000000000000..655c3aafe1176 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--sectioned-options--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-select--sectioned-options--light.png b/frontend/__snapshots__/lemon-ui-lemon-select--sectioned-options--light.png new file mode 100644 index 0000000000000..9dc2cc5417cd3 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-select--sectioned-options--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--default--dark.png b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--default--dark.png new file mode 100644 index 0000000000000..53ad81c3afab7 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--default--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--default--light.png b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--default--light.png new file mode 100644 index 0000000000000..c7e6f1ed06006 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--default--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--disabled--dark.png b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--disabled--dark.png new file mode 100644 index 0000000000000..69fb737f6084a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--disabled--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--disabled--light.png b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--disabled--light.png new file mode 100644 index 0000000000000..f52dddd10e9d4 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--disabled--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--loading--dark.png b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--loading--dark.png new file mode 100644 index 0000000000000..aaa670e9a6528 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--loading--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--loading--light.png b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--loading--light.png new file mode 100644 index 0000000000000..b708d9e42dcd9 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--loading--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--multiple-select--dark.png b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--multiple-select--dark.png new file mode 100644 index 0000000000000..6fc33125bf816 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--multiple-select--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--multiple-select--light.png b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--multiple-select--light.png new file mode 100644 index 0000000000000..9a855f48a4333 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--multiple-select--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--multiple-select-with-custom--dark.png b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--multiple-select-with-custom--dark.png new file mode 100644 index 0000000000000..6fc33125bf816 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--multiple-select-with-custom--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--multiple-select-with-custom--light.png b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--multiple-select-with-custom--light.png new file mode 100644 index 0000000000000..9a855f48a4333 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--multiple-select-with-custom--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--no-options--dark.png b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--no-options--dark.png new file mode 100644 index 0000000000000..6fc33125bf816 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--no-options--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--no-options--light.png b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--no-options--light.png new file mode 100644 index 0000000000000..9a855f48a4333 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-selectmultiple--no-options--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-skeleton--customisation--dark.png b/frontend/__snapshots__/lemon-ui-lemon-skeleton--customisation--dark.png new file mode 100644 index 0000000000000..29aae0977f22d Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-skeleton--customisation--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-skeleton--customisation--light.png b/frontend/__snapshots__/lemon-ui-lemon-skeleton--customisation--light.png new file mode 100644 index 0000000000000..62b2a2da1d02c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-skeleton--customisation--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-skeleton--dark-background--dark.png b/frontend/__snapshots__/lemon-ui-lemon-skeleton--dark-background--dark.png new file mode 100644 index 0000000000000..06564e56ff18a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-skeleton--dark-background--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-skeleton--dark-background--light.png b/frontend/__snapshots__/lemon-ui-lemon-skeleton--dark-background--light.png new file mode 100644 index 0000000000000..07cf8fd41b387 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-skeleton--dark-background--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-skeleton--default--dark.png b/frontend/__snapshots__/lemon-ui-lemon-skeleton--default--dark.png new file mode 100644 index 0000000000000..2dae5ac621af4 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-skeleton--default--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-skeleton--default--light.png b/frontend/__snapshots__/lemon-ui-lemon-skeleton--default--light.png new file mode 100644 index 0000000000000..d4a2e8c38f155 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-skeleton--default--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-skeleton--presets--dark.png b/frontend/__snapshots__/lemon-ui-lemon-skeleton--presets--dark.png new file mode 100644 index 0000000000000..39e1746d4f240 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-skeleton--presets--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-skeleton--presets--light.png b/frontend/__snapshots__/lemon-ui-lemon-skeleton--presets--light.png new file mode 100644 index 0000000000000..0c3de1ec6028f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-skeleton--presets--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-skeleton--repeat--dark.png b/frontend/__snapshots__/lemon-ui-lemon-skeleton--repeat--dark.png new file mode 100644 index 0000000000000..16a7dce66e736 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-skeleton--repeat--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-skeleton--repeat--light.png b/frontend/__snapshots__/lemon-ui-lemon-skeleton--repeat--light.png new file mode 100644 index 0000000000000..2383a3628cab8 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-skeleton--repeat--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-snack--complex-content--dark.png b/frontend/__snapshots__/lemon-ui-lemon-snack--complex-content--dark.png new file mode 100644 index 0000000000000..81e90e3e4896f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-snack--complex-content--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-snack--complex-content--light.png b/frontend/__snapshots__/lemon-ui-lemon-snack--complex-content--light.png new file mode 100644 index 0000000000000..f40f8453812cd Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-snack--complex-content--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-snack--default--dark.png b/frontend/__snapshots__/lemon-ui-lemon-snack--default--dark.png new file mode 100644 index 0000000000000..3018521b95f8b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-snack--default--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-snack--default--light.png b/frontend/__snapshots__/lemon-ui-lemon-snack--default--light.png new file mode 100644 index 0000000000000..7a455b9527b66 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-snack--default--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-snack--overflow-options--dark.png b/frontend/__snapshots__/lemon-ui-lemon-snack--overflow-options--dark.png new file mode 100644 index 0000000000000..cf3048483e4d9 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-snack--overflow-options--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-snack--overflow-options--light.png b/frontend/__snapshots__/lemon-ui-lemon-snack--overflow-options--light.png new file mode 100644 index 0000000000000..7c6611fe093e0 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-snack--overflow-options--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-snack--pill--dark.png b/frontend/__snapshots__/lemon-ui-lemon-snack--pill--dark.png new file mode 100644 index 0000000000000..624b1aff07924 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-snack--pill--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-snack--pill--light.png b/frontend/__snapshots__/lemon-ui-lemon-snack--pill--light.png new file mode 100644 index 0000000000000..f05775124fd35 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-snack--pill--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-switch--basic--dark.png b/frontend/__snapshots__/lemon-ui-lemon-switch--basic--dark.png new file mode 100644 index 0000000000000..0d0f016e2f787 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-switch--basic--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-switch--basic--light.png b/frontend/__snapshots__/lemon-ui-lemon-switch--basic--light.png new file mode 100644 index 0000000000000..5f486e816d19e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-switch--basic--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-switch--bordered--dark.png b/frontend/__snapshots__/lemon-ui-lemon-switch--bordered--dark.png new file mode 100644 index 0000000000000..321ccf6c0cffc Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-switch--bordered--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-switch--bordered--light.png b/frontend/__snapshots__/lemon-ui-lemon-switch--bordered--light.png new file mode 100644 index 0000000000000..26501ff1b037e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-switch--bordered--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-switch--disabled--dark.png b/frontend/__snapshots__/lemon-ui-lemon-switch--disabled--dark.png new file mode 100644 index 0000000000000..6ea12aaa95bd9 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-switch--disabled--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-switch--disabled--light.png b/frontend/__snapshots__/lemon-ui-lemon-switch--disabled--light.png new file mode 100644 index 0000000000000..76f8d09c80501 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-switch--disabled--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-switch--overview--dark.png b/frontend/__snapshots__/lemon-ui-lemon-switch--overview--dark.png new file mode 100644 index 0000000000000..7a69c0efcf167 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-switch--overview--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-switch--overview--light.png b/frontend/__snapshots__/lemon-ui-lemon-switch--overview--light.png new file mode 100644 index 0000000000000..99110605ba8a2 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-switch--overview--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-switch--standalone--dark.png b/frontend/__snapshots__/lemon-ui-lemon-switch--standalone--dark.png new file mode 100644 index 0000000000000..9d91bc59a3fb0 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-switch--standalone--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-switch--standalone--light.png b/frontend/__snapshots__/lemon-ui-lemon-switch--standalone--light.png new file mode 100644 index 0000000000000..fc7e4d8279e6c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-switch--standalone--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-tabs--lemon-tabs--dark.png b/frontend/__snapshots__/lemon-ui-lemon-tabs--lemon-tabs--dark.png new file mode 100644 index 0000000000000..2219d3a42bf62 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-tabs--lemon-tabs--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-tabs--lemon-tabs--light.png b/frontend/__snapshots__/lemon-ui-lemon-tabs--lemon-tabs--light.png new file mode 100644 index 0000000000000..6a95ec5fb1776 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-tabs--lemon-tabs--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-text-area--basic--dark.png b/frontend/__snapshots__/lemon-ui-lemon-text-area--basic--dark.png new file mode 100644 index 0000000000000..eb8273ee62b34 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-text-area--basic--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-text-area--basic--light.png b/frontend/__snapshots__/lemon-ui-lemon-text-area--basic--light.png new file mode 100644 index 0000000000000..fc66beed61dea Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-text-area--basic--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-text-area--disabled--dark.png b/frontend/__snapshots__/lemon-ui-lemon-text-area--disabled--dark.png new file mode 100644 index 0000000000000..d68492bceca5c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-text-area--disabled--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-text-area--disabled--light.png b/frontend/__snapshots__/lemon-ui-lemon-text-area--disabled--light.png new file mode 100644 index 0000000000000..df87f3338783b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-text-area--disabled--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-text-area--lemon-text-markdown--dark.png b/frontend/__snapshots__/lemon-ui-lemon-text-area--lemon-text-markdown--dark.png new file mode 100644 index 0000000000000..46e4f57be6aee Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-text-area--lemon-text-markdown--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-text-area--lemon-text-markdown--light.png b/frontend/__snapshots__/lemon-ui-lemon-text-area--lemon-text-markdown--light.png new file mode 100644 index 0000000000000..7c4cff53c459c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-text-area--lemon-text-markdown--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lettermark--base--dark.png b/frontend/__snapshots__/lemon-ui-lettermark--base--dark.png new file mode 100644 index 0000000000000..27249c3b5ccc3 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lettermark--base--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lettermark--base--light.png b/frontend/__snapshots__/lemon-ui-lettermark--base--light.png new file mode 100644 index 0000000000000..6da012915d20a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lettermark--base--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lettermark--gray--dark.png b/frontend/__snapshots__/lemon-ui-lettermark--gray--dark.png new file mode 100644 index 0000000000000..7eccc139d2277 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lettermark--gray--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lettermark--gray--light.png b/frontend/__snapshots__/lemon-ui-lettermark--gray--light.png new file mode 100644 index 0000000000000..9ac43ffab9f8f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lettermark--gray--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lettermark--number--dark.png b/frontend/__snapshots__/lemon-ui-lettermark--number--dark.png new file mode 100644 index 0000000000000..e4c995f9add9f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lettermark--number--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lettermark--number--light.png b/frontend/__snapshots__/lemon-ui-lettermark--number--light.png new file mode 100644 index 0000000000000..7adea649af557 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lettermark--number--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lettermark--overview--dark.png b/frontend/__snapshots__/lemon-ui-lettermark--overview--dark.png new file mode 100644 index 0000000000000..82664385faf5a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lettermark--overview--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lettermark--overview--light.png b/frontend/__snapshots__/lemon-ui-lettermark--overview--light.png new file mode 100644 index 0000000000000..437a294ae6fb6 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lettermark--overview--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lettermark--string--dark.png b/frontend/__snapshots__/lemon-ui-lettermark--string--dark.png new file mode 100644 index 0000000000000..27249c3b5ccc3 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lettermark--string--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lettermark--string--light.png b/frontend/__snapshots__/lemon-ui-lettermark--string--light.png new file mode 100644 index 0000000000000..6da012915d20a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lettermark--string--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lettermark--unknown--dark.png b/frontend/__snapshots__/lemon-ui-lettermark--unknown--dark.png new file mode 100644 index 0000000000000..80a4bff1e7d06 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lettermark--unknown--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lettermark--unknown--light.png b/frontend/__snapshots__/lemon-ui-lettermark--unknown--light.png new file mode 100644 index 0000000000000..35ae5d940c685 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lettermark--unknown--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-link--default--dark.png b/frontend/__snapshots__/lemon-ui-link--default--dark.png new file mode 100644 index 0000000000000..03cbf80fb53fa Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-link--default--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-link--default--light.png b/frontend/__snapshots__/lemon-ui-link--default--light.png new file mode 100644 index 0000000000000..a865e429beb5e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-link--default--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-link--disabled-with-reason--dark.png b/frontend/__snapshots__/lemon-ui-link--disabled-with-reason--dark.png new file mode 100644 index 0000000000000..dfec417e2a4e4 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-link--disabled-with-reason--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-link--disabled-with-reason--light.png b/frontend/__snapshots__/lemon-ui-link--disabled-with-reason--light.png new file mode 100644 index 0000000000000..a4b86c1c41a0c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-link--disabled-with-reason--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-link--to-link--dark.png b/frontend/__snapshots__/lemon-ui-link--to-link--dark.png new file mode 100644 index 0000000000000..03cbf80fb53fa Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-link--to-link--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-link--to-link--light.png b/frontend/__snapshots__/lemon-ui-link--to-link--light.png new file mode 100644 index 0000000000000..a865e429beb5e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-link--to-link--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-object-tags--default--dark.png b/frontend/__snapshots__/lemon-ui-object-tags--default--dark.png new file mode 100644 index 0000000000000..e61d16294100e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-object-tags--default--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-object-tags--default--light.png b/frontend/__snapshots__/lemon-ui-object-tags--default--light.png new file mode 100644 index 0000000000000..839f3d634608c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-object-tags--default--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-object-tags--static-only--dark.png b/frontend/__snapshots__/lemon-ui-object-tags--static-only--dark.png new file mode 100644 index 0000000000000..e61d16294100e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-object-tags--static-only--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-object-tags--static-only--light.png b/frontend/__snapshots__/lemon-ui-object-tags--static-only--light.png new file mode 100644 index 0000000000000..839f3d634608c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-object-tags--static-only--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-pagination-control--bordered--dark.png b/frontend/__snapshots__/lemon-ui-pagination-control--bordered--dark.png new file mode 100644 index 0000000000000..b71cf9340643b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-pagination-control--bordered--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-pagination-control--bordered--light.png b/frontend/__snapshots__/lemon-ui-pagination-control--bordered--light.png new file mode 100644 index 0000000000000..e49f60f14909b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-pagination-control--bordered--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-pagination-control--pagination-control--dark.png b/frontend/__snapshots__/lemon-ui-pagination-control--pagination-control--dark.png new file mode 100644 index 0000000000000..40eca463c10e4 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-pagination-control--pagination-control--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-pagination-control--pagination-control--light.png b/frontend/__snapshots__/lemon-ui-pagination-control--pagination-control--light.png new file mode 100644 index 0000000000000..a0cb30b36d28d Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-pagination-control--pagination-control--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-at-limit--dark.png b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-at-limit--dark.png new file mode 100644 index 0000000000000..7a987f85b76a5 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-at-limit--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-at-limit--light.png b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-at-limit--light.png new file mode 100644 index 0000000000000..f821c19d2d78f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-at-limit--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-overflowing-by-one--dark.png b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-overflowing-by-one--dark.png new file mode 100644 index 0000000000000..bbce9d4d723bc Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-overflowing-by-one--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-overflowing-by-one--light.png b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-overflowing-by-one--light.png new file mode 100644 index 0000000000000..bee0bdb110a51 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-overflowing-by-one--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-overflowing-by-two--dark.png b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-overflowing-by-two--dark.png new file mode 100644 index 0000000000000..92e7203aa473b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-overflowing-by-two--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-overflowing-by-two--light.png b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-overflowing-by-two--light.png new file mode 100644 index 0000000000000..eb210ac5be9d3 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-overflowing-by-two--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-with-no-images--dark.png b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-with-no-images--dark.png new file mode 100644 index 0000000000000..880c46dc6d6c3 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-with-no-images--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-with-no-images--light.png b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-with-no-images--light.png new file mode 100644 index 0000000000000..5471c7ba2d5bd Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-with-no-images--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-with-tooltip--dark.png b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-with-tooltip--dark.png new file mode 100644 index 0000000000000..7a987f85b76a5 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-with-tooltip--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-with-tooltip--light.png b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-with-tooltip--light.png new file mode 100644 index 0000000000000..f821c19d2d78f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-profile-bubbles--multiple-bubbles-with-tooltip--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-profile-bubbles--one-bubble--dark.png b/frontend/__snapshots__/lemon-ui-profile-bubbles--one-bubble--dark.png new file mode 100644 index 0000000000000..913d5759825d2 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-profile-bubbles--one-bubble--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-profile-bubbles--one-bubble--light.png b/frontend/__snapshots__/lemon-ui-profile-bubbles--one-bubble--light.png new file mode 100644 index 0000000000000..dfbe6b6a7818f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-profile-bubbles--one-bubble--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-scrollable-shadows--horizontal--dark.png b/frontend/__snapshots__/lemon-ui-scrollable-shadows--horizontal--dark.png new file mode 100644 index 0000000000000..80fd7103af84e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-scrollable-shadows--horizontal--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-scrollable-shadows--horizontal--light.png b/frontend/__snapshots__/lemon-ui-scrollable-shadows--horizontal--light.png new file mode 100644 index 0000000000000..ca420ed8bdc54 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-scrollable-shadows--horizontal--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-scrollable-shadows--vertical--dark.png b/frontend/__snapshots__/lemon-ui-scrollable-shadows--vertical--dark.png new file mode 100644 index 0000000000000..e0eaa42f2948a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-scrollable-shadows--vertical--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-scrollable-shadows--vertical--light.png b/frontend/__snapshots__/lemon-ui-scrollable-shadows--vertical--light.png new file mode 100644 index 0000000000000..c6d641eca799f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-scrollable-shadows--vertical--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-spinner--as-overlay--dark.png b/frontend/__snapshots__/lemon-ui-spinner--as-overlay--dark.png new file mode 100644 index 0000000000000..d43118dce8e87 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-spinner--as-overlay--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-spinner--as-overlay--light.png b/frontend/__snapshots__/lemon-ui-spinner--as-overlay--light.png new file mode 100644 index 0000000000000..8507f95d5e339 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-spinner--as-overlay--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-spinner--default--dark.png b/frontend/__snapshots__/lemon-ui-spinner--default--dark.png new file mode 100644 index 0000000000000..4eecb4ee70b1d Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-spinner--default--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-spinner--default--light.png b/frontend/__snapshots__/lemon-ui-spinner--default--light.png new file mode 100644 index 0000000000000..1f68b707ec06b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-spinner--default--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-spinner--in-buttons--dark.png b/frontend/__snapshots__/lemon-ui-spinner--in-buttons--dark.png new file mode 100644 index 0000000000000..228f14acdef0c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-spinner--in-buttons--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-spinner--in-buttons--light.png b/frontend/__snapshots__/lemon-ui-spinner--in-buttons--light.png new file mode 100644 index 0000000000000..0033279efc8f5 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-spinner--in-buttons--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-spinner--sizes--dark.png b/frontend/__snapshots__/lemon-ui-spinner--sizes--dark.png new file mode 100644 index 0000000000000..8338dee03af78 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-spinner--sizes--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-spinner--sizes--light.png b/frontend/__snapshots__/lemon-ui-spinner--sizes--light.png new file mode 100644 index 0000000000000..4bb77083b218b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-spinner--sizes--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-spinner--text-colored--dark.png b/frontend/__snapshots__/lemon-ui-spinner--text-colored--dark.png new file mode 100644 index 0000000000000..6db496ce01e27 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-spinner--text-colored--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-spinner--text-colored--light.png b/frontend/__snapshots__/lemon-ui-spinner--text-colored--light.png new file mode 100644 index 0000000000000..aa21f97a91f29 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-spinner--text-colored--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-splotch--splotch--dark.png b/frontend/__snapshots__/lemon-ui-splotch--splotch--dark.png new file mode 100644 index 0000000000000..3d6587ddbe592 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-splotch--splotch--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-splotch--splotch--light.png b/frontend/__snapshots__/lemon-ui-splotch--splotch--light.png new file mode 100644 index 0000000000000..c79db8710d364 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-splotch--splotch--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-textfit--basic--dark.png b/frontend/__snapshots__/lemon-ui-textfit--basic--dark.png new file mode 100644 index 0000000000000..838cc6a9e982a Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-textfit--basic--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-textfit--basic--light.png b/frontend/__snapshots__/lemon-ui-textfit--basic--light.png new file mode 100644 index 0000000000000..880237b5eb6a3 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-textfit--basic--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--absolute-positioning--dark.png b/frontend/__snapshots__/lemon-ui-utilities--absolute-positioning--dark.png new file mode 100644 index 0000000000000..0e248991e0ebb Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--absolute-positioning--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--absolute-positioning--light.png b/frontend/__snapshots__/lemon-ui-utilities--absolute-positioning--light.png new file mode 100644 index 0000000000000..fda5d085c9515 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--absolute-positioning--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--dimensions--dark.png b/frontend/__snapshots__/lemon-ui-utilities--dimensions--dark.png new file mode 100644 index 0000000000000..cc7813ae654f4 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--dimensions--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--dimensions--light.png b/frontend/__snapshots__/lemon-ui-utilities--dimensions--light.png new file mode 100644 index 0000000000000..84e71d72c59c8 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--dimensions--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--flex--dark.png b/frontend/__snapshots__/lemon-ui-utilities--flex--dark.png new file mode 100644 index 0000000000000..e0894f76d349c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--flex--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--flex--light.png b/frontend/__snapshots__/lemon-ui-utilities--flex--light.png new file mode 100644 index 0000000000000..aa28ec99a78c6 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--flex--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--heights--dark.png b/frontend/__snapshots__/lemon-ui-utilities--heights--dark.png new file mode 100644 index 0000000000000..d1064251e2d81 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--heights--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--heights--light.png b/frontend/__snapshots__/lemon-ui-utilities--heights--light.png new file mode 100644 index 0000000000000..c1950f4d39c9f Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--heights--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--individual-spacing--dark.png b/frontend/__snapshots__/lemon-ui-utilities--individual-spacing--dark.png new file mode 100644 index 0000000000000..c5313de8e5a3b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--individual-spacing--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--individual-spacing--light.png b/frontend/__snapshots__/lemon-ui-utilities--individual-spacing--light.png new file mode 100644 index 0000000000000..958d20ebf90d9 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--individual-spacing--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--overview--dark.png b/frontend/__snapshots__/lemon-ui-utilities--overview--dark.png new file mode 100644 index 0000000000000..e13fc50a8ddf5 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--overview--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--overview--light.png b/frontend/__snapshots__/lemon-ui-utilities--overview--light.png new file mode 100644 index 0000000000000..f574ab740927d Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--overview--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--space-and-gap--dark.png b/frontend/__snapshots__/lemon-ui-utilities--space-and-gap--dark.png new file mode 100644 index 0000000000000..e339f61105fe5 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--space-and-gap--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--space-and-gap--light.png b/frontend/__snapshots__/lemon-ui-utilities--space-and-gap--light.png new file mode 100644 index 0000000000000..e0aeda125e04d Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--space-and-gap--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--text-font--dark.png b/frontend/__snapshots__/lemon-ui-utilities--text-font--dark.png new file mode 100644 index 0000000000000..62549e6a6c888 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--text-font--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--text-font--light.png b/frontend/__snapshots__/lemon-ui-utilities--text-font--light.png new file mode 100644 index 0000000000000..c339cecf0132c Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--text-font--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--text-size--dark.png b/frontend/__snapshots__/lemon-ui-utilities--text-size--dark.png new file mode 100644 index 0000000000000..b259f29d3177b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--text-size--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--text-size--light.png b/frontend/__snapshots__/lemon-ui-utilities--text-size--light.png new file mode 100644 index 0000000000000..7882f805d6725 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--text-size--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--text-weight--dark.png b/frontend/__snapshots__/lemon-ui-utilities--text-weight--dark.png new file mode 100644 index 0000000000000..88d74f9c55669 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--text-weight--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--text-weight--light.png b/frontend/__snapshots__/lemon-ui-utilities--text-weight--light.png new file mode 100644 index 0000000000000..4316674aae912 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--text-weight--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--widths--dark.png b/frontend/__snapshots__/lemon-ui-utilities--widths--dark.png new file mode 100644 index 0000000000000..e39edaeaf0395 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--widths--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-utilities--widths--light.png b/frontend/__snapshots__/lemon-ui-utilities--widths--light.png new file mode 100644 index 0000000000000..1ded966f66365 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-utilities--widths--light.png differ diff --git a/frontend/__snapshots__/posthog-3000-keyboard-shortcut--default--dark.png b/frontend/__snapshots__/posthog-3000-keyboard-shortcut--default--dark.png new file mode 100644 index 0000000000000..cf44a23c30906 Binary files /dev/null and b/frontend/__snapshots__/posthog-3000-keyboard-shortcut--default--dark.png differ diff --git a/frontend/__snapshots__/posthog-3000-keyboard-shortcut--default--light.png b/frontend/__snapshots__/posthog-3000-keyboard-shortcut--default--light.png new file mode 100644 index 0000000000000..68f7d6f443e21 Binary files /dev/null and b/frontend/__snapshots__/posthog-3000-keyboard-shortcut--default--light.png differ diff --git a/frontend/__snapshots__/posthog-3000-keyboard-shortcut--muted--dark.png b/frontend/__snapshots__/posthog-3000-keyboard-shortcut--muted--dark.png new file mode 100644 index 0000000000000..cf44a23c30906 Binary files /dev/null and b/frontend/__snapshots__/posthog-3000-keyboard-shortcut--muted--dark.png differ diff --git a/frontend/__snapshots__/posthog-3000-keyboard-shortcut--muted--light.png b/frontend/__snapshots__/posthog-3000-keyboard-shortcut--muted--light.png new file mode 100644 index 0000000000000..68f7d6f443e21 Binary files /dev/null and b/frontend/__snapshots__/posthog-3000-keyboard-shortcut--muted--light.png differ diff --git a/frontend/__snapshots__/posthog-3000-navigation--navigation-3000--dark.png b/frontend/__snapshots__/posthog-3000-navigation--navigation-3000--dark.png new file mode 100644 index 0000000000000..4ecf882e53ba5 Binary files /dev/null and b/frontend/__snapshots__/posthog-3000-navigation--navigation-3000--dark.png differ diff --git a/frontend/__snapshots__/posthog-3000-navigation--navigation-3000--light.png b/frontend/__snapshots__/posthog-3000-navigation--navigation-3000--light.png new file mode 100644 index 0000000000000..8652a9ca1b65d Binary files /dev/null and b/frontend/__snapshots__/posthog-3000-navigation--navigation-3000--light.png differ diff --git a/frontend/__snapshots__/posthog-3000-navigation--navigation-base--dark.png b/frontend/__snapshots__/posthog-3000-navigation--navigation-base--dark.png new file mode 100644 index 0000000000000..f4f9324fb4319 Binary files /dev/null and b/frontend/__snapshots__/posthog-3000-navigation--navigation-base--dark.png differ diff --git a/frontend/__snapshots__/posthog-3000-navigation--navigation-base--light.png b/frontend/__snapshots__/posthog-3000-navigation--navigation-base--light.png new file mode 100644 index 0000000000000..2c22d6a744996 Binary files /dev/null and b/frontend/__snapshots__/posthog-3000-navigation--navigation-base--light.png differ diff --git a/frontend/__snapshots__/posthog-3000-sidebar--dashboards--dark.png b/frontend/__snapshots__/posthog-3000-sidebar--dashboards--dark.png new file mode 100644 index 0000000000000..f21502c2c29b0 Binary files /dev/null and b/frontend/__snapshots__/posthog-3000-sidebar--dashboards--dark.png differ diff --git a/frontend/__snapshots__/posthog-3000-sidebar--dashboards--light.png b/frontend/__snapshots__/posthog-3000-sidebar--dashboards--light.png new file mode 100644 index 0000000000000..5a4dc0dedb042 Binary files /dev/null and b/frontend/__snapshots__/posthog-3000-sidebar--dashboards--light.png differ diff --git a/frontend/__snapshots__/posthog-3000-sidebar--feature-flags--dark.png b/frontend/__snapshots__/posthog-3000-sidebar--feature-flags--dark.png new file mode 100644 index 0000000000000..ce20b2d82ad61 Binary files /dev/null and b/frontend/__snapshots__/posthog-3000-sidebar--feature-flags--dark.png differ diff --git a/frontend/__snapshots__/posthog-3000-sidebar--feature-flags--light.png b/frontend/__snapshots__/posthog-3000-sidebar--feature-flags--light.png new file mode 100644 index 0000000000000..bf60bd921e3d3 Binary files /dev/null and b/frontend/__snapshots__/posthog-3000-sidebar--feature-flags--light.png differ diff --git a/frontend/__snapshots__/replay-components-propertyicons--android-recording--dark.png b/frontend/__snapshots__/replay-components-propertyicons--android-recording--dark.png new file mode 100644 index 0000000000000..20c82b55a5479 Binary files /dev/null and b/frontend/__snapshots__/replay-components-propertyicons--android-recording--dark.png differ diff --git a/frontend/__snapshots__/replay-components-propertyicons--android-recording--light.png b/frontend/__snapshots__/replay-components-propertyicons--android-recording--light.png new file mode 100644 index 0000000000000..9b9b47ba29831 Binary files /dev/null and b/frontend/__snapshots__/replay-components-propertyicons--android-recording--light.png differ diff --git a/frontend/__snapshots__/replay-components-propertyicons--loading--dark.png b/frontend/__snapshots__/replay-components-propertyicons--loading--dark.png new file mode 100644 index 0000000000000..c23dd8520c4d6 Binary files /dev/null and b/frontend/__snapshots__/replay-components-propertyicons--loading--dark.png differ diff --git a/frontend/__snapshots__/replay-components-propertyicons--loading--light.png b/frontend/__snapshots__/replay-components-propertyicons--loading--light.png new file mode 100644 index 0000000000000..94015289fd311 Binary files /dev/null and b/frontend/__snapshots__/replay-components-propertyicons--loading--light.png differ diff --git a/frontend/__snapshots__/replay-components-propertyicons--web-recording--dark.png b/frontend/__snapshots__/replay-components-propertyicons--web-recording--dark.png new file mode 100644 index 0000000000000..5f9ccff4a11ea Binary files /dev/null and b/frontend/__snapshots__/replay-components-propertyicons--web-recording--dark.png differ diff --git a/frontend/__snapshots__/replay-components-propertyicons--web-recording--light.png b/frontend/__snapshots__/replay-components-propertyicons--web-recording--light.png new file mode 100644 index 0000000000000..3481cd74a1869 Binary files /dev/null and b/frontend/__snapshots__/replay-components-propertyicons--web-recording--light.png differ diff --git a/frontend/__snapshots__/replay-listings--recordings-play-lists--dark.png b/frontend/__snapshots__/replay-listings--recordings-play-lists--dark.png new file mode 100644 index 0000000000000..48341c2ab861c Binary files /dev/null and b/frontend/__snapshots__/replay-listings--recordings-play-lists--dark.png differ diff --git a/frontend/__snapshots__/replay-listings--recordings-play-lists--light.png b/frontend/__snapshots__/replay-listings--recordings-play-lists--light.png new file mode 100644 index 0000000000000..71b3be49978a7 Binary files /dev/null and b/frontend/__snapshots__/replay-listings--recordings-play-lists--light.png differ diff --git a/frontend/__snapshots__/replay-player-failure--recent-recordings-404--dark.png b/frontend/__snapshots__/replay-player-failure--recent-recordings-404--dark.png new file mode 100644 index 0000000000000..d80bec3abac8d Binary files /dev/null and b/frontend/__snapshots__/replay-player-failure--recent-recordings-404--dark.png differ diff --git a/frontend/__snapshots__/replay-player-failure--recent-recordings-404--light.png b/frontend/__snapshots__/replay-player-failure--recent-recordings-404--light.png new file mode 100644 index 0000000000000..2e6bb2ccceef4 Binary files /dev/null and b/frontend/__snapshots__/replay-player-failure--recent-recordings-404--light.png differ diff --git a/frontend/__snapshots__/scenes-app-annotations--annotations--dark.png b/frontend/__snapshots__/scenes-app-annotations--annotations--dark.png new file mode 100644 index 0000000000000..74a19f302241d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-annotations--annotations--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-annotations--annotations--light.png b/frontend/__snapshots__/scenes-app-annotations--annotations--light.png new file mode 100644 index 0000000000000..59e4d65ecfda7 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-annotations--annotations--light.png differ diff --git a/frontend/__snapshots__/scenes-app-apps--installed--dark.png b/frontend/__snapshots__/scenes-app-apps--installed--dark.png new file mode 100644 index 0000000000000..fcf1efd33087e Binary files /dev/null and b/frontend/__snapshots__/scenes-app-apps--installed--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-apps--installed--light.png b/frontend/__snapshots__/scenes-app-apps--installed--light.png new file mode 100644 index 0000000000000..12c30a5009ebc Binary files /dev/null and b/frontend/__snapshots__/scenes-app-apps--installed--light.png differ diff --git a/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--dark.png b/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--dark.png new file mode 100644 index 0000000000000..2a8e2f7d76e2b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--light.png b/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--light.png new file mode 100644 index 0000000000000..d74b090d48a4e Binary files /dev/null and b/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--light.png differ diff --git a/frontend/__snapshots__/scenes-app-batchexports--create-export--dark.png b/frontend/__snapshots__/scenes-app-batchexports--create-export--dark.png new file mode 100644 index 0000000000000..5a4a9803ea8c1 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-batchexports--create-export--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-batchexports--create-export--light.png b/frontend/__snapshots__/scenes-app-batchexports--create-export--light.png new file mode 100644 index 0000000000000..d8752fc579271 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-batchexports--create-export--light.png differ diff --git a/frontend/__snapshots__/scenes-app-batchexports--exports--dark.png b/frontend/__snapshots__/scenes-app-batchexports--exports--dark.png new file mode 100644 index 0000000000000..27f3aedb64902 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-batchexports--exports--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-batchexports--exports--light.png b/frontend/__snapshots__/scenes-app-batchexports--exports--light.png new file mode 100644 index 0000000000000..ffc091f988cce Binary files /dev/null and b/frontend/__snapshots__/scenes-app-batchexports--exports--light.png differ diff --git a/frontend/__snapshots__/scenes-app-batchexports--view-export--dark.png b/frontend/__snapshots__/scenes-app-batchexports--view-export--dark.png new file mode 100644 index 0000000000000..dbd609697ca12 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-batchexports--view-export--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-batchexports--view-export--light.png b/frontend/__snapshots__/scenes-app-batchexports--view-export--light.png new file mode 100644 index 0000000000000..2632574577677 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-batchexports--view-export--light.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--create-template--dark.png b/frontend/__snapshots__/scenes-app-dashboards--create-template--dark.png new file mode 100644 index 0000000000000..c477b360f73f9 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--create-template--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--create-template--light.png b/frontend/__snapshots__/scenes-app-dashboards--create-template--light.png new file mode 100644 index 0000000000000..ac61a928c0fb1 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--create-template--light.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--edit--dark.png b/frontend/__snapshots__/scenes-app-dashboards--edit--dark.png new file mode 100644 index 0000000000000..3f422bf0bedff Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--edit--light.png b/frontend/__snapshots__/scenes-app-dashboards--edit--light.png new file mode 100644 index 0000000000000..42ce010095f01 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--edit-template--dark.png b/frontend/__snapshots__/scenes-app-dashboards--edit-template--dark.png new file mode 100644 index 0000000000000..aa379aec90169 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--edit-template--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--edit-template--light.png b/frontend/__snapshots__/scenes-app-dashboards--edit-template--light.png new file mode 100644 index 0000000000000..c2be709fd228b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--edit-template--light.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--list--dark.png b/frontend/__snapshots__/scenes-app-dashboards--list--dark.png new file mode 100644 index 0000000000000..193d5a8d47016 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--list--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--list--light.png b/frontend/__snapshots__/scenes-app-dashboards--list--light.png new file mode 100644 index 0000000000000..3283b2cce46d8 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--list--light.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--new--dark.png b/frontend/__snapshots__/scenes-app-dashboards--new--dark.png new file mode 100644 index 0000000000000..0a063fd8e1899 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--new--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--new--light.png b/frontend/__snapshots__/scenes-app-dashboards--new--light.png new file mode 100644 index 0000000000000..d7734d0bda820 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--new--light.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--new-select-variables--dark.png b/frontend/__snapshots__/scenes-app-dashboards--new-select-variables--dark.png new file mode 100644 index 0000000000000..9f48d78c147b7 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--new-select-variables--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--new-select-variables--light.png b/frontend/__snapshots__/scenes-app-dashboards--new-select-variables--light.png new file mode 100644 index 0000000000000..a6b037c2db6b9 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--new-select-variables--light.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--show--dark.png b/frontend/__snapshots__/scenes-app-dashboards--show--dark.png new file mode 100644 index 0000000000000..bbd907161954d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--show--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--show--light.png b/frontend/__snapshots__/scenes-app-dashboards--show--light.png new file mode 100644 index 0000000000000..b0b5af7c2a8ad Binary files /dev/null and b/frontend/__snapshots__/scenes-app-dashboards--show--light.png differ diff --git a/frontend/__snapshots__/scenes-app-data-management--database--dark.png b/frontend/__snapshots__/scenes-app-data-management--database--dark.png new file mode 100644 index 0000000000000..6c3a009126c63 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-data-management--database--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-data-management--database--light.png b/frontend/__snapshots__/scenes-app-data-management--database--light.png new file mode 100644 index 0000000000000..8893abf4a4817 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-data-management--database--light.png differ diff --git a/frontend/__snapshots__/scenes-app-data-management--ingestion-warnings--dark.png b/frontend/__snapshots__/scenes-app-data-management--ingestion-warnings--dark.png new file mode 100644 index 0000000000000..e65aa35741d15 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-data-management--ingestion-warnings--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-data-management--ingestion-warnings--light.png b/frontend/__snapshots__/scenes-app-data-management--ingestion-warnings--light.png new file mode 100644 index 0000000000000..d95ef1f160b43 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-data-management--ingestion-warnings--light.png differ diff --git a/frontend/__snapshots__/scenes-app-events--event-explorer--dark.png b/frontend/__snapshots__/scenes-app-events--event-explorer--dark.png new file mode 100644 index 0000000000000..84256815d5ede Binary files /dev/null and b/frontend/__snapshots__/scenes-app-events--event-explorer--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-events--event-explorer--light.png b/frontend/__snapshots__/scenes-app-events--event-explorer--light.png new file mode 100644 index 0000000000000..a72d3d066c1f8 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-events--event-explorer--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--dark.png b/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--dark.png new file mode 100644 index 0000000000000..c9f7ea635234a Binary files /dev/null and b/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--light.png b/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--light.png new file mode 100644 index 0000000000000..615f8c86e8cd0 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--dark.png b/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--dark.png new file mode 100644 index 0000000000000..833cdbc04df4f Binary files /dev/null and b/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--light.png b/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--light.png new file mode 100644 index 0000000000000..ce140cb41edee Binary files /dev/null and b/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiments-list--dark.png b/frontend/__snapshots__/scenes-app-experiments--experiments-list--dark.png new file mode 100644 index 0000000000000..daca7329231d1 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-experiments--experiments-list--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiments-list--light.png b/frontend/__snapshots__/scenes-app-experiments--experiments-list--light.png new file mode 100644 index 0000000000000..fda081b335376 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-experiments--experiments-list--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiments-list-pay-gate--dark.png b/frontend/__snapshots__/scenes-app-experiments--experiments-list-pay-gate--dark.png new file mode 100644 index 0000000000000..1423556ec77d5 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-experiments--experiments-list-pay-gate--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiments-list-pay-gate--light.png b/frontend/__snapshots__/scenes-app-experiments--experiments-list-pay-gate--light.png new file mode 100644 index 0000000000000..893ccaa7b26ec Binary files /dev/null and b/frontend/__snapshots__/scenes-app-experiments--experiments-list-pay-gate--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--dark.png b/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--dark.png new file mode 100644 index 0000000000000..74b31bd3d018c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--light.png b/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--light.png new file mode 100644 index 0000000000000..e267857d601ff Binary files /dev/null and b/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--view-experiment-pay-gate--dark.png b/frontend/__snapshots__/scenes-app-experiments--view-experiment-pay-gate--dark.png new file mode 100644 index 0000000000000..fc90ed66abc89 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-experiments--view-experiment-pay-gate--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--view-experiment-pay-gate--light.png b/frontend/__snapshots__/scenes-app-experiments--view-experiment-pay-gate--light.png new file mode 100644 index 0000000000000..3f28657e862e0 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-experiments--view-experiment-pay-gate--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--dark.png b/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--dark.png new file mode 100644 index 0000000000000..3172c30534e38 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--light.png b/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--light.png new file mode 100644 index 0000000000000..9a152afd7e603 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--dark.png b/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--dark.png new file mode 100644 index 0000000000000..3feb6eef117e3 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--light.png b/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--light.png new file mode 100644 index 0000000000000..7615f4270bc84 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--dark.png b/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--dark.png new file mode 100644 index 0000000000000..0c6debbb69a00 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--light.png b/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--light.png new file mode 100644 index 0000000000000..2f52aa33ed6d3 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--feature-flags-list--dark.png b/frontend/__snapshots__/scenes-app-feature-flags--feature-flags-list--dark.png new file mode 100644 index 0000000000000..50e289f09f408 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags--feature-flags-list--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--feature-flags-list--light.png b/frontend/__snapshots__/scenes-app-feature-flags--feature-flags-list--light.png new file mode 100644 index 0000000000000..ef0054ee814cb Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags--feature-flags-list--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--dark.png b/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--dark.png new file mode 100644 index 0000000000000..ffbf8f3ea3072 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--light.png b/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--light.png new file mode 100644 index 0000000000000..031fa9de05e39 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-node-with-group-multivariate-flag-local-evaluation--dark.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-node-with-group-multivariate-flag-local-evaluation--dark.png new file mode 100644 index 0000000000000..43f5d6df37c21 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-node-with-group-multivariate-flag-local-evaluation--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-node-with-group-multivariate-flag-local-evaluation--light.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-node-with-group-multivariate-flag-local-evaluation--light.png new file mode 100644 index 0000000000000..893a1c86296b0 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-node-with-group-multivariate-flag-local-evaluation--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-overview--dark.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-overview--dark.png new file mode 100644 index 0000000000000..1750ce078f34d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-overview--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-overview--light.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-overview--light.png new file mode 100644 index 0000000000000..f3e140fc78c9d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-overview--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-python-with-local-evaluation--dark.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-python-with-local-evaluation--dark.png new file mode 100644 index 0000000000000..face03b1e6ef7 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-python-with-local-evaluation--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-python-with-local-evaluation--light.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-python-with-local-evaluation--light.png new file mode 100644 index 0000000000000..421926c0e392c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-python-with-local-evaluation--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-react-native-with-bootstrap--dark.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-react-native-with-bootstrap--dark.png new file mode 100644 index 0000000000000..30e6ca0a4fd0b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-react-native-with-bootstrap--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-react-native-with-bootstrap--light.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-react-native-with-bootstrap--light.png new file mode 100644 index 0000000000000..98764f233a23a Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-react-native-with-bootstrap--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-ruby-with-group-flag-local-evaluation--dark.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-ruby-with-group-flag-local-evaluation--dark.png new file mode 100644 index 0000000000000..5b6c0a2159407 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-ruby-with-group-flag-local-evaluation--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-ruby-with-group-flag-local-evaluation--light.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-ruby-with-group-flag-local-evaluation--light.png new file mode 100644 index 0000000000000..d3ceef4323418 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructions-ruby-with-group-flag-local-evaluation--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag--dark.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag--dark.png new file mode 100644 index 0000000000000..35c74105c4da1 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag--light.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag--light.png new file mode 100644 index 0000000000000..a8a93491b3508 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag.png b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag.png index 6bab8977291f3..e11a055812aab 100644 Binary files a/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag.png and b/frontend/__snapshots__/scenes-app-feature-flags-code-examples--code-instructionsi-os-with-multivariate-flag.png differ diff --git a/frontend/__snapshots__/scenes-app-features--features-list--dark.png b/frontend/__snapshots__/scenes-app-features--features-list--dark.png new file mode 100644 index 0000000000000..0cfe09eab1c36 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-features--features-list--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-features--features-list--light.png b/frontend/__snapshots__/scenes-app-features--features-list--light.png new file mode 100644 index 0000000000000..2e13368e4f69d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-features--features-list--light.png differ diff --git a/frontend/__snapshots__/scenes-app-features--new-feature-flag--dark.png b/frontend/__snapshots__/scenes-app-features--new-feature-flag--dark.png new file mode 100644 index 0000000000000..133bd3244a988 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-features--new-feature-flag--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-features--new-feature-flag--light.png b/frontend/__snapshots__/scenes-app-features--new-feature-flag--light.png new file mode 100644 index 0000000000000..b80d106d5ecd6 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-features--new-feature-flag--light.png differ diff --git a/frontend/__snapshots__/scenes-app-features--not-found-early-access--dark.png b/frontend/__snapshots__/scenes-app-features--not-found-early-access--dark.png new file mode 100644 index 0000000000000..8c9ebf6c552bf Binary files /dev/null and b/frontend/__snapshots__/scenes-app-features--not-found-early-access--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-features--not-found-early-access--light.png b/frontend/__snapshots__/scenes-app-features--not-found-early-access--light.png new file mode 100644 index 0000000000000..2d1e3152a032e Binary files /dev/null and b/frontend/__snapshots__/scenes-app-features--not-found-early-access--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark--webkit.png new file mode 100644 index 0000000000000..1b3fb5037b982 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark.png new file mode 100644 index 0000000000000..f0f4ff1465e81 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light--webkit.png new file mode 100644 index 0000000000000..4730467ffbb82 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light.png new file mode 100644 index 0000000000000..f5e5143e8582c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark--webkit.png new file mode 100644 index 0000000000000..db06b71894f7c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark.png new file mode 100644 index 0000000000000..60d7c380dfd60 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light--webkit.png new file mode 100644 index 0000000000000..af16dd388f9e9 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light.png new file mode 100644 index 0000000000000..5010f83038249 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark--webkit.png new file mode 100644 index 0000000000000..0d8bda7f1a729 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark.png new file mode 100644 index 0000000000000..6a925457f74bd Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light--webkit.png new file mode 100644 index 0000000000000..d9804c204d69c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light.png new file mode 100644 index 0000000000000..76630e4d0b310 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark--webkit.png new file mode 100644 index 0000000000000..0944a0f8bef7a Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark.png new file mode 100644 index 0000000000000..0f9f4d7567af2 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light--webkit.png new file mode 100644 index 0000000000000..ae6086006139d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light.png new file mode 100644 index 0000000000000..bdfedd090cefe Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark--webkit.png new file mode 100644 index 0000000000000..f0d907da17cf7 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark.png new file mode 100644 index 0000000000000..1c9af137232a2 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light--webkit.png new file mode 100644 index 0000000000000..bd11118ddf038 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light.png new file mode 100644 index 0000000000000..8d2bc6496d9c3 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark--webkit.png new file mode 100644 index 0000000000000..65613fc6791fe Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark.png new file mode 100644 index 0000000000000..e4af3746b0f9d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light--webkit.png new file mode 100644 index 0000000000000..8ae230f325991 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light.png new file mode 100644 index 0000000000000..b837ea1e67a86 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark--webkit.png new file mode 100644 index 0000000000000..3696f5f60c00f Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark.png new file mode 100644 index 0000000000000..e1961e4516597 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light--webkit.png new file mode 100644 index 0000000000000..bc3bd3b877675 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light.png new file mode 100644 index 0000000000000..53af7e42feec0 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark--webkit.png new file mode 100644 index 0000000000000..75c616cf5f364 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark.png new file mode 100644 index 0000000000000..461d06aaddbbd Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light--webkit.png new file mode 100644 index 0000000000000..1067ee3ed6567 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light.png new file mode 100644 index 0000000000000..42083938d0cc9 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark--webkit.png new file mode 100644 index 0000000000000..6d77d15e872d9 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark.png new file mode 100644 index 0000000000000..c730152dd9420 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light--webkit.png new file mode 100644 index 0000000000000..4037d8c60834b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light.png new file mode 100644 index 0000000000000..3e3df71208e49 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark--webkit.png new file mode 100644 index 0000000000000..54c69c6ccedd5 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark.png new file mode 100644 index 0000000000000..4bd4059b2b213 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light--webkit.png new file mode 100644 index 0000000000000..c856d50aa2cf8 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light.png new file mode 100644 index 0000000000000..ed538216c3d73 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark--webkit.png new file mode 100644 index 0000000000000..6f3665cdd8918 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark.png new file mode 100644 index 0000000000000..260d7802b276c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light--webkit.png new file mode 100644 index 0000000000000..d493849c61783 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light.png new file mode 100644 index 0000000000000..00cf4e0d6a40b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark--webkit.png new file mode 100644 index 0000000000000..9ee07a918a12d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark.png new file mode 100644 index 0000000000000..9eee3f9d7152b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light--webkit.png new file mode 100644 index 0000000000000..a8537713bf4ed Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light.png new file mode 100644 index 0000000000000..06ac2b50431eb Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--lifecycle--dark--webkit.png new file mode 100644 index 0000000000000..a1b23a6e48bbf Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--lifecycle--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle--dark.png b/frontend/__snapshots__/scenes-app-insights--lifecycle--dark.png new file mode 100644 index 0000000000000..fd4f749b721a5 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--lifecycle--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--lifecycle--light--webkit.png new file mode 100644 index 0000000000000..13e038e9d8a4c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--lifecycle--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle--light.png b/frontend/__snapshots__/scenes-app-insights--lifecycle--light.png new file mode 100644 index 0000000000000..8a5cfe4a62b6e Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--lifecycle--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark--webkit.png new file mode 100644 index 0000000000000..fe824bde477c1 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark.png new file mode 100644 index 0000000000000..85aaa9467fdd9 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light--webkit.png new file mode 100644 index 0000000000000..8e7712a1c4cbd Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light.png b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light.png new file mode 100644 index 0000000000000..6b44804a5d0f5 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention--dark--webkit.png new file mode 100644 index 0000000000000..13c82392fcf0b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention--dark.png b/frontend/__snapshots__/scenes-app-insights--retention--dark.png new file mode 100644 index 0000000000000..4d1cb05e54c8b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention--light--webkit.png new file mode 100644 index 0000000000000..982a791651f08 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention--light.png b/frontend/__snapshots__/scenes-app-insights--retention--light.png new file mode 100644 index 0000000000000..32980152123f5 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark--webkit.png new file mode 100644 index 0000000000000..579b6474287a1 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark.png new file mode 100644 index 0000000000000..d4c76f636d5a4 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light--webkit.png new file mode 100644 index 0000000000000..5e4e9208aa9cb Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light.png new file mode 100644 index 0000000000000..b6046b21303e3 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark--webkit.png new file mode 100644 index 0000000000000..99291d24e0a79 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark.png new file mode 100644 index 0000000000000..4b3582349a943 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light--webkit.png new file mode 100644 index 0000000000000..ba2e9e8d693f4 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light.png new file mode 100644 index 0000000000000..4b5c00d43897b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-edit--dark--webkit.png new file mode 100644 index 0000000000000..9a0c0e10c30d5 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--retention-edit--dark.png new file mode 100644 index 0000000000000..978b81ddf5508 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-edit--light--webkit.png new file mode 100644 index 0000000000000..b3dfe3b0aabad Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-edit--light.png b/frontend/__snapshots__/scenes-app-insights--retention-edit--light.png new file mode 100644 index 0000000000000..4321b0d621dfc Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--retention-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--stickiness--dark--webkit.png new file mode 100644 index 0000000000000..1b4cacce15d71 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--stickiness--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness--dark.png b/frontend/__snapshots__/scenes-app-insights--stickiness--dark.png new file mode 100644 index 0000000000000..5d4ccf7a94089 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--stickiness--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--stickiness--light--webkit.png new file mode 100644 index 0000000000000..c3636292d267a Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--stickiness--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness--light.png b/frontend/__snapshots__/scenes-app-insights--stickiness--light.png new file mode 100644 index 0000000000000..4e12ab16a2b08 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--stickiness--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark--webkit.png new file mode 100644 index 0000000000000..96302f0929877 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark.png new file mode 100644 index 0000000000000..6fbcb23d0b9ae Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light--webkit.png new file mode 100644 index 0000000000000..204bf61c1c87c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light.png b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light.png new file mode 100644 index 0000000000000..7637a3aca8dc2 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area--dark--webkit.png new file mode 100644 index 0000000000000..c363bb7ac4b31 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-area--dark.png new file mode 100644 index 0000000000000..39e114caad0c8 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area--light--webkit.png new file mode 100644 index 0000000000000..f4b1b26f9e3af Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area--light.png b/frontend/__snapshots__/scenes-app-insights--trends-area--light.png new file mode 100644 index 0000000000000..296c3d3eb7eb7 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark--webkit.png new file mode 100644 index 0000000000000..ac8c0d6935437 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark.png new file mode 100644 index 0000000000000..08232fba1ec42 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light--webkit.png new file mode 100644 index 0000000000000..7835a8aac3397 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light.png new file mode 100644 index 0000000000000..e853c73df3bc7 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark--webkit.png new file mode 100644 index 0000000000000..d89ac0d3be72d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark.png new file mode 100644 index 0000000000000..0bb86833ee1fb Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light--webkit.png new file mode 100644 index 0000000000000..ae4c5a49b1e12 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light.png new file mode 100644 index 0000000000000..261edae95c249 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark--webkit.png new file mode 100644 index 0000000000000..b6c7d0f559e76 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark.png new file mode 100644 index 0000000000000..d3dfe82638220 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light--webkit.png new file mode 100644 index 0000000000000..a0ce487ae0a15 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light.png new file mode 100644 index 0000000000000..ef0597173d7ce Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar--dark--webkit.png new file mode 100644 index 0000000000000..d5204d18a5cc2 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-bar--dark.png new file mode 100644 index 0000000000000..1684d87f3a056 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar--light--webkit.png new file mode 100644 index 0000000000000..46899f86fea1c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar--light.png b/frontend/__snapshots__/scenes-app-insights--trends-bar--light.png new file mode 100644 index 0000000000000..21cef475d5e20 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark--webkit.png new file mode 100644 index 0000000000000..7829eb01d4691 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark.png new file mode 100644 index 0000000000000..15d9b789ad9ee Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light--webkit.png new file mode 100644 index 0000000000000..d68f9ce869895 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light.png new file mode 100644 index 0000000000000..4a334d1aaf42e Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark--webkit.png new file mode 100644 index 0000000000000..26fc0dc4e1709 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark.png new file mode 100644 index 0000000000000..1944e2bb9e742 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light--webkit.png new file mode 100644 index 0000000000000..d7b33f94fed94 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light.png new file mode 100644 index 0000000000000..b7c09db821aa2 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark--webkit.png new file mode 100644 index 0000000000000..566d82c1f15ce Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark.png new file mode 100644 index 0000000000000..929f321ece8f0 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light--webkit.png new file mode 100644 index 0000000000000..e5339d6d1c89d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light.png new file mode 100644 index 0000000000000..5b2779511e411 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line--dark--webkit.png new file mode 100644 index 0000000000000..95ae5206f5723 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line--dark.png new file mode 100644 index 0000000000000..40111d626ea84 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line--light--webkit.png new file mode 100644 index 0000000000000..d4cec4025d9f3 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line--light.png new file mode 100644 index 0000000000000..4aa157bbe0aa6 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark--webkit.png new file mode 100644 index 0000000000000..11f4417b6f923 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark.png new file mode 100644 index 0000000000000..df7c1a4b517af Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light--webkit.png new file mode 100644 index 0000000000000..f5866f1f5f953 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light.png new file mode 100644 index 0000000000000..1b6a31a35fd70 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark--webkit.png new file mode 100644 index 0000000000000..87c3237b573e6 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark.png new file mode 100644 index 0000000000000..3b3f7fa7635d9 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light--webkit.png new file mode 100644 index 0000000000000..d12e21d97edc8 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light.png new file mode 100644 index 0000000000000..6c90b8d67e851 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark--webkit.png new file mode 100644 index 0000000000000..d181d8a46e102 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark.png new file mode 100644 index 0000000000000..862ab257f61ef Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light--webkit.png new file mode 100644 index 0000000000000..a81f282038ba9 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light.png new file mode 100644 index 0000000000000..124af587e7f4b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark--webkit.png new file mode 100644 index 0000000000000..aeb3cd916c276 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark.png new file mode 100644 index 0000000000000..83d656e962fd4 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light--webkit.png new file mode 100644 index 0000000000000..974076f3fccba Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light.png new file mode 100644 index 0000000000000..a85ad8051c346 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark--webkit.png new file mode 100644 index 0000000000000..0efffbd76b3e3 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark.png new file mode 100644 index 0000000000000..42ac94d3c2a59 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light--webkit.png new file mode 100644 index 0000000000000..35a793f03477a Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light.png new file mode 100644 index 0000000000000..bcd5bcc0f24cd Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark--webkit.png new file mode 100644 index 0000000000000..9a67a0d17d678 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark.png new file mode 100644 index 0000000000000..e164b61c7fabb Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light--webkit.png new file mode 100644 index 0000000000000..fe2211677450c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light.png new file mode 100644 index 0000000000000..8d390cbb11a03 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-number--dark--webkit.png new file mode 100644 index 0000000000000..73056ca9cad24 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-number--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-number--dark.png new file mode 100644 index 0000000000000..922193026e8a3 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-number--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-number--light--webkit.png new file mode 100644 index 0000000000000..fe84d6813196c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-number--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number--light.png b/frontend/__snapshots__/scenes-app-insights--trends-number--light.png new file mode 100644 index 0000000000000..0ab2451bb2d70 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-number--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark--webkit.png new file mode 100644 index 0000000000000..d8cc049f0e797 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark.png new file mode 100644 index 0000000000000..ee03b4345517f Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light--webkit.png new file mode 100644 index 0000000000000..5ac4ad4a7f71d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light.png new file mode 100644 index 0000000000000..aa17ff78699b6 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie--dark--webkit.png new file mode 100644 index 0000000000000..3fea2d7724371 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie--dark.png new file mode 100644 index 0000000000000..47c113c0adda5 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie--light--webkit.png new file mode 100644 index 0000000000000..88289d3af8a27 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie--light.png new file mode 100644 index 0000000000000..b61c3b95cfd47 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark--webkit.png new file mode 100644 index 0000000000000..818c8137bfcf7 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark.png new file mode 100644 index 0000000000000..c595950d62033 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light--webkit.png new file mode 100644 index 0000000000000..b0bf0de39836c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light.png new file mode 100644 index 0000000000000..19a667774a04b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark--webkit.png new file mode 100644 index 0000000000000..4855881c8c231 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark.png new file mode 100644 index 0000000000000..2fde75e608063 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light--webkit.png new file mode 100644 index 0000000000000..62eb3e8679c0b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light.png new file mode 100644 index 0000000000000..ad664aba810da Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark--webkit.png new file mode 100644 index 0000000000000..f1fa47180b858 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark.png new file mode 100644 index 0000000000000..0dd5f1223c01c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light--webkit.png new file mode 100644 index 0000000000000..f58db62ae097b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light.png new file mode 100644 index 0000000000000..52836a9b0ba97 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark--webkit.png new file mode 100644 index 0000000000000..fd75c43a231f1 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark.png new file mode 100644 index 0000000000000..f8357266533f9 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light--webkit.png new file mode 100644 index 0000000000000..29fe59ad1714f Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light.png new file mode 100644 index 0000000000000..17446a50890b4 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table--dark--webkit.png new file mode 100644 index 0000000000000..e220c2538f1ea Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-table--dark.png new file mode 100644 index 0000000000000..7741651dfc27a Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table--light--webkit.png new file mode 100644 index 0000000000000..79a528df91a07 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table--light.png b/frontend/__snapshots__/scenes-app-insights--trends-table--light.png new file mode 100644 index 0000000000000..430840f2f67af Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark--webkit.png new file mode 100644 index 0000000000000..05b0131c6045f Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark.png new file mode 100644 index 0000000000000..3f2df9b0801dc Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light--webkit.png new file mode 100644 index 0000000000000..29efdb2de3747 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light.png new file mode 100644 index 0000000000000..5c44a39e547da Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark--webkit.png new file mode 100644 index 0000000000000..1526343c99549 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark.png new file mode 100644 index 0000000000000..1b5fc0f317183 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light--webkit.png new file mode 100644 index 0000000000000..45996d9f16bf2 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light.png new file mode 100644 index 0000000000000..3c9c990015517 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark--webkit.png new file mode 100644 index 0000000000000..50c21ff236e5b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark.png new file mode 100644 index 0000000000000..71484caae431d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light--webkit.png new file mode 100644 index 0000000000000..d80f3809352cf Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light.png new file mode 100644 index 0000000000000..c321a46cda7aa Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value--dark--webkit.png new file mode 100644 index 0000000000000..61292c2c53add Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-value--dark.png new file mode 100644 index 0000000000000..6f59ecb89ae31 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value--light--webkit.png new file mode 100644 index 0000000000000..737a0d4ee0150 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value--light.png b/frontend/__snapshots__/scenes-app-insights--trends-value--light.png new file mode 100644 index 0000000000000..6aff573bf0ac4 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark--webkit.png new file mode 100644 index 0000000000000..5757686db974e Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark.png new file mode 100644 index 0000000000000..1ec03f94ca27b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light--webkit.png new file mode 100644 index 0000000000000..38e2386cb13ae Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light.png new file mode 100644 index 0000000000000..f654b67aba35b Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark--webkit.png new file mode 100644 index 0000000000000..82fa658acf945 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark.png new file mode 100644 index 0000000000000..4c6c29e94abb6 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light--webkit.png new file mode 100644 index 0000000000000..71cbf9f01b914 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light.png new file mode 100644 index 0000000000000..a00e3cfc3232d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark--webkit.png new file mode 100644 index 0000000000000..c0f7b1767ea6c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark.png new file mode 100644 index 0000000000000..5e5c2707b5b69 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light--webkit.png new file mode 100644 index 0000000000000..04e468b4f6068 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light.png new file mode 100644 index 0000000000000..bf553f68388d9 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark--webkit.png new file mode 100644 index 0000000000000..3b20b73265cb7 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark.png new file mode 100644 index 0000000000000..d1c0524d8b5e6 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map--light--webkit.png new file mode 100644 index 0000000000000..687f0e1bace53 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-world-map--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map--light.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map--light.png new file mode 100644 index 0000000000000..f38ac8e6f6d28 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-world-map--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark--webkit.png new file mode 100644 index 0000000000000..33d2b48c16324 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark.png new file mode 100644 index 0000000000000..1c2940c4d0521 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light--webkit.png new file mode 100644 index 0000000000000..a26d0d3a2133d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light.png new file mode 100644 index 0000000000000..3332a013054fa Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--user-paths--dark--webkit.png new file mode 100644 index 0000000000000..051e44b11c260 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--user-paths--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths--dark.png b/frontend/__snapshots__/scenes-app-insights--user-paths--dark.png new file mode 100644 index 0000000000000..5c73178732690 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--user-paths--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--user-paths--light--webkit.png new file mode 100644 index 0000000000000..07c65eff00f49 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--user-paths--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths--light.png b/frontend/__snapshots__/scenes-app-insights--user-paths--light.png new file mode 100644 index 0000000000000..df1015b0647b1 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--user-paths--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark--webkit.png new file mode 100644 index 0000000000000..8a1d6861f1881 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark.png new file mode 100644 index 0000000000000..1603921dea203 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light--webkit.png new file mode 100644 index 0000000000000..e11f6f0f6a05e Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light.png b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light.png new file mode 100644 index 0000000000000..83a13cd374f94 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--bullet-list--dark.png b/frontend/__snapshots__/scenes-app-notebooks--bullet-list--dark.png new file mode 100644 index 0000000000000..bd9ce5ca05d2e Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--bullet-list--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--bullet-list--light.png b/frontend/__snapshots__/scenes-app-notebooks--bullet-list--light.png new file mode 100644 index 0000000000000..ca2160599b4de Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--bullet-list--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--dark.png b/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--dark.png new file mode 100644 index 0000000000000..035eb5a99a8d4 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--light.png b/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--light.png new file mode 100644 index 0000000000000..de79a2eb42255 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--headings--dark.png b/frontend/__snapshots__/scenes-app-notebooks--headings--dark.png new file mode 100644 index 0000000000000..427b7d5f3fc07 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--headings--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--headings--light.png b/frontend/__snapshots__/scenes-app-notebooks--headings--light.png new file mode 100644 index 0000000000000..f7aa1427b0a46 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--headings--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--dark.png b/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--dark.png new file mode 100644 index 0000000000000..47be162c7a4e7 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--light.png b/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--light.png new file mode 100644 index 0000000000000..ba80838871af0 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--dark.png b/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--dark.png new file mode 100644 index 0000000000000..b6be3fa597db2 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--light.png b/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--light.png new file mode 100644 index 0000000000000..b8a1ff31785b6 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--numbered-list--dark.png b/frontend/__snapshots__/scenes-app-notebooks--numbered-list--dark.png new file mode 100644 index 0000000000000..caab83761cc92 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--numbered-list--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--numbered-list--light.png b/frontend/__snapshots__/scenes-app-notebooks--numbered-list--light.png new file mode 100644 index 0000000000000..62b26b24bca75 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--numbered-list--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--dark.png b/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--dark.png new file mode 100644 index 0000000000000..c4e40946ae3d5 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--light.png b/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--light.png new file mode 100644 index 0000000000000..dd749011470d8 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--text-formats--dark.png b/frontend/__snapshots__/scenes-app-notebooks--text-formats--dark.png new file mode 100644 index 0000000000000..24427a110bd59 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--text-formats--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--text-formats--light.png b/frontend/__snapshots__/scenes-app-notebooks--text-formats--light.png new file mode 100644 index 0000000000000..9b121873e76e0 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--text-formats--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--dark.png b/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--dark.png new file mode 100644 index 0000000000000..269bd0f17ee77 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--light.png b/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--light.png new file mode 100644 index 0000000000000..d7a8bac2f46a1 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--closed-popover-state--dark.png b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--closed-popover-state--dark.png new file mode 100644 index 0000000000000..12ae7744e9d33 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--closed-popover-state--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--closed-popover-state--light.png b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--closed-popover-state--light.png new file mode 100644 index 0000000000000..8ef358d0bffe8 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--closed-popover-state--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--default--dark.png b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--default--dark.png new file mode 100644 index 0000000000000..5f862c244e380 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--default--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--default--light.png b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--default--light.png new file mode 100644 index 0000000000000..3d24f8980edcb Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--default--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-no-existing-containing-notebooks--dark.png b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-no-existing-containing-notebooks--dark.png new file mode 100644 index 0000000000000..69bfd1a2b205c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-no-existing-containing-notebooks--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-no-existing-containing-notebooks--light.png b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-no-existing-containing-notebooks--light.png new file mode 100644 index 0000000000000..6c540eb5f768c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-no-existing-containing-notebooks--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-no-notebooks--dark.png b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-no-notebooks--dark.png new file mode 100644 index 0000000000000..5f862c244e380 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-no-notebooks--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-no-notebooks--light.png b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-no-notebooks--light.png new file mode 100644 index 0000000000000..3d24f8980edcb Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-no-notebooks--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-slow-network-response--dark.png b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-slow-network-response--dark.png new file mode 100644 index 0000000000000..5f862c244e380 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-slow-network-response--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-slow-network-response--light.png b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-slow-network-response--light.png new file mode 100644 index 0000000000000..3d24f8980edcb Binary files /dev/null and b/frontend/__snapshots__/scenes-app-notebooks-components-notebook-select-button--with-slow-network-response--light.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-groups--cohorts--dark.png b/frontend/__snapshots__/scenes-app-persons-groups--cohorts--dark.png new file mode 100644 index 0000000000000..9570a60f32b4d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-persons-groups--cohorts--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-groups--cohorts--light.png b/frontend/__snapshots__/scenes-app-persons-groups--cohorts--light.png new file mode 100644 index 0000000000000..fe72daebfa575 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-persons-groups--cohorts--light.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-groups--groups--dark.png b/frontend/__snapshots__/scenes-app-persons-groups--groups--dark.png new file mode 100644 index 0000000000000..58a656ccf4a08 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-persons-groups--groups--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-groups--groups--light.png b/frontend/__snapshots__/scenes-app-persons-groups--groups--light.png new file mode 100644 index 0000000000000..c09a1d10ecc89 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-persons-groups--groups--light.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-groups--persons--dark.png b/frontend/__snapshots__/scenes-app-persons-groups--persons--dark.png new file mode 100644 index 0000000000000..acb81c42e6def Binary files /dev/null and b/frontend/__snapshots__/scenes-app-persons-groups--persons--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-groups--persons--light.png b/frontend/__snapshots__/scenes-app-persons-groups--persons--light.png new file mode 100644 index 0000000000000..e824e102024a6 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-persons-groups--persons--light.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-modal--persons-modal--dark.png b/frontend/__snapshots__/scenes-app-persons-modal--persons-modal--dark.png new file mode 100644 index 0000000000000..7a721edbbddc4 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-persons-modal--persons-modal--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-modal--persons-modal--light.png b/frontend/__snapshots__/scenes-app-persons-modal--persons-modal--light.png new file mode 100644 index 0000000000000..8af8efc783033 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-persons-modal--persons-modal--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-configuration--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-configuration--dark.png new file mode 100644 index 0000000000000..2f73782d8941d Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-configuration--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-configuration--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-configuration--light.png new file mode 100644 index 0000000000000..2a45470837906 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-configuration--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-logs--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-logs--dark.png new file mode 100644 index 0000000000000..05f5bc98e8df0 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-logs--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-logs--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-logs--light.png new file mode 100644 index 0000000000000..4336413e8d831 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-logs--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-metrics--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-metrics--dark.png new file mode 100644 index 0000000000000..7d0d957259381 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-metrics--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-metrics--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-metrics--light.png new file mode 100644 index 0000000000000..be42e4302c146 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-metrics--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-metrics-error-modal--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-metrics-error-modal--dark.png new file mode 100644 index 0000000000000..581f72dd8f926 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-metrics-error-modal--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-metrics-error-modal--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-metrics-error-modal--light.png new file mode 100644 index 0000000000000..40bf72a879ac4 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-app-metrics-error-modal--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-apps-management-page--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-apps-management-page--dark.png new file mode 100644 index 0000000000000..2512f8a32cd57 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-apps-management-page--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-apps-management-page--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-apps-management-page--light.png new file mode 100644 index 0000000000000..34a5e7b6e0fb4 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-apps-management-page--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--dark.png new file mode 100644 index 0000000000000..5f86b3c6c788f Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--light.png new file mode 100644 index 0000000000000..5109257b28918 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-filtering-page--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-filtering-page--dark.png new file mode 100644 index 0000000000000..ff168f9a4b2c7 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-filtering-page--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-filtering-page--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-filtering-page--light.png new file mode 100644 index 0000000000000..62333a22fb943 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-filtering-page--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--dark.png new file mode 100644 index 0000000000000..53ac815b59f91 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--light.png new file mode 100644 index 0000000000000..44cdcb5a88094 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--dark.png new file mode 100644 index 0000000000000..a6779fc059d51 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--light.png new file mode 100644 index 0000000000000..7a34aa12722be Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--dark.png new file mode 100644 index 0000000000000..255a994cfb94e Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--light.png new file mode 100644 index 0000000000000..84b44eae818ba Binary files /dev/null and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--light.png differ diff --git a/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--dark.png b/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--dark.png new file mode 100644 index 0000000000000..8b443e334b2f8 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--light.png b/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--light.png new file mode 100644 index 0000000000000..286799cc38714 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--light.png differ diff --git a/frontend/__snapshots__/scenes-app-saved-insights--card-view--dark.png b/frontend/__snapshots__/scenes-app-saved-insights--card-view--dark.png new file mode 100644 index 0000000000000..5e9092d1d7f37 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-saved-insights--card-view--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-saved-insights--card-view--light.png b/frontend/__snapshots__/scenes-app-saved-insights--card-view--light.png new file mode 100644 index 0000000000000..9caf91415ed2f Binary files /dev/null and b/frontend/__snapshots__/scenes-app-saved-insights--card-view--light.png differ diff --git a/frontend/__snapshots__/scenes-app-saved-insights--card-view.png b/frontend/__snapshots__/scenes-app-saved-insights--card-view.png index 6ada9d2942660..3804a724032bf 100644 Binary files a/frontend/__snapshots__/scenes-app-saved-insights--card-view.png and b/frontend/__snapshots__/scenes-app-saved-insights--card-view.png differ diff --git a/frontend/__snapshots__/scenes-app-saved-insights--empty-state--dark.png b/frontend/__snapshots__/scenes-app-saved-insights--empty-state--dark.png new file mode 100644 index 0000000000000..d8aa4e66628ea Binary files /dev/null and b/frontend/__snapshots__/scenes-app-saved-insights--empty-state--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-saved-insights--empty-state--light.png b/frontend/__snapshots__/scenes-app-saved-insights--empty-state--light.png new file mode 100644 index 0000000000000..0d5db613ab358 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-saved-insights--empty-state--light.png differ diff --git a/frontend/__snapshots__/scenes-app-saved-insights--list-view--dark.png b/frontend/__snapshots__/scenes-app-saved-insights--list-view--dark.png new file mode 100644 index 0000000000000..5a6d3cceb6f24 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-saved-insights--list-view--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-saved-insights--list-view--light.png b/frontend/__snapshots__/scenes-app-saved-insights--list-view--light.png new file mode 100644 index 0000000000000..da2e23b3bb898 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-saved-insights--list-view--light.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--dark.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--dark.png new file mode 100644 index 0000000000000..aeb03cd538c38 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--light.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--light.png new file mode 100644 index 0000000000000..ce1a88dfe6d46 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--light.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--dark.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--dark.png new file mode 100644 index 0000000000000..488617548ecfd Binary files /dev/null and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--light.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--light.png new file mode 100644 index 0000000000000..d1dfd2c5f5ca8 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--light.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--dark.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--dark.png new file mode 100644 index 0000000000000..5b343e0427429 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--light.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--light.png new file mode 100644 index 0000000000000..5276fb13a61d9 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--light.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--dark.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--dark.png new file mode 100644 index 0000000000000..e5bec8f391649 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--light.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--light.png new file mode 100644 index 0000000000000..1a3ad65bcd4ae Binary files /dev/null and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--light.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-welcome--dark.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-welcome--dark.png new file mode 100644 index 0000000000000..79e75b12ee772 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-welcome--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-welcome--light.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-welcome--light.png new file mode 100644 index 0000000000000..96bc2c12e053c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-welcome--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey--dark.png b/frontend/__snapshots__/scenes-app-surveys--new-survey--dark.png new file mode 100644 index 0000000000000..a7a9513fc69e9 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--new-survey--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey--light.png b/frontend/__snapshots__/scenes-app-surveys--new-survey--light.png new file mode 100644 index 0000000000000..b8ca7a801e046 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--new-survey--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-appearance-section--dark.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-appearance-section--dark.png new file mode 100644 index 0000000000000..2d00d41523188 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--new-survey-appearance-section--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-appearance-section--light.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-appearance-section--light.png new file mode 100644 index 0000000000000..6f9f5e00bb0d8 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--new-survey-appearance-section--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--dark.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--dark.png new file mode 100644 index 0000000000000..2c218ed7c55e8 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--light.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--light.png new file mode 100644 index 0000000000000..e6dc51ec393ea Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--dark.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--dark.png new file mode 100644 index 0000000000000..531c09c54d9ee Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--light.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--light.png new file mode 100644 index 0000000000000..838f1567516e3 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--dark.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--dark.png new file mode 100644 index 0000000000000..06740c7acb2d4 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--light.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--light.png new file mode 100644 index 0000000000000..4a2d39de75f76 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--survey-not-found--dark.png b/frontend/__snapshots__/scenes-app-surveys--survey-not-found--dark.png new file mode 100644 index 0000000000000..7629e207926ce Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--survey-not-found--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--survey-not-found--light.png b/frontend/__snapshots__/scenes-app-surveys--survey-not-found--light.png new file mode 100644 index 0000000000000..5ac79762d7d79 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--survey-not-found--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--survey-templates--dark.png b/frontend/__snapshots__/scenes-app-surveys--survey-templates--dark.png new file mode 100644 index 0000000000000..1f30d7ccd352c Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--survey-templates--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--survey-templates--light.png b/frontend/__snapshots__/scenes-app-surveys--survey-templates--light.png new file mode 100644 index 0000000000000..00a1d7ff8ea3e Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--survey-templates--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--surveys-list--dark.png b/frontend/__snapshots__/scenes-app-surveys--surveys-list--dark.png new file mode 100644 index 0000000000000..186e297dc69f2 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--surveys-list--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--surveys-list--light.png b/frontend/__snapshots__/scenes-app-surveys--surveys-list--light.png new file mode 100644 index 0000000000000..7c27af56e7259 Binary files /dev/null and b/frontend/__snapshots__/scenes-app-surveys--surveys-list--light.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--cloud--dark.png b/frontend/__snapshots__/scenes-other-invitesignup--cloud--dark.png new file mode 100644 index 0000000000000..21f5d7695901b Binary files /dev/null and b/frontend/__snapshots__/scenes-other-invitesignup--cloud--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--cloud--light.png b/frontend/__snapshots__/scenes-other-invitesignup--cloud--light.png new file mode 100644 index 0000000000000..aadb601c54ce5 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-invitesignup--cloud--light.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--cloud-eu--dark.png b/frontend/__snapshots__/scenes-other-invitesignup--cloud-eu--dark.png new file mode 100644 index 0000000000000..e766c024bb747 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-invitesignup--cloud-eu--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--cloud-eu--light.png b/frontend/__snapshots__/scenes-other-invitesignup--cloud-eu--light.png new file mode 100644 index 0000000000000..d7589da369fec Binary files /dev/null and b/frontend/__snapshots__/scenes-other-invitesignup--cloud-eu--light.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--invalid-link--dark.png b/frontend/__snapshots__/scenes-other-invitesignup--invalid-link--dark.png new file mode 100644 index 0000000000000..4a6a270e80ade Binary files /dev/null and b/frontend/__snapshots__/scenes-other-invitesignup--invalid-link--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--invalid-link--light.png b/frontend/__snapshots__/scenes-other-invitesignup--invalid-link--light.png new file mode 100644 index 0000000000000..62d41c8a92f04 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-invitesignup--invalid-link--light.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--logged-in--dark.png b/frontend/__snapshots__/scenes-other-invitesignup--logged-in--dark.png new file mode 100644 index 0000000000000..1dc24c67f58cf Binary files /dev/null and b/frontend/__snapshots__/scenes-other-invitesignup--logged-in--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--logged-in--light.png b/frontend/__snapshots__/scenes-other-invitesignup--logged-in--light.png new file mode 100644 index 0000000000000..74bd780e5f791 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-invitesignup--logged-in--light.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--dark.png b/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--dark.png new file mode 100644 index 0000000000000..f27dda807a69b Binary files /dev/null and b/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--light.png b/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--light.png new file mode 100644 index 0000000000000..0c75112596216 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--light.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--self-hosted--dark.png b/frontend/__snapshots__/scenes-other-invitesignup--self-hosted--dark.png new file mode 100644 index 0000000000000..2fec731194fbe Binary files /dev/null and b/frontend/__snapshots__/scenes-other-invitesignup--self-hosted--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--self-hosted--light.png b/frontend/__snapshots__/scenes-other-invitesignup--self-hosted--light.png new file mode 100644 index 0000000000000..38c635d58e73d Binary files /dev/null and b/frontend/__snapshots__/scenes-other-invitesignup--self-hosted--light.png differ diff --git a/frontend/__snapshots__/scenes-other-login--cloud--dark.png b/frontend/__snapshots__/scenes-other-login--cloud--dark.png new file mode 100644 index 0000000000000..1aa3187d27efc Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--cloud--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-login--cloud--light.png b/frontend/__snapshots__/scenes-other-login--cloud--light.png new file mode 100644 index 0000000000000..417d810a4f063 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--cloud--light.png differ diff --git a/frontend/__snapshots__/scenes-other-login--cloud-eu--dark.png b/frontend/__snapshots__/scenes-other-login--cloud-eu--dark.png new file mode 100644 index 0000000000000..abf45f6400031 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--cloud-eu--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-login--cloud-eu--light.png b/frontend/__snapshots__/scenes-other-login--cloud-eu--light.png new file mode 100644 index 0000000000000..f1802a99e8cc1 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--cloud-eu--light.png differ diff --git a/frontend/__snapshots__/scenes-other-login--cloud-with-google-login-enforcement--dark.png b/frontend/__snapshots__/scenes-other-login--cloud-with-google-login-enforcement--dark.png new file mode 100644 index 0000000000000..c67c4a853b101 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--cloud-with-google-login-enforcement--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-login--cloud-with-google-login-enforcement--light.png b/frontend/__snapshots__/scenes-other-login--cloud-with-google-login-enforcement--light.png new file mode 100644 index 0000000000000..37a92a2e63da1 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--cloud-with-google-login-enforcement--light.png differ diff --git a/frontend/__snapshots__/scenes-other-login--second-factor--dark.png b/frontend/__snapshots__/scenes-other-login--second-factor--dark.png new file mode 100644 index 0000000000000..a8d0e1407284c Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--second-factor--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-login--second-factor--light.png b/frontend/__snapshots__/scenes-other-login--second-factor--light.png new file mode 100644 index 0000000000000..c90ed048c8318 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--second-factor--light.png differ diff --git a/frontend/__snapshots__/scenes-other-login--self-hosted--dark.png b/frontend/__snapshots__/scenes-other-login--self-hosted--dark.png new file mode 100644 index 0000000000000..bf6fd86d24c08 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--self-hosted--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-login--self-hosted--light.png b/frontend/__snapshots__/scenes-other-login--self-hosted--light.png new file mode 100644 index 0000000000000..c60aa76fc2852 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--self-hosted--light.png differ diff --git a/frontend/__snapshots__/scenes-other-login--self-hosted-with-saml--dark.png b/frontend/__snapshots__/scenes-other-login--self-hosted-with-saml--dark.png new file mode 100644 index 0000000000000..3d0f81471ec83 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--self-hosted-with-saml--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-login--self-hosted-with-saml--light.png b/frontend/__snapshots__/scenes-other-login--self-hosted-with-saml--light.png new file mode 100644 index 0000000000000..0dd987ec1b950 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--self-hosted-with-saml--light.png differ diff --git a/frontend/__snapshots__/scenes-other-login--sso-error--dark.png b/frontend/__snapshots__/scenes-other-login--sso-error--dark.png new file mode 100644 index 0000000000000..a0ad2275da590 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--sso-error--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-login--sso-error--light.png b/frontend/__snapshots__/scenes-other-login--sso-error--light.png new file mode 100644 index 0000000000000..54f94d538ba47 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-login--sso-error--light.png differ diff --git a/frontend/__snapshots__/scenes-other-password-reset--initial--dark.png b/frontend/__snapshots__/scenes-other-password-reset--initial--dark.png new file mode 100644 index 0000000000000..2ba1688011368 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-password-reset--initial--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-password-reset--initial--light.png b/frontend/__snapshots__/scenes-other-password-reset--initial--light.png new file mode 100644 index 0000000000000..4bbfffce7dd59 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-password-reset--initial--light.png differ diff --git a/frontend/__snapshots__/scenes-other-password-reset--no-smtp--dark.png b/frontend/__snapshots__/scenes-other-password-reset--no-smtp--dark.png new file mode 100644 index 0000000000000..76add0f354584 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-password-reset--no-smtp--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-password-reset--no-smtp--light.png b/frontend/__snapshots__/scenes-other-password-reset--no-smtp--light.png new file mode 100644 index 0000000000000..f74088c8f2df4 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-password-reset--no-smtp--light.png differ diff --git a/frontend/__snapshots__/scenes-other-password-reset--success--dark.png b/frontend/__snapshots__/scenes-other-password-reset--success--dark.png new file mode 100644 index 0000000000000..2eb833eaffdd8 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-password-reset--success--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-password-reset--success--light.png b/frontend/__snapshots__/scenes-other-password-reset--success--light.png new file mode 100644 index 0000000000000..5e42dd05b9c6f Binary files /dev/null and b/frontend/__snapshots__/scenes-other-password-reset--success--light.png differ diff --git a/frontend/__snapshots__/scenes-other-password-reset--throttled--dark.png b/frontend/__snapshots__/scenes-other-password-reset--throttled--dark.png new file mode 100644 index 0000000000000..2a504f6d53375 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-password-reset--throttled--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-password-reset--throttled--light.png b/frontend/__snapshots__/scenes-other-password-reset--throttled--light.png new file mode 100644 index 0000000000000..ccc3e69c4b6b8 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-password-reset--throttled--light.png differ diff --git a/frontend/__snapshots__/scenes-other-password-reset-complete--default--dark.png b/frontend/__snapshots__/scenes-other-password-reset-complete--default--dark.png new file mode 100644 index 0000000000000..b3969f7948c77 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-password-reset-complete--default--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-password-reset-complete--default--light.png b/frontend/__snapshots__/scenes-other-password-reset-complete--default--light.png new file mode 100644 index 0000000000000..cf50642150875 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-password-reset-complete--default--light.png differ diff --git a/frontend/__snapshots__/scenes-other-password-reset-complete--invalid-link--dark.png b/frontend/__snapshots__/scenes-other-password-reset-complete--invalid-link--dark.png new file mode 100644 index 0000000000000..94d798172a128 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-password-reset-complete--invalid-link--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-password-reset-complete--invalid-link--light.png b/frontend/__snapshots__/scenes-other-password-reset-complete--invalid-link--light.png new file mode 100644 index 0000000000000..d94a85300a4bd Binary files /dev/null and b/frontend/__snapshots__/scenes-other-password-reset-complete--invalid-link--light.png differ diff --git a/frontend/__snapshots__/scenes-other-preflight--preflight--dark.png b/frontend/__snapshots__/scenes-other-preflight--preflight--dark.png new file mode 100644 index 0000000000000..0f038280670e4 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-preflight--preflight--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-preflight--preflight--light.png b/frontend/__snapshots__/scenes-other-preflight--preflight--light.png new file mode 100644 index 0000000000000..81b6e3b83642a Binary files /dev/null and b/frontend/__snapshots__/scenes-other-preflight--preflight--light.png differ diff --git a/frontend/__snapshots__/scenes-other-products--products--dark.png b/frontend/__snapshots__/scenes-other-products--products--dark.png new file mode 100644 index 0000000000000..a0499f02bd7a3 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-products--products--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-products--products--light.png b/frontend/__snapshots__/scenes-other-products--products--light.png new file mode 100644 index 0000000000000..8d0b0ce181508 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-products--products--light.png differ diff --git a/frontend/__snapshots__/scenes-other-settings--settings-organization--dark.png b/frontend/__snapshots__/scenes-other-settings--settings-organization--dark.png new file mode 100644 index 0000000000000..9f0da0071176c Binary files /dev/null and b/frontend/__snapshots__/scenes-other-settings--settings-organization--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-settings--settings-organization--light.png b/frontend/__snapshots__/scenes-other-settings--settings-organization--light.png new file mode 100644 index 0000000000000..64874600955e9 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-settings--settings-organization--light.png differ diff --git a/frontend/__snapshots__/scenes-other-settings--settings-project--dark.png b/frontend/__snapshots__/scenes-other-settings--settings-project--dark.png new file mode 100644 index 0000000000000..6ba5b684c6078 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-settings--settings-project--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-settings--settings-project--light.png b/frontend/__snapshots__/scenes-other-settings--settings-project--light.png new file mode 100644 index 0000000000000..c6fdb99e39d02 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-settings--settings-project--light.png differ diff --git a/frontend/__snapshots__/scenes-other-settings--settings-user--dark.png b/frontend/__snapshots__/scenes-other-settings--settings-user--dark.png new file mode 100644 index 0000000000000..2c2eac4b3945a Binary files /dev/null and b/frontend/__snapshots__/scenes-other-settings--settings-user--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-settings--settings-user--light.png b/frontend/__snapshots__/scenes-other-settings--settings-user--light.png new file mode 100644 index 0000000000000..b71d0740914a5 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-settings--settings-user--light.png differ diff --git a/frontend/__snapshots__/scenes-other-signup--cloud--dark.png b/frontend/__snapshots__/scenes-other-signup--cloud--dark.png new file mode 100644 index 0000000000000..800c8dfd574fa Binary files /dev/null and b/frontend/__snapshots__/scenes-other-signup--cloud--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-signup--cloud--light.png b/frontend/__snapshots__/scenes-other-signup--cloud--light.png new file mode 100644 index 0000000000000..d1c2fb4bdadc7 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-signup--cloud--light.png differ diff --git a/frontend/__snapshots__/scenes-other-signup--self-hosted--dark.png b/frontend/__snapshots__/scenes-other-signup--self-hosted--dark.png new file mode 100644 index 0000000000000..b8c44736e9ebe Binary files /dev/null and b/frontend/__snapshots__/scenes-other-signup--self-hosted--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-signup--self-hosted--light.png b/frontend/__snapshots__/scenes-other-signup--self-hosted--light.png new file mode 100644 index 0000000000000..094765451d3bc Binary files /dev/null and b/frontend/__snapshots__/scenes-other-signup--self-hosted--light.png differ diff --git a/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--dark.png b/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--dark.png new file mode 100644 index 0000000000000..82a33b2da8051 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--light.png b/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--light.png new file mode 100644 index 0000000000000..1848f6d835e68 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-signup--self-hosted-sso--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--actions--dark.png b/frontend/__snapshots__/scenes-other-toolbar--actions--dark.png new file mode 100644 index 0000000000000..62ed6d63ea4f3 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--actions--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--actions--light.png b/frontend/__snapshots__/scenes-other-toolbar--actions--light.png new file mode 100644 index 0000000000000..6bb1c3e17eadf Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--actions--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--actions-dark--dark.png b/frontend/__snapshots__/scenes-other-toolbar--actions-dark--dark.png new file mode 100644 index 0000000000000..b4563f4f7d442 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--actions-dark--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--actions-dark--light.png b/frontend/__snapshots__/scenes-other-toolbar--actions-dark--light.png new file mode 100644 index 0000000000000..abccc913a3658 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--actions-dark--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--default--dark.png b/frontend/__snapshots__/scenes-other-toolbar--default--dark.png new file mode 100644 index 0000000000000..9965c601487d7 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--default--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--default--light.png b/frontend/__snapshots__/scenes-other-toolbar--default--light.png new file mode 100644 index 0000000000000..0bfe0c711cf0b Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--default--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--default-dark--dark.png b/frontend/__snapshots__/scenes-other-toolbar--default-dark--dark.png new file mode 100644 index 0000000000000..eb8d3660f1a22 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--default-dark--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--default-dark--light.png b/frontend/__snapshots__/scenes-other-toolbar--default-dark--light.png new file mode 100644 index 0000000000000..9004d1b6c11d9 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--default-dark--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--feature-flags--dark.png b/frontend/__snapshots__/scenes-other-toolbar--feature-flags--dark.png new file mode 100644 index 0000000000000..a0f9d5d4c51ae Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--feature-flags--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--feature-flags--light.png b/frontend/__snapshots__/scenes-other-toolbar--feature-flags--light.png new file mode 100644 index 0000000000000..79ed3cb0880be Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--feature-flags--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--dark.png b/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--dark.png new file mode 100644 index 0000000000000..3f09f16e2c90c Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--light.png b/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--light.png new file mode 100644 index 0000000000000..5a6f0bda6afed Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--heatmap--dark.png b/frontend/__snapshots__/scenes-other-toolbar--heatmap--dark.png new file mode 100644 index 0000000000000..5612239c4d830 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--heatmap--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--heatmap--light.png b/frontend/__snapshots__/scenes-other-toolbar--heatmap--light.png new file mode 100644 index 0000000000000..014dd90c5d571 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--heatmap--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--dark.png b/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--dark.png new file mode 100644 index 0000000000000..d6cc15415a8e3 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--light.png b/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--light.png new file mode 100644 index 0000000000000..09a475fdc479c Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--inspect--dark.png b/frontend/__snapshots__/scenes-other-toolbar--inspect--dark.png new file mode 100644 index 0000000000000..78d6df4cdb2c5 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--inspect--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--inspect--light.png b/frontend/__snapshots__/scenes-other-toolbar--inspect--light.png new file mode 100644 index 0000000000000..815a8c5f41615 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--inspect--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--dark.png b/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--dark.png new file mode 100644 index 0000000000000..56f0ed20081af Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--light.png b/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--light.png new file mode 100644 index 0000000000000..50971249d12f0 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--minimized--dark.png b/frontend/__snapshots__/scenes-other-toolbar--minimized--dark.png new file mode 100644 index 0000000000000..1a4a8d9e1d849 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--minimized--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--minimized--light.png b/frontend/__snapshots__/scenes-other-toolbar--minimized--light.png new file mode 100644 index 0000000000000..2adc32491694a Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--minimized--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--dark.png b/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--dark.png new file mode 100644 index 0000000000000..c19849988dea0 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--light.png b/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--light.png new file mode 100644 index 0000000000000..a9f10e77b9be6 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--dark.png b/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--dark.png new file mode 100644 index 0000000000000..b3b3205f26d5e Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--light.png b/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--light.png new file mode 100644 index 0000000000000..95e2e70d6bed5 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--light.png differ diff --git a/frontend/__snapshots__/scenes-other-unsubscribe--unsubscribe-scene--dark.png b/frontend/__snapshots__/scenes-other-unsubscribe--unsubscribe-scene--dark.png new file mode 100644 index 0000000000000..9602bbe205787 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-unsubscribe--unsubscribe-scene--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-unsubscribe--unsubscribe-scene--light.png b/frontend/__snapshots__/scenes-other-unsubscribe--unsubscribe-scene--light.png new file mode 100644 index 0000000000000..88a84bc3e21f3 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-unsubscribe--unsubscribe-scene--light.png differ diff --git a/frontend/__snapshots__/scenes-other-verify-email--verify-email-invalid--dark.png b/frontend/__snapshots__/scenes-other-verify-email--verify-email-invalid--dark.png new file mode 100644 index 0000000000000..a996167a4d6f2 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-verify-email--verify-email-invalid--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-verify-email--verify-email-invalid--light.png b/frontend/__snapshots__/scenes-other-verify-email--verify-email-invalid--light.png new file mode 100644 index 0000000000000..fee2278660097 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-verify-email--verify-email-invalid--light.png differ diff --git a/frontend/__snapshots__/scenes-other-verify-email--verify-email-pending--dark.png b/frontend/__snapshots__/scenes-other-verify-email--verify-email-pending--dark.png new file mode 100644 index 0000000000000..fa760226c666b Binary files /dev/null and b/frontend/__snapshots__/scenes-other-verify-email--verify-email-pending--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-verify-email--verify-email-pending--light.png b/frontend/__snapshots__/scenes-other-verify-email--verify-email-pending--light.png new file mode 100644 index 0000000000000..fe0bff82ad081 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-verify-email--verify-email-pending--light.png differ diff --git a/frontend/__snapshots__/scenes-other-verify-email--verify-email-success--dark.png b/frontend/__snapshots__/scenes-other-verify-email--verify-email-success--dark.png new file mode 100644 index 0000000000000..2df3dabc00d20 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-verify-email--verify-email-success--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-verify-email--verify-email-success--light.png b/frontend/__snapshots__/scenes-other-verify-email--verify-email-success--light.png new file mode 100644 index 0000000000000..3cfa63c456086 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-verify-email--verify-email-success--light.png differ diff --git a/frontend/__snapshots__/scenes-other-verify-email--verifying-email--dark.png b/frontend/__snapshots__/scenes-other-verify-email--verifying-email--dark.png new file mode 100644 index 0000000000000..c970e47f22a45 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-verify-email--verifying-email--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-verify-email--verifying-email--light.png b/frontend/__snapshots__/scenes-other-verify-email--verifying-email--light.png new file mode 100644 index 0000000000000..4eb9dcbc2dfa5 Binary files /dev/null and b/frontend/__snapshots__/scenes-other-verify-email--verifying-email--light.png differ diff --git a/frontend/src/lib/components/CodeSnippet/CodeSnippet.stories.tsx b/frontend/src/lib/components/CodeSnippet/CodeSnippet.stories.tsx index c9addc0adb9fa..09eb38f83afdd 100644 --- a/frontend/src/lib/components/CodeSnippet/CodeSnippet.stories.tsx +++ b/frontend/src/lib/components/CodeSnippet/CodeSnippet.stories.tsx @@ -7,9 +7,6 @@ const meta: Meta = { title: 'Lemon UI/Code Snippet', component: CodeSnippet, tags: ['autodocs'], - parameters: { - testOptions: { include3000: true }, - }, } export default meta const BasicTemplate: StoryFn = (props: CodeSnippetProps) => { diff --git a/frontend/src/lib/components/CommandBar/CommandBar.stories.tsx b/frontend/src/lib/components/CommandBar/CommandBar.stories.tsx index 67fc3cb657868..ca281e0558735 100644 --- a/frontend/src/lib/components/CommandBar/CommandBar.stories.tsx +++ b/frontend/src/lib/components/CommandBar/CommandBar.stories.tsx @@ -505,7 +505,6 @@ const meta: Meta = { layout: 'fullscreen', testOptions: { snapshotTargetSelector: '[data-attr="command-bar"]', - include3000: true, }, viewMode: 'story', }, diff --git a/frontend/src/lib/components/PropertyFilters/components/PropertyFilterButton.stories.tsx b/frontend/src/lib/components/PropertyFilters/components/PropertyFilterButton.stories.tsx index b92f13b21f989..ff4fd884fe2c7 100644 --- a/frontend/src/lib/components/PropertyFilters/components/PropertyFilterButton.stories.tsx +++ b/frontend/src/lib/components/PropertyFilters/components/PropertyFilterButton.stories.tsx @@ -77,9 +77,6 @@ const meta: Meta = { title: 'Filters/Property Filter Button', component: PropertyFilterButton, tags: ['autodocs'], - parameters: { - testOptions: { include3000: true }, - }, } export default meta diff --git a/frontend/src/lib/lemon-ui/LemonButton/LemonButton.stories.tsx b/frontend/src/lib/lemon-ui/LemonButton/LemonButton.stories.tsx index 7fa53dfdd91c6..4771c781cd81b 100644 --- a/frontend/src/lib/lemon-ui/LemonButton/LemonButton.stories.tsx +++ b/frontend/src/lib/lemon-ui/LemonButton/LemonButton.stories.tsx @@ -25,9 +25,6 @@ const meta: Meta = { type: 'function', }, }, - parameters: { - testOptions: { include3000: true }, - }, } export default meta const BasicTemplate: StoryFn = (props: LemonButtonProps) => { diff --git a/frontend/src/lib/lemon-ui/LemonCalendar/LemonCalendar.stories.tsx b/frontend/src/lib/lemon-ui/LemonCalendar/LemonCalendar.stories.tsx index 6a0e314c7e8de..7de56eab1a06b 100644 --- a/frontend/src/lib/lemon-ui/LemonCalendar/LemonCalendar.stories.tsx +++ b/frontend/src/lib/lemon-ui/LemonCalendar/LemonCalendar.stories.tsx @@ -15,9 +15,6 @@ const meta: Meta = { }, parameters: { mockDate: '2023-01-26', - testOptions: { - include3000: true, - }, }, tags: ['autodocs'], } diff --git a/frontend/src/lib/lemon-ui/LemonCalendar/LemonCalendarSelect.stories.tsx b/frontend/src/lib/lemon-ui/LemonCalendar/LemonCalendarSelect.stories.tsx index 8b017987cb7c5..1c6bff250dd2b 100644 --- a/frontend/src/lib/lemon-ui/LemonCalendar/LemonCalendarSelect.stories.tsx +++ b/frontend/src/lib/lemon-ui/LemonCalendar/LemonCalendarSelect.stories.tsx @@ -12,9 +12,6 @@ const meta: Meta = { component: LemonCalendarSelect, parameters: { mockDate: '2023-01-26', - testOptions: { - include3000: true, - }, }, tags: ['autodocs'], } diff --git a/frontend/src/lib/lemon-ui/LemonCalendarRange/LemonCalendarRange.stories.tsx b/frontend/src/lib/lemon-ui/LemonCalendarRange/LemonCalendarRange.stories.tsx index bcffe63007eeb..d11471a3db00c 100644 --- a/frontend/src/lib/lemon-ui/LemonCalendarRange/LemonCalendarRange.stories.tsx +++ b/frontend/src/lib/lemon-ui/LemonCalendarRange/LemonCalendarRange.stories.tsx @@ -12,9 +12,6 @@ const meta: Meta = { component: LemonCalendarRange, parameters: { mockDate: '2023-01-26', - testOptions: { - include3000: true, - }, }, tags: ['autodocs'], } diff --git a/frontend/src/lib/lemon-ui/LemonCalendarRange/LemonCalendarRangeInline.stories.tsx b/frontend/src/lib/lemon-ui/LemonCalendarRange/LemonCalendarRangeInline.stories.tsx index 626b3e7911361..fbdbc8a174470 100644 --- a/frontend/src/lib/lemon-ui/LemonCalendarRange/LemonCalendarRangeInline.stories.tsx +++ b/frontend/src/lib/lemon-ui/LemonCalendarRange/LemonCalendarRangeInline.stories.tsx @@ -12,9 +12,6 @@ const meta: Meta = { component: LemonCalendarRangeInline, parameters: { mockDate: '2023-01-26', - testOptions: { - include3000: true, - }, }, tags: ['autodocs'], } diff --git a/frontend/src/lib/lemon-ui/LemonSegmentedButton/LemonSegmentedButton.stories.tsx b/frontend/src/lib/lemon-ui/LemonSegmentedButton/LemonSegmentedButton.stories.tsx index 9f6083a2f6373..0b0090ecbfde9 100644 --- a/frontend/src/lib/lemon-ui/LemonSegmentedButton/LemonSegmentedButton.stories.tsx +++ b/frontend/src/lib/lemon-ui/LemonSegmentedButton/LemonSegmentedButton.stories.tsx @@ -8,11 +8,6 @@ type Story = StoryObj const meta: Meta = { title: 'Lemon UI/Lemon Segmented Button', component: LemonSegmentedButton, - parameters: { - testOptions: { - include3000: true, - }, - }, argTypes: { options: { control: { diff --git a/frontend/src/lib/lemon-ui/LemonTable/LemonTable.stories.tsx b/frontend/src/lib/lemon-ui/LemonTable/LemonTable.stories.tsx index 709cf11885b42..b0c604b5e2cf7 100644 --- a/frontend/src/lib/lemon-ui/LemonTable/LemonTable.stories.tsx +++ b/frontend/src/lib/lemon-ui/LemonTable/LemonTable.stories.tsx @@ -9,11 +9,6 @@ const meta: Meta = { title: 'Lemon UI/Lemon Table', component: LemonTable, tags: ['autodocs'], - parameters: { - testOptions: { - include3000: true, - }, - }, } export default meta diff --git a/frontend/src/lib/lemon-ui/LemonTag/LemonTag.stories.tsx b/frontend/src/lib/lemon-ui/LemonTag/LemonTag.stories.tsx index 9c1213d323b14..3d428c6ae49b7 100644 --- a/frontend/src/lib/lemon-ui/LemonTag/LemonTag.stories.tsx +++ b/frontend/src/lib/lemon-ui/LemonTag/LemonTag.stories.tsx @@ -7,11 +7,6 @@ const meta: Meta = { title: 'Lemon UI/Lemon Tag', component: LemonTagComponent, tags: ['autodocs'], - parameters: { - testOptions: { - include3000: true, - }, - }, } export default meta diff --git a/frontend/src/lib/lemon-ui/LemonToast/LemonToast.stories.tsx b/frontend/src/lib/lemon-ui/LemonToast/LemonToast.stories.tsx index d397becc87e43..2fb39f85e5149 100644 --- a/frontend/src/lib/lemon-ui/LemonToast/LemonToast.stories.tsx +++ b/frontend/src/lib/lemon-ui/LemonToast/LemonToast.stories.tsx @@ -9,7 +9,6 @@ const meta: Meta = { component: ToastContent, parameters: { testOptions: { - include3000: true, waitForLoadersToDisappear: false, snapshotTargetSelector: '.Toastify__toast-container', }, diff --git a/frontend/src/lib/taxonomy.tsx b/frontend/src/lib/taxonomy.tsx index 11eed4557dff1..a0219ddd5f1ab 100644 --- a/frontend/src/lib/taxonomy.tsx +++ b/frontend/src/lib/taxonomy.tsx @@ -807,6 +807,76 @@ export const KEY_MAPPING: KeyMappingInterface = { description: 'UTM Source. (First-touch, session-scoped)', examples: ['free goodies'], }, + // Mobile SDKs events + 'Application Opened': { + label: 'Application Opened', + description: 'When a user opens the app either for the first time or from the foreground.', + }, + 'Application Backgrounded': { + label: 'Application Backgrounded', + description: 'When a user puts the app in the background.', + }, + 'Application Updated': { + label: 'Application Updated', + description: 'When a user upgrades the app.', + }, + 'Application Installed': { + label: 'Application Installed', + description: 'When a user installs the app.', + }, + 'Application Became Active': { + label: 'Application Became Active', + description: 'When a user puts the app in the foreground.', + }, + 'Deep Link Opened': { + label: 'Deep Link Opened', + description: 'When a user opens the app via a deep link.', + }, + $network_carrier: { + label: 'Network Carrier', + description: 'The network carrier that the user is on.', + examples: ['cricket', 'telecom'], + }, + // set by the Application Opened event + from_background: { + label: 'From Background', + description: 'Whether the app was opened for the first time or from the background.', + examples: ['true', 'false'], + }, + // set by the Application Opened/Deep Link Opened event + url: { + label: 'URL', + description: 'The deep link URL that the app was opened from.', + examples: ['https://open.my.app'], + }, + referring_application: { + label: 'Referrer Application', + description: 'The namespace of the app that made the request.', + examples: ['com.posthog.app'], + }, + // set by the Application Installed/Application Updated/Application Opened events + // similar to $app_version + version: { + label: 'App Version', + description: 'The version of the app', + examples: ['1.0.0'], + }, + previous_version: { + label: 'App Previous Version', + description: 'The previous version of the app', + examples: ['1.0.0'], + }, + // similar to $app_build + build: { + label: 'App Build', + description: 'The build number for the app', + examples: ['1'], + }, + previous_build: { + label: 'App Previous Build', + description: 'The previous build number for the app', + examples: ['1'], + }, }, element: { tag_name: { diff --git a/frontend/src/queries/nodes/DataNode/LoadNext.tsx b/frontend/src/queries/nodes/DataNode/LoadNext.tsx index 714d391ce4ba7..9bd1280e083bf 100644 --- a/frontend/src/queries/nodes/DataNode/LoadNext.tsx +++ b/frontend/src/queries/nodes/DataNode/LoadNext.tsx @@ -3,7 +3,7 @@ import { LemonButton } from 'lib/lemon-ui/LemonButton' import { dataNodeLogic } from '~/queries/nodes/DataNode/dataNodeLogic' import { DataNode } from '~/queries/schema' -import { isPersonsNode, isPersonsQuery } from '~/queries/utils' +import { isActorsQuery, isPersonsNode } from '~/queries/utils' interface LoadNextProps { query: DataNode @@ -17,7 +17,7 @@ export function LoadNext({ query }: LoadNextProps): JSX.Element { Showing {canLoadNextData || numberOfRows === 1 ? '' : 'all '} {numberOfRows === 1 ? 'one' : numberOfRows}{' '} - {isPersonsNode(query) || isPersonsQuery(query) + {isPersonsNode(query) || isActorsQuery(query) ? numberOfRows === 1 ? 'person' : 'people' diff --git a/frontend/src/queries/nodes/DataNode/dataNodeLogic.ts b/frontend/src/queries/nodes/DataNode/dataNodeLogic.ts index c733efa7e3e75..1196a143c1de2 100644 --- a/frontend/src/queries/nodes/DataNode/dataNodeLogic.ts +++ b/frontend/src/queries/nodes/DataNode/dataNodeLogic.ts @@ -29,6 +29,8 @@ import { userLogic } from 'scenes/userLogic' import { removeExpressionComment } from '~/queries/nodes/DataTable/utils' import { query } from '~/queries/query' import { + ActorsQuery, + ActorsQueryResponse, AnyResponseType, DataNode, EventsQuery, @@ -36,18 +38,16 @@ import { InsightVizNode, NodeKind, PersonsNode, - PersonsQuery, - PersonsQueryResponse, QueryResponse, QueryTiming, } from '~/queries/schema' import { + isActorsQuery, isEventsQuery, - isInsightPersonsQuery, + isInsightActorsQuery, isInsightQueryNode, isLifecycleQuery, isPersonsNode, - isPersonsQuery, isTrendsQuery, } from '~/queries/utils' @@ -212,7 +212,7 @@ export const dataNodeLogic = kea([ } // TODO: unify when we use the same backend endpoint for both const now = performance.now() - if (isEventsQuery(props.query) || isPersonsQuery(props.query)) { + if (isEventsQuery(props.query) || isActorsQuery(props.query)) { const newResponse = (await query(values.nextQuery)) ?? null actions.setElapsedTime(performance.now() - now) const queryResponse = values.response as QueryResponse @@ -396,8 +396,8 @@ export const dataNodeLogic = kea([ return null } - if ((isEventsQuery(query) || isPersonsQuery(query)) && !responseError && !dataLoading) { - if ((response as EventsQueryResponse | PersonsQueryResponse)?.hasMore) { + if ((isEventsQuery(query) || isActorsQuery(query)) && !responseError && !dataLoading) { + if ((response as EventsQueryResponse | ActorsQueryResponse)?.hasMore) { const sortKey = query.orderBy?.[0] ?? 'timestamp DESC' const typedResults = (response as QueryResponse)?.results if (isEventsQuery(query) && sortKey === 'timestamp DESC') { @@ -423,7 +423,7 @@ export const dataNodeLogic = kea([ ...query, offset: typedResults?.length || 0, limit: Math.max(100, Math.min(2 * (typedResults?.length || 100), LOAD_MORE_ROWS_LIMIT)), - } as EventsQuery | PersonsQuery + } as EventsQuery | ActorsQuery } } } @@ -446,7 +446,7 @@ export const dataNodeLogic = kea([ backToSourceQuery: [ (s) => [s.query], (query): InsightVizNode | null => { - if (isPersonsQuery(query) && isInsightPersonsQuery(query.source) && !!query.source.source) { + if (isActorsQuery(query) && isInsightActorsQuery(query.source) && !!query.source.source) { const insightQuery = query.source.source const insightVizNode: InsightVizNode = { kind: NodeKind.InsightVizNode, diff --git a/frontend/src/queries/nodes/DataTable/DataTable.tsx b/frontend/src/queries/nodes/DataTable/DataTable.tsx index 7cfec3e91a888..b0a3c52382acb 100644 --- a/frontend/src/queries/nodes/DataTable/DataTable.tsx +++ b/frontend/src/queries/nodes/DataTable/DataTable.tsx @@ -41,20 +41,20 @@ import { OpenEditorButton } from '~/queries/nodes/Node/OpenEditorButton' import { PersonPropertyFilters } from '~/queries/nodes/PersonsNode/PersonPropertyFilters' import { PersonsSearch } from '~/queries/nodes/PersonsNode/PersonsSearch' import { + ActorsQuery, AnyResponseType, DataTableNode, EventsNode, EventsQuery, HogQLQuery, PersonsNode, - PersonsQuery, } from '~/queries/schema' import { QueryContext } from '~/queries/types' import { + isActorsQuery, isEventsQuery, isHogQlAggregation, isHogQLQuery, - isPersonsQuery, taxonomicEventFilterToHogQL, taxonomicPersonFilterToHogQL, } from '~/queries/utils' @@ -138,8 +138,8 @@ export function DataTable({ uniqueKey, query, setQuery, context, cachedResults } ? columnsInResponse ?? columnsInQuery : columnsInQuery - const groupTypes = isPersonsQuery(query.source) ? personGroupTypes : eventGroupTypes - const hogQLTable = isPersonsQuery(query.source) ? 'persons' : 'events' + const groupTypes = isActorsQuery(query.source) ? personGroupTypes : eventGroupTypes + const hogQLTable = isActorsQuery(query.source) ? 'persons' : 'events' const lemonColumns: LemonTableColumn[] = [ ...columnsInLemonTable.map((key, index) => ({ @@ -182,7 +182,7 @@ export function DataTable({ uniqueKey, query, setQuery, context, cachedResults } type="tertiary" fullWidth onChange={(v, g) => { - const hogQl = isPersonsQuery(query.source) + const hogQl = isActorsQuery(query.source) ? taxonomicPersonFilterToHogQL(g, v) : taxonomicEventFilterToHogQL(g, v) if (setQuery && hogQl && sourceFeatures.has(QueryFeature.selectAndOrderByColumns)) { @@ -263,7 +263,7 @@ export function DataTable({ uniqueKey, query, setQuery, context, cachedResults } type="tertiary" fullWidth onChange={(v, g) => { - const hogQl = isPersonsQuery(query.source) + const hogQl = isActorsQuery(query.source) ? taxonomicPersonFilterToHogQL(g, v) : taxonomicEventFilterToHogQL(g, v) if (setQuery && hogQl && sourceFeatures.has(QueryFeature.selectAndOrderByColumns)) { @@ -277,7 +277,7 @@ export function DataTable({ uniqueKey, query, setQuery, context, cachedResults } select: [...columns.slice(0, index), hogQl, ...columns.slice(index)].filter( (c) => (isAggregation ? c !== '*' && c !== 'person.$delete' : true) ), - } as EventsQuery | PersonsQuery, + } as EventsQuery | ActorsQuery, }) } }} @@ -292,7 +292,7 @@ export function DataTable({ uniqueKey, query, setQuery, context, cachedResults } type="tertiary" fullWidth onChange={(v, g) => { - const hogQl = isPersonsQuery(query.source) + const hogQl = isActorsQuery(query.source) ? taxonomicPersonFilterToHogQL(g, v) : taxonomicEventFilterToHogQL(g, v) if (setQuery && hogQl && sourceFeatures.has(QueryFeature.selectAndOrderByColumns)) { @@ -310,7 +310,7 @@ export function DataTable({ uniqueKey, query, setQuery, context, cachedResults } ].filter((c) => isAggregation ? c !== '*' && c !== 'person.$delete' : true ), - } as EventsQuery | PersonsQuery, + } as EventsQuery | ActorsQuery, }) } }} @@ -370,8 +370,7 @@ export function DataTable({ uniqueKey, query, setQuery, context, cachedResults } ].filter((column) => !query.hiddenColumns?.includes(column.dataIndex) && column.dataIndex !== '*') const setQuerySource = useCallback( - (source: EventsNode | EventsQuery | PersonsNode | PersonsQuery | HogQLQuery) => - setQuery?.({ ...query, source }), + (source: EventsNode | EventsQuery | PersonsNode | ActorsQuery | HogQLQuery) => setQuery?.({ ...query, source }), [setQuery] ) diff --git a/frontend/src/queries/nodes/DataTable/queryFeatures.ts b/frontend/src/queries/nodes/DataTable/queryFeatures.ts index 4c2b4202ea539..560ee7424013a 100644 --- a/frontend/src/queries/nodes/DataTable/queryFeatures.ts +++ b/frontend/src/queries/nodes/DataTable/queryFeatures.ts @@ -1,9 +1,9 @@ import { Node } from '~/queries/schema' import { + isActorsQuery, isEventsQuery, isHogQLQuery, isPersonsNode, - isPersonsQuery, isWebOverviewQuery, isWebStatsTableQuery, isWebTopClicksQuery, @@ -43,11 +43,11 @@ export function getQueryFeatures(query: Node): Set { features.add(QueryFeature.selectAndOrderByColumns) } - if (isPersonsNode(query) || isPersonsQuery(query)) { + if (isPersonsNode(query) || isActorsQuery(query)) { features.add(QueryFeature.personPropertyFilters) features.add(QueryFeature.personsSearch) - if (isPersonsQuery(query)) { + if (isActorsQuery(query)) { features.add(QueryFeature.selectAndOrderByColumns) features.add(QueryFeature.columnsInResponse) features.add(QueryFeature.resultIsArrayOfArrays) diff --git a/frontend/src/queries/nodes/DataTable/renderColumn.tsx b/frontend/src/queries/nodes/DataTable/renderColumn.tsx index ac141f208630c..9079149cc2bfc 100644 --- a/frontend/src/queries/nodes/DataTable/renderColumn.tsx +++ b/frontend/src/queries/nodes/DataTable/renderColumn.tsx @@ -18,10 +18,10 @@ import { DeletePersonButton } from '~/queries/nodes/PersonsNode/DeletePersonButt import { DataTableNode, EventsQueryPersonColumn, HasPropertiesNode } from '~/queries/schema' import { QueryContext } from '~/queries/types' import { + isActorsQuery, isEventsQuery, isHogQLQuery, isPersonsNode, - isPersonsQuery, isTimeToSeeDataSessionsQuery, trimQuotes, } from '~/queries/utils' @@ -221,7 +221,7 @@ export function renderColumn( displayProps.href = urls.personByDistinctId(personRecord.distinct_ids[0]) } - if (isPersonsQuery(query.source) && value) { + if (isActorsQuery(query.source) && value) { displayProps.person = value displayProps.href = value.id ? urls.personByUUID(value.id) @@ -229,14 +229,14 @@ export function renderColumn( } return - } else if (key === 'person.$delete' && (isPersonsNode(query.source) || isPersonsQuery(query.source))) { + } else if (key === 'person.$delete' && (isPersonsNode(query.source) || isActorsQuery(query.source))) { const personRecord = record as PersonType return } else if (key.startsWith('context.columns.')) { const columnName = trimQuotes(key.substring(16)) // 16 = "context.columns.".length const Component = context?.columns?.[columnName]?.render return Component ? : '' - } else if (key === 'id' && (isPersonsNode(query.source) || isPersonsQuery(query.source))) { + } else if (key === 'id' && (isPersonsNode(query.source) || isActorsQuery(query.source))) { return ( void + query: PersonsNode | ActorsQuery + setQuery?: (query: PersonsNode | ActorsQuery) => void } let uniqueNode = 0 @@ -25,7 +25,7 @@ export function PersonPropertyFilters({ query, setQuery }: PersonPropertyFilters }} pageKey={`PersonPropertyFilters.${id}`} taxonomicGroupTypes={ - isPersonsQuery(query) + isActorsQuery(query) ? [ TaxonomicFilterGroupType.PersonProperties, TaxonomicFilterGroupType.Cohorts, diff --git a/frontend/src/queries/nodes/PersonsNode/PersonsSearch.tsx b/frontend/src/queries/nodes/PersonsNode/PersonsSearch.tsx index 8836b76cac7de..2dc4c7adece92 100644 --- a/frontend/src/queries/nodes/PersonsNode/PersonsSearch.tsx +++ b/frontend/src/queries/nodes/PersonsNode/PersonsSearch.tsx @@ -3,13 +3,13 @@ import { LemonInput } from 'lib/lemon-ui/LemonInput/LemonInput' import { Tooltip } from 'lib/lemon-ui/Tooltip' import { useDebouncedQuery } from '~/queries/hooks/useDebouncedQuery' -import { PersonsNode, PersonsQuery } from '~/queries/schema' +import { ActorsQuery, PersonsNode } from '~/queries/schema' import { isQueryForGroup } from '~/queries/utils' type ActorType = 'person' | 'group' interface PersonSearchProps { - query: PersonsNode | PersonsQuery - setQuery?: (query: PersonsNode | PersonsQuery) => void + query: PersonsNode | ActorsQuery + setQuery?: (query: PersonsNode | ActorsQuery) => void } interface LabelType { @@ -31,7 +31,7 @@ const labels: Record = { } export function PersonsSearch({ query, setQuery }: PersonSearchProps): JSX.Element { - const { value, onChange } = useDebouncedQuery( + const { value, onChange } = useDebouncedQuery( query, setQuery, (query) => query.search || '', diff --git a/frontend/src/queries/query.ts b/frontend/src/queries/query.ts index 5d9b63e1d151b..348a57059a2c3 100644 --- a/frontend/src/queries/query.ts +++ b/frontend/src/queries/query.ts @@ -21,6 +21,7 @@ import { AnyPartialFilterType, OnlineExportContext, QueryExportContext } from '~ import { queryNodeToFilter } from './nodes/InsightQuery/utils/queryNodeToFilter' import { DataNode, HogQLQuery, HogQLQueryResponse, NodeKind, PersonsNode } from './schema' import { + isActorsQuery, isDataTableNode, isDataVisualizationNode, isEventsQuery, @@ -29,7 +30,6 @@ import { isInsightVizNode, isLifecycleQuery, isPersonsNode, - isPersonsQuery, isRetentionQuery, isTimeToSeeDataQuery, isTimeToSeeDataSessionsNode, @@ -52,7 +52,7 @@ export function queryExportContext( return queryExportContext(query.source, methodOptions, refresh) } else if (isDataVisualizationNode(query)) { return queryExportContext(query.source, methodOptions, refresh) - } else if (isEventsQuery(query) || isPersonsQuery(query)) { + } else if (isEventsQuery(query) || isActorsQuery(query)) { return { source: query, } diff --git a/frontend/src/queries/schema.json b/frontend/src/queries/schema.json index 529fdc752f618..2e1a738ee29e5 100644 --- a/frontend/src/queries/schema.json +++ b/frontend/src/queries/schema.json @@ -68,6 +68,109 @@ "required": ["id", "kind"], "type": "object" }, + "ActorsQuery": { + "additionalProperties": false, + "properties": { + "fixedProperties": { + "items": { + "$ref": "#/definitions/AnyPropertyFilter" + }, + "type": "array" + }, + "kind": { + "const": "ActorsQuery", + "type": "string" + }, + "limit": { + "type": "integer" + }, + "offset": { + "type": "integer" + }, + "orderBy": { + "items": { + "type": "string" + }, + "type": "array" + }, + "properties": { + "items": { + "$ref": "#/definitions/AnyPropertyFilter" + }, + "type": "array" + }, + "response": { + "$ref": "#/definitions/ActorsQueryResponse", + "description": "Cached query response" + }, + "search": { + "type": "string" + }, + "select": { + "items": { + "$ref": "#/definitions/HogQLExpression" + }, + "type": "array" + }, + "source": { + "anyOf": [ + { + "$ref": "#/definitions/InsightActorsQuery" + }, + { + "$ref": "#/definitions/HogQLQuery" + } + ] + } + }, + "required": ["kind"], + "type": "object" + }, + "ActorsQueryResponse": { + "additionalProperties": false, + "properties": { + "columns": { + "items": {}, + "type": "array" + }, + "hasMore": { + "type": "boolean" + }, + "hogql": { + "type": "string" + }, + "limit": { + "type": "integer" + }, + "missing_actors_count": { + "type": "integer" + }, + "offset": { + "type": "integer" + }, + "results": { + "items": { + "items": {}, + "type": "array" + }, + "type": "array" + }, + "timings": { + "items": { + "$ref": "#/definitions/QueryTiming" + }, + "type": "array" + }, + "types": { + "items": { + "type": "string" + }, + "type": "array" + } + }, + "required": ["results", "columns", "types", "hogql", "limit", "offset"], + "type": "object" + }, "AggregationAxisFormat": { "enum": ["numeric", "duration", "duration_ms", "percentage", "percentage_scaled"], "type": "string" @@ -90,10 +193,10 @@ "$ref": "#/definitions/EventsQuery" }, { - "$ref": "#/definitions/PersonsQuery" + "$ref": "#/definitions/ActorsQuery" }, { - "$ref": "#/definitions/InsightPersonsQuery" + "$ref": "#/definitions/InsightActorsQuery" }, { "$ref": "#/definitions/SessionsTimelineQuery" @@ -497,7 +600,7 @@ "$ref": "#/definitions/PersonsNode" }, { - "$ref": "#/definitions/PersonsQuery" + "$ref": "#/definitions/ActorsQuery" }, { "$ref": "#/definitions/HogQLQuery" @@ -1073,7 +1176,7 @@ "type": "array" } }, - "required": ["columns", "types", "results", "hogql", "limit", "offset"], + "required": ["columns", "types", "results", "hogql"], "type": "object" }, "FeaturePropertyFilter": { @@ -1672,6 +1775,33 @@ }, "type": "object" }, + "InsightActorsQuery": { + "additionalProperties": false, + "properties": { + "day": { + "type": "string" + }, + "interval": { + "description": "An interval selected out of available intervals in source query", + "type": "integer" + }, + "kind": { + "const": "InsightActorsQuery", + "type": "string" + }, + "response": { + "$ref": "#/definitions/ActorsQueryResponse" + }, + "source": { + "$ref": "#/definitions/InsightQueryNode" + }, + "status": { + "type": "string" + } + }, + "required": ["kind", "source"], + "type": "object" + }, "InsightFilter": { "anyOf": [ { @@ -1716,33 +1846,6 @@ ], "type": "string" }, - "InsightPersonsQuery": { - "additionalProperties": false, - "properties": { - "day": { - "type": "string" - }, - "interval": { - "description": "An interval selected out of available intervals in source query", - "type": "integer" - }, - "kind": { - "const": "InsightPersonsQuery", - "type": "string" - }, - "response": { - "$ref": "#/definitions/PersonsQueryResponse" - }, - "source": { - "$ref": "#/definitions/InsightQueryNode" - }, - "status": { - "type": "string" - } - }, - "required": ["kind", "source"], - "type": "object" - }, "InsightQueryNode": { "anyOf": [ { @@ -2011,7 +2114,7 @@ "PersonsNode", "HogQLQuery", "HogQLMetadata", - "PersonsQuery", + "ActorsQuery", "SessionsTimelineQuery", "DataTableNode", "DataVisualizationNode", @@ -2023,7 +2126,7 @@ "PathsQuery", "StickinessQuery", "LifecycleQuery", - "InsightPersonsQuery", + "InsightActorsQuery", "WebOverviewQuery", "WebTopClicksQuery", "WebStatsTableQuery", @@ -2229,109 +2332,6 @@ "required": ["kind"], "type": "object" }, - "PersonsQuery": { - "additionalProperties": false, - "properties": { - "fixedProperties": { - "items": { - "$ref": "#/definitions/AnyPropertyFilter" - }, - "type": "array" - }, - "kind": { - "const": "PersonsQuery", - "type": "string" - }, - "limit": { - "type": "integer" - }, - "offset": { - "type": "integer" - }, - "orderBy": { - "items": { - "type": "string" - }, - "type": "array" - }, - "properties": { - "items": { - "$ref": "#/definitions/AnyPropertyFilter" - }, - "type": "array" - }, - "response": { - "$ref": "#/definitions/PersonsQueryResponse", - "description": "Cached query response" - }, - "search": { - "type": "string" - }, - "select": { - "items": { - "$ref": "#/definitions/HogQLExpression" - }, - "type": "array" - }, - "source": { - "anyOf": [ - { - "$ref": "#/definitions/InsightPersonsQuery" - }, - { - "$ref": "#/definitions/HogQLQuery" - } - ] - } - }, - "required": ["kind"], - "type": "object" - }, - "PersonsQueryResponse": { - "additionalProperties": false, - "properties": { - "columns": { - "items": {}, - "type": "array" - }, - "hasMore": { - "type": "boolean" - }, - "hogql": { - "type": "string" - }, - "limit": { - "type": "integer" - }, - "missing_actors_count": { - "type": "integer" - }, - "offset": { - "type": "integer" - }, - "results": { - "items": { - "items": {}, - "type": "array" - }, - "type": "array" - }, - "timings": { - "items": { - "$ref": "#/definitions/QueryTiming" - }, - "type": "array" - }, - "types": { - "items": { - "type": "string" - }, - "type": "array" - } - }, - "required": ["results", "columns", "types", "hogql", "limit", "offset"], - "type": "object" - }, "PropertyFilterType": { "enum": [ "meta", diff --git a/frontend/src/queries/schema.ts b/frontend/src/queries/schema.ts index 94b739a189871..a5787319fe85e 100644 --- a/frontend/src/queries/schema.ts +++ b/frontend/src/queries/schema.ts @@ -46,7 +46,7 @@ export enum NodeKind { PersonsNode = 'PersonsNode', HogQLQuery = 'HogQLQuery', HogQLMetadata = 'HogQLMetadata', - PersonsQuery = 'PersonsQuery', + ActorsQuery = 'ActorsQuery', SessionsTimelineQuery = 'SessionsTimelineQuery', // Interface nodes @@ -62,7 +62,7 @@ export enum NodeKind { PathsQuery = 'PathsQuery', StickinessQuery = 'StickinessQuery', LifecycleQuery = 'LifecycleQuery', - InsightPersonsQuery = 'InsightPersonsQuery', + InsightActorsQuery = 'InsightActorsQuery', // Web analytics queries WebOverviewQuery = 'WebOverviewQuery', @@ -85,8 +85,8 @@ export type AnyDataNode = | PersonsNode // old persons API endpoint | TimeToSeeDataSessionsQuery // old API | EventsQuery - | PersonsQuery - | InsightPersonsQuery + | ActorsQuery + | InsightActorsQuery | SessionsTimelineQuery | HogQLQuery | HogQLMetadata @@ -260,9 +260,9 @@ export interface EventsQueryResponse { hasMore?: boolean timings?: QueryTiming[] /** @asType integer */ - limit: number + limit?: number /** @asType integer */ - offset: number + offset?: number } export interface EventsQueryPersonColumn { uuid: string @@ -336,7 +336,7 @@ export interface DataTableNode extends Node, DataTableNodeViewProps { | EventsNode | EventsQuery | PersonsNode - | PersonsQuery + | ActorsQuery | HogQLQuery | TimeToSeeDataSessionsQuery | WebOverviewQuery @@ -631,7 +631,7 @@ export interface LifecycleQuery extends Omit { diff --git a/frontend/src/queries/utils.ts b/frontend/src/queries/utils.ts index 11dd7a60db071..c6c12e8a3a03f 100644 --- a/frontend/src/queries/utils.ts +++ b/frontend/src/queries/utils.ts @@ -4,6 +4,7 @@ import { teamLogic } from 'scenes/teamLogic' import { ActionsNode, + ActorsQuery, DatabaseSchemaQuery, DataTableNode, DataVisualizationNode, @@ -13,10 +14,10 @@ import { FunnelsQuery, HogQLMetadata, HogQLQuery, + InsightActorsQuery, InsightFilter, InsightFilterProperty, InsightNodeKind, - InsightPersonsQuery, InsightQueryNode, InsightVizNode, LifecycleQuery, @@ -24,7 +25,6 @@ import { NodeKind, PathsQuery, PersonsNode, - PersonsQuery, RetentionQuery, SavedInsightNode, StickinessQuery, @@ -46,7 +46,7 @@ export function isDataNode(node?: Node | null): node is EventsQuery | PersonsNod isPersonsNode(node) || isTimeToSeeDataSessionsQuery(node) || isEventsQuery(node) || - isPersonsQuery(node) || + isActorsQuery(node) || isHogQLQuery(node) || isHogQLMetadata(node) ) @@ -92,12 +92,12 @@ export function isPersonsNode(node?: Node | null): node is PersonsNode { return node?.kind === NodeKind.PersonsNode } -export function isPersonsQuery(node?: Node | null): node is PersonsQuery { - return node?.kind === NodeKind.PersonsQuery +export function isActorsQuery(node?: Node | null): node is ActorsQuery { + return node?.kind === NodeKind.ActorsQuery } -export function isInsightPersonsQuery(node?: Node | null): node is InsightPersonsQuery { - return node?.kind === NodeKind.InsightPersonsQuery +export function isInsightActorsQuery(node?: Node | null): node is InsightActorsQuery { + return node?.kind === NodeKind.InsightActorsQuery } export function isDataTableNode(node?: Node | null): node is DataTableNode { @@ -183,10 +183,10 @@ export function isDatabaseSchemaQuery(node?: Node): node is DatabaseSchemaQuery return node?.kind === NodeKind.DatabaseSchemaQuery } -export function isQueryForGroup(query: PersonsNode | PersonsQuery): boolean { +export function isQueryForGroup(query: PersonsNode | ActorsQuery): boolean { return ( - isPersonsQuery(query) && - isInsightPersonsQuery(query.source) && + isActorsQuery(query) && + isInsightActorsQuery(query.source) && isRetentionQuery(query.source.source) && query.source.source.aggregation_group_type_index !== undefined ) diff --git a/frontend/src/scenes/apps/HistoricalExport.tsx b/frontend/src/scenes/apps/HistoricalExport.tsx index 2a9415e75146f..1004c09ff560b 100644 --- a/frontend/src/scenes/apps/HistoricalExport.tsx +++ b/frontend/src/scenes/apps/HistoricalExport.tsx @@ -1,4 +1,3 @@ -import { Card } from 'antd' import { useValues } from 'kea' import { AppMetricsTab } from '~/types' @@ -11,33 +10,33 @@ export function HistoricalExport(props: HistoricalExportLogicProps): JSX.Element const { data, dataLoading } = useValues(historicalExportLogic(props)) return ( -
- - - +
+ - +
+

Delivery trends

- +
- +
+

Errors

- +
) } diff --git a/frontend/src/scenes/billing/Billing.stories.tsx b/frontend/src/scenes/billing/Billing.stories.tsx index 29ba6cd7a444e..ab6cbae8ea895 100644 --- a/frontend/src/scenes/billing/Billing.stories.tsx +++ b/frontend/src/scenes/billing/Billing.stories.tsx @@ -13,7 +13,6 @@ const meta: Meta = { layout: 'fullscreen', viewMode: 'story', mockDate: '2023-05-25', - testOptions: { include3000: true }, }, decorators: [ mswDecorator({ diff --git a/frontend/src/scenes/cohorts/cohortEditLogic.ts b/frontend/src/scenes/cohorts/cohortEditLogic.ts index ecfba636b35c8..8cd8b06f94dba 100644 --- a/frontend/src/scenes/cohorts/cohortEditLogic.ts +++ b/frontend/src/scenes/cohorts/cohortEditLogic.ts @@ -70,7 +70,7 @@ export const cohortEditLogic = kea([ }), selectors({ - usePersonsQuery: [(s) => [s.featureFlags], (featureFlags) => featureFlags[FEATURE_FLAGS.PERSONS_HOGQL_QUERY]], + useActorsQuery: [(s) => [s.featureFlags], (featureFlags) => featureFlags[FEATURE_FLAGS.PERSONS_HOGQL_QUERY]], }), reducers(({ props, selectors }) => ({ @@ -167,11 +167,11 @@ export const cohortEditLogic = kea([ ], query: [ ((state: Record) => - selectors.usePersonsQuery(state) + selectors.useActorsQuery(state) ? { kind: NodeKind.DataTableNode, source: { - kind: NodeKind.PersonsQuery, + kind: NodeKind.ActorsQuery, fixedProperties: [ { type: PropertyFilterType.Cohort, key: 'id', value: parseInt(String(props.id)) }, ], diff --git a/frontend/src/scenes/feature-flags/FeatureFlag.tsx b/frontend/src/scenes/feature-flags/FeatureFlag.tsx index 6c60124c8a2ec..1e72a2ab4bf70 100644 --- a/frontend/src/scenes/feature-flags/FeatureFlag.tsx +++ b/frontend/src/scenes/feature-flags/FeatureFlag.tsx @@ -1,7 +1,7 @@ import './FeatureFlag.scss' import { LemonSegmentedButton } from '@posthog/lemon-ui' -import { Card, Popconfirm, Skeleton } from 'antd' +import { Popconfirm, Skeleton } from 'antd' import { useActions, useValues } from 'kea' import { Form, Group } from 'kea-forms' import { router } from 'kea-router' @@ -421,23 +421,27 @@ export function FeatureFlag({ id }: { id?: string } = {}): JSX.Element { )} {featureFlags[FEATURE_FLAGS.ROLE_BASED_ACCESS] && ( - - - setRolesToAdd(roleIds)} - rolesToAdd={rolesToAdd} - addableRoles={addableRoles} - addableRolesLoading={unfilteredAddableRolesLoading} - onAdd={() => addAssociatedRoles()} - roles={derivedRoles} - deleteAssociatedRole={(id) => - deleteAssociatedRole({ roleId: id }) - } - canEdit={featureFlag.can_edit} - /> - - +
+

Permissions

+ +
+ + setRolesToAdd(roleIds)} + rolesToAdd={rolesToAdd} + addableRoles={addableRoles} + addableRolesLoading={unfilteredAddableRolesLoading} + onAdd={() => addAssociatedRoles()} + roles={derivedRoles} + deleteAssociatedRole={(id) => + deleteAssociatedRole({ roleId: id }) + } + canEdit={featureFlag.can_edit} + /> + +
+
)} )} diff --git a/frontend/src/scenes/feature-flags/FeatureFlagCodeOptions.tsx b/frontend/src/scenes/feature-flags/FeatureFlagCodeOptions.tsx index 9ef72f4e779b5..2d5d2c618d6ae 100644 --- a/frontend/src/scenes/feature-flags/FeatureFlagCodeOptions.tsx +++ b/frontend/src/scenes/feature-flags/FeatureFlagCodeOptions.tsx @@ -118,7 +118,16 @@ export const OPTIONS: InstructionOption[] = [ export const LOCAL_EVALUATION_LIBRARIES: string[] = [SDKKey.NODE_JS, SDKKey.PYTHON, SDKKey.RUBY, SDKKey.PHP, SDKKey.GO] -export const PAYLOAD_LIBRARIES: string[] = [SDKKey.JS_WEB, SDKKey.NODE_JS, SDKKey.PYTHON, SDKKey.RUBY, SDKKey.REACT] +export const PAYLOAD_LIBRARIES: string[] = [ + SDKKey.JS_WEB, + SDKKey.NODE_JS, + SDKKey.PYTHON, + SDKKey.RUBY, + SDKKey.REACT, + SDKKey.ANDROID, + SDKKey.REACT_NATIVE, + SDKKey.IOS, +] export const BOOTSTRAPPING_OPTIONS: InstructionOption[] = [ { diff --git a/frontend/src/scenes/feature-flags/FeatureFlagSnippets.tsx b/frontend/src/scenes/feature-flags/FeatureFlagSnippets.tsx index af476aa9b903d..5e50403e26d58 100644 --- a/frontend/src/scenes/feature-flags/FeatureFlagSnippets.tsx +++ b/frontend/src/scenes/feature-flags/FeatureFlagSnippets.tsx @@ -312,8 +312,17 @@ if ${conditional}: ) } -export function AndroidSnippet({ flagKey, multivariant }: FeatureFlagSnippet): JSX.Element { +export function AndroidSnippet({ flagKey, multivariant, payload }: FeatureFlagSnippet): JSX.Element { const clientSuffix = 'PostHog.' + + if (payload) { + return ( + + {`${clientSuffix}getFeatureFlagPayload("${flagKey}")`} + + ) + } + const flagFunction = multivariant ? 'getFeatureFlag' : 'isFeatureEnabled' const variantSuffix = multivariant ? ` == "example-variant"` : '' @@ -327,8 +336,17 @@ export function AndroidSnippet({ flagKey, multivariant }: FeatureFlagSnippet): J ) } -export function iOSSnippet({ flagKey, multivariant }: FeatureFlagSnippet): JSX.Element { +export function iOSSnippet({ flagKey, multivariant, payload }: FeatureFlagSnippet): JSX.Element { const clientSuffix = 'posthog.' + + if (payload) { + return ( + + {`${clientSuffix}getFeatureFlagStringPayload("${flagKey}", defaultValue: "myDefaultValue")`} + + ) + } + const flagFunction = multivariant ? 'getFeatureFlag' : 'isFeatureEnabled' const variantSuffix = multivariant ? ` == 'example-variant'` : '' @@ -344,8 +362,17 @@ if (${clientSuffix}${flagFunction}('${flagKey}') ${variantSuffix}) { ) } -export function ReactNativeSnippet({ flagKey, multivariant }: FeatureFlagSnippet): JSX.Element { +export function ReactNativeSnippet({ flagKey, multivariant, payload }: FeatureFlagSnippet): JSX.Element { const clientSuffix = 'posthog.' + + if (payload) { + return ( + + {`${clientSuffix}getFeatureFlagPayload('${flagKey}'`} + + ) + } + const flagFunction = multivariant ? 'getFeatureFlag' : 'isFeatureEnabled' const variantSuffix = multivariant ? ` == 'example-variant'` : '' diff --git a/frontend/src/scenes/insights/views/Funnels/FunnelCorrelation.scss b/frontend/src/scenes/insights/views/Funnels/FunnelCorrelation.scss index d1932ec322b9d..e960fc44d021f 100644 --- a/frontend/src/scenes/insights/views/Funnels/FunnelCorrelation.scss +++ b/frontend/src/scenes/insights/views/Funnels/FunnelCorrelation.scss @@ -4,33 +4,18 @@ .skew-warning { margin-top: 1rem; line-height: 2em; + background-color: var(--bg-light); border: 1px solid var(--warning); - - .ant-card-body { - padding: 0.5rem 1rem; - } + border-radius: var(--radius); h4 { position: relative; display: flex; align-items: center; - padding: 0.5rem 1rem; - margin-right: -1rem; - margin-left: -1rem; + justify-content: space-between; + padding: 0.5rem; font-size: 1.1em; border-bottom: 1px solid var(--border); - - .close-button { - position: absolute; - right: 16px; - color: var(--muted) !important; - cursor: pointer; - } - } - - b { - padding-bottom: 0.5rem; - font-weight: var(--font-medium); } } } diff --git a/frontend/src/scenes/insights/views/Funnels/FunnelCorrelationSkewWarning.tsx b/frontend/src/scenes/insights/views/Funnels/FunnelCorrelationSkewWarning.tsx index 6e4cc1416ffe0..ef40e6a9e3a57 100644 --- a/frontend/src/scenes/insights/views/Funnels/FunnelCorrelationSkewWarning.tsx +++ b/frontend/src/scenes/insights/views/Funnels/FunnelCorrelationSkewWarning.tsx @@ -1,8 +1,6 @@ -// eslint-disable-next-line no-restricted-imports -import { CloseOutlined } from '@ant-design/icons' -import { Card } from 'antd' +import { LemonButton } from '@posthog/lemon-ui' import { useActions, useValues } from 'kea' -import { IconFeedback } from 'lib/lemon-ui/icons' +import { IconClose, IconFeedback } from 'lib/lemon-ui/icons' import { funnelDataLogic } from 'scenes/funnels/funnelDataLogic' import { insightLogic } from 'scenes/insights/insightLogic' @@ -16,14 +14,16 @@ export const FunnelCorrelationSkewWarning = (): JSX.Element | null => { } return ( - +

- Adjust your funnel - definition to improve correlation analysis - +
+ + Adjust your funnel definition to improve correlation analysis +
+ } onClick={hideSkewWarning} />

-
- Tips for adjusting your funnel: +
+ Tips for adjusting your funnel:
  1. Adjust your first funnel step to be more specific. For example, choose a page or an event that @@ -32,6 +32,6 @@ export const FunnelCorrelationSkewWarning = (): JSX.Element | null => {
  2. Choose an event that happens more frequently for subsequent funnels steps.
- +
) } diff --git a/frontend/src/scenes/notebooks/Nodes/NotebookNodeCohort.tsx b/frontend/src/scenes/notebooks/Nodes/NotebookNodeCohort.tsx index fd5aad3420b5e..310ec587c8d14 100644 --- a/frontend/src/scenes/notebooks/Nodes/NotebookNodeCohort.tsx +++ b/frontend/src/scenes/notebooks/Nodes/NotebookNodeCohort.tsx @@ -53,7 +53,7 @@ const Component = ({ attributes }: NotebookNodeProps ({ +const getDefaultQuery = (useActorsQuery = false): DataTableNode => ({ kind: NodeKind.DataTableNode, - source: usePersonsQuery - ? { kind: NodeKind.PersonsQuery, select: defaultDataTableColumns(NodeKind.PersonsQuery) } + source: useActorsQuery + ? { kind: NodeKind.ActorsQuery, select: defaultDataTableColumns(NodeKind.ActorsQuery) } : { kind: NodeKind.PersonsNode }, full: true, propertiesViaUrl: true, diff --git a/frontend/src/scenes/retention/queries.ts b/frontend/src/scenes/retention/queries.ts index 3bca06cca714e..7b8d738cc7109 100644 --- a/frontend/src/scenes/retention/queries.ts +++ b/frontend/src/scenes/retention/queries.ts @@ -1,17 +1,17 @@ import { RetentionTableAppearanceType, RetentionTablePeoplePayload } from 'scenes/retention/types' import { query } from '~/queries/query' -import { NodeKind, PersonsQuery, RetentionQuery } from '~/queries/schema' +import { ActorsQuery, NodeKind, RetentionQuery } from '~/queries/schema' -export function retentionToActorsQuery(query: RetentionQuery, selectedInterval: number, offset = 0): PersonsQuery { +export function retentionToActorsQuery(query: RetentionQuery, selectedInterval: number, offset = 0): ActorsQuery { const group = query.aggregation_group_type_index !== undefined const select = group ? 'group' : 'person' return { - kind: NodeKind.PersonsQuery, + kind: NodeKind.ActorsQuery, select: [select, 'appearances'], orderBy: ['length(appearances) DESC', 'actor_id'], source: { - kind: NodeKind.InsightPersonsQuery, + kind: NodeKind.InsightActorsQuery, interval: selectedInterval, source: { ...query, diff --git a/frontend/src/scenes/retention/retentionModalLogic.ts b/frontend/src/scenes/retention/retentionModalLogic.ts index 4ad79ea1407c4..ad605e13b1516 100644 --- a/frontend/src/scenes/retention/retentionModalLogic.ts +++ b/frontend/src/scenes/retention/retentionModalLogic.ts @@ -5,8 +5,8 @@ import { retentionToActorsQuery } from 'scenes/retention/queries' import { urls } from 'scenes/urls' import { groupsModel, Noun } from '~/models/groupsModel' -import { DataTableNode, NodeKind, PersonsQuery, RetentionQuery } from '~/queries/schema' -import { isInsightPersonsQuery, isLifecycleQuery, isRetentionQuery, isStickinessQuery } from '~/queries/utils' +import { ActorsQuery, DataTableNode, NodeKind, RetentionQuery } from '~/queries/schema' +import { isInsightActorsQuery, isLifecycleQuery, isRetentionQuery, isStickinessQuery } from '~/queries/utils' import { InsightLogicProps } from '~/types' import type { retentionModalLogicType } from './retentionModalLogicType' @@ -46,9 +46,9 @@ export const retentionModalLogic = kea([ return aggregationLabel(aggregation_group_type_index) }, ], - personsQuery: [ + actorsQuery: [ (s) => [s.querySource, s.selectedInterval], - (querySource: RetentionQuery, selectedInterval): PersonsQuery | null => { + (querySource: RetentionQuery, selectedInterval): ActorsQuery | null => { if (!querySource) { return null } @@ -56,20 +56,20 @@ export const retentionModalLogic = kea([ }, ], exploreUrl: [ - (s) => [s.personsQuery], - (personsQuery): string | null => { - if (!personsQuery) { + (s) => [s.actorsQuery], + (actorsQuery): string | null => { + if (!actorsQuery) { return null } const query: DataTableNode = { kind: NodeKind.DataTableNode, - source: personsQuery, + source: actorsQuery, full: true, } if ( - isInsightPersonsQuery(personsQuery.source) && - isRetentionQuery(personsQuery.source.source) && - personsQuery.source.source.aggregation_group_type_index !== undefined + isInsightActorsQuery(actorsQuery.source) && + isRetentionQuery(actorsQuery.source.source) && + actorsQuery.source.source.aggregation_group_type_index !== undefined ) { query.showPropertyFilter = false } diff --git a/frontend/src/scenes/saved-insights/SavedInsights.tsx b/frontend/src/scenes/saved-insights/SavedInsights.tsx index bf14cdad8854a..739499d6fa431 100644 --- a/frontend/src/scenes/saved-insights/SavedInsights.tsx +++ b/frontend/src/scenes/saved-insights/SavedInsights.tsx @@ -187,13 +187,13 @@ export const QUERY_TYPES_METADATA: Record = { icon: IconPerson, inMenu: true, }, - [NodeKind.PersonsQuery]: { + [NodeKind.ActorsQuery]: { name: 'Persons', description: 'List of persons matching specified conditions', icon: IconPerson, inMenu: false, }, - [NodeKind.InsightPersonsQuery]: { + [NodeKind.InsightActorsQuery]: { name: 'Persons', description: 'List of persons matching specified conditions, derived from an insight', icon: IconPerson, diff --git a/frontend/src/scenes/session-recordings/player/inspector/playerInspectorLogic.ts b/frontend/src/scenes/session-recordings/player/inspector/playerInspectorLogic.ts index e5a07345c1d01..1cf1fc3f23c68 100644 --- a/frontend/src/scenes/session-recordings/player/inspector/playerInspectorLogic.ts +++ b/frontend/src/scenes/session-recordings/player/inspector/playerInspectorLogic.ts @@ -81,6 +81,7 @@ const PostHogMobileEvents = [ 'Application Backgrounded', 'Application Updated', 'Application Installed', + 'Application Became Active', ] function isPostHogEvent(item: InspectorListItemEvent): boolean { diff --git a/frontend/src/scenes/trends/persons-modal/PersonsModal.tsx b/frontend/src/scenes/trends/persons-modal/PersonsModal.tsx index bce7f2176b9db..d07dde60bf662 100644 --- a/frontend/src/scenes/trends/persons-modal/PersonsModal.tsx +++ b/frontend/src/scenes/trends/persons-modal/PersonsModal.tsx @@ -25,7 +25,7 @@ import { sessionPlayerModalLogic } from 'scenes/session-recordings/player/modal/ import { teamLogic } from 'scenes/teamLogic' import { Noun } from '~/models/groupsModel' -import { InsightPersonsQuery } from '~/queries/schema' +import { InsightActorsQuery } from '~/queries/schema' import { ActorType, ExporterFormat, @@ -39,7 +39,7 @@ import { SaveCohortModal } from './SaveCohortModal' export interface PersonsModalProps extends Pick { onAfterClose?: () => void - query?: InsightPersonsQuery | null + query?: InsightActorsQuery | null url?: string | null urlsIndex?: number urls?: { @@ -77,7 +77,7 @@ export function PersonsModal({ missingActorsCount, propertiesTimelineFilterFromUrl, exploreUrl, - personsQuery, + ActorsQuery, } = useValues(logic) const { setSearchTerm, saveAsCohort, setIsCohortModalOpen, closeModal, loadNextActors } = useActions(logic) const { openSessionPlayer } = useActions(sessionPlayerModalLogic) @@ -191,7 +191,7 @@ export function PersonsModal({ void triggerExport({ export_format: ExporterFormat.CSV, export_context: query - ? { source: personsQuery as Record } + ? { source: ActorsQuery as Record } : { path: originalUrl }, }) }} diff --git a/frontend/src/scenes/trends/persons-modal/personsModalLogic.ts b/frontend/src/scenes/trends/persons-modal/personsModalLogic.ts index b8a54b03094d2..da64e7aadd17d 100644 --- a/frontend/src/scenes/trends/persons-modal/personsModalLogic.ts +++ b/frontend/src/scenes/trends/persons-modal/personsModalLogic.ts @@ -11,7 +11,7 @@ import { urls } from 'scenes/urls' import { cohortsModel } from '~/models/cohortsModel' import { groupsModel } from '~/models/groupsModel' import { query as performQuery } from '~/queries/query' -import { DataTableNode, InsightPersonsQuery, NodeKind, PersonsQuery } from '~/queries/schema' +import { ActorsQuery, DataTableNode, InsightActorsQuery, NodeKind } from '~/queries/schema' import { ActorType, BreakdownType, @@ -26,7 +26,7 @@ import type { personsModalLogicType } from './personsModalLogicType' const RESULTS_PER_PAGE = 100 export interface PersonModalLogicProps { - query?: InsightPersonsQuery | null + query?: InsightActorsQuery | null url?: string | null } @@ -56,7 +56,7 @@ export const personsModalLogic = kea([ offset, }: { url?: string | null - query?: InsightPersonsQuery | null + query?: InsightActorsQuery | null clear?: boolean offset?: number }) => ({ @@ -92,10 +92,10 @@ export const personsModalLogic = kea([ return res } else if (query) { const response = await performQuery({ - ...values.personsQuery, + ...values.ActorsQuery, limit: RESULTS_PER_PAGE + 1, offset: offset || 0, - } as PersonsQuery) + } as ActorsQuery) const newResponse: ListActorsResponse = { results: [ { @@ -180,8 +180,8 @@ export const personsModalLogic = kea([ is_static: true, name: cohortName, } - if (values.personsQuery) { - const cohort = await api.create('api/cohort', { ...cohortParams, query: values.personsQuery }) + if (values.ActorsQuery) { + const cohort = await api.create('api/cohort', { ...cohortParams, query: values.ActorsQuery }) cohortsModel.actions.cohortCreated(cohort) lemonToast.success('Cohort saved', { toastId: `cohort-saved-${cohort.id}`, @@ -256,14 +256,14 @@ export const personsModalLogic = kea([ return cleanFilters(filter) }, ], - personsQuery: [ + ActorsQuery: [ (s) => [(_, p) => p.query, s.searchTerm], - (query, searchTerm): PersonsQuery | null => { + (query, searchTerm): ActorsQuery | null => { if (!query) { return null } return { - kind: NodeKind.PersonsQuery, + kind: NodeKind.ActorsQuery, source: query, select: ['person', 'created_at'], orderBy: ['created_at DESC'], @@ -272,12 +272,12 @@ export const personsModalLogic = kea([ }, ], exploreUrl: [ - (s) => [s.personsQuery], - (personsQuery): string | null => { - if (!personsQuery) { + (s) => [s.ActorsQuery], + (ActorsQuery): string | null => { + if (!ActorsQuery) { return null } - const { select: _select, ...source } = personsQuery + const { select: _select, ...source } = ActorsQuery const query: DataTableNode = { kind: NodeKind.DataTableNode, source, diff --git a/frontend/src/scenes/trends/viz/ActionsLineGraph.tsx b/frontend/src/scenes/trends/viz/ActionsLineGraph.tsx index 42d31f40ea631..a80f2cdd279b1 100644 --- a/frontend/src/scenes/trends/viz/ActionsLineGraph.tsx +++ b/frontend/src/scenes/trends/viz/ActionsLineGraph.tsx @@ -119,7 +119,7 @@ export function ActionsLineGraph({ openPersonsModal({ title, query: { - kind: NodeKind.InsightPersonsQuery, + kind: NodeKind.InsightActorsQuery, source: query.source, day, status: dataset.status, diff --git a/posthog/api/cohort.py b/posthog/api/cohort.py index 68f2809f6a484..713bb733de220 100644 --- a/posthog/api/cohort.py +++ b/posthog/api/cohort.py @@ -79,7 +79,7 @@ from posthog.queries.trends.trends_actors import TrendsActors from posthog.queries.trends.lifecycle_actors import LifecycleActors from posthog.queries.util import get_earliest_timestamp -from posthog.schema import PersonsQuery +from posthog.schema import ActorsQuery from posthog.tasks.calculate_cohort import ( calculate_cohort_from_list, insert_cohort_from_feature_flag, @@ -180,9 +180,9 @@ def validate_query(self, query: Optional[Dict]) -> Optional[Dict]: return None if not isinstance(query, dict): raise ValidationError("Query must be a dictionary.") - if query.get("kind") != "PersonsQuery": - raise ValidationError(f"Query must be a PersonsQuery. Got: {query.get('kind')}") - PersonsQuery.model_validate(query) + if query.get("kind") != "ActorsQuery": + raise ValidationError(f"Query must be a ActorsQuery. Got: {query.get('kind')}") + ActorsQuery.model_validate(query) return query def validate_filters(self, request_filters: Dict): diff --git a/posthog/api/services/query.py b/posthog/api/services/query.py index b5ca456ee985e..aaca464af51a7 100644 --- a/posthog/api/services/query.py +++ b/posthog/api/services/query.py @@ -30,7 +30,7 @@ QUERY_WITH_RUNNER_NO_CACHE = [ "HogQLQuery", "EventsQuery", - "PersonsQuery", + "ActorsQuery", "SessionsTimelineQuery", ] diff --git a/posthog/api/test/__snapshots__/test_insight.ambr b/posthog/api/test/__snapshots__/test_insight.ambr index 3fe43694ef8c1..6c6c7ca4b888a 100644 --- a/posthog/api/test/__snapshots__/test_insight.ambr +++ b/posthog/api/test/__snapshots__/test_insight.ambr @@ -25,7 +25,7 @@ AND (and(ifNull(less(toInt64OrNull(replaceRegexpAll(nullIf(nullIf(JSONExtractRaw(properties, 'int_value'), ''), 'null'), '^"|"$', '')), 10), 0), 1)) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -258,7 +258,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2012-01-15 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -319,7 +319,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2012-01-15 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- diff --git a/posthog/api/test/test_cohort.py b/posthog/api/test/test_cohort.py index f9e03897b599f..33128b639d03f 100644 --- a/posthog/api/test/test_cohort.py +++ b/posthog/api/test/test_cohort.py @@ -725,7 +725,7 @@ def test_creating_update_and_calculating_with_new_cohort_query(self, patch_captu "name": "cohort A", "is_static": True, "query": { - "kind": "PersonsQuery", + "kind": "ActorsQuery", "properties": [ { "key": "$some_prop", @@ -755,7 +755,7 @@ def test_creating_update_and_calculating_with_new_cohort_query_dynamic_error(sel data={ "name": "cohort A", "query": { - "kind": "PersonsQuery", + "kind": "ActorsQuery", "properties": [ { "key": "$some_prop", diff --git a/posthog/hogql/test/_test_parser.py b/posthog/hogql/test/_test_parser.py index 16d4654397088..1071f10aa8a0f 100644 --- a/posthog/hogql/test/_test_parser.py +++ b/posthog/hogql/test/_test_parser.py @@ -1561,7 +1561,7 @@ def test_visit_hogqlx_tag_alias(self): def test_visit_hogqlx_tag_source(self): query = """ select id, email from ( - @@ -1572,7 +1572,7 @@ def test_visit_hogqlx_tag_source(self): node = self._select(query) table_node = cast(ast.SelectQuery, node).select_from.table assert table_node == ast.HogQLXTag( - kind="PersonsQuery", + kind="ActorsQuery", attributes=[ ast.HogQLXAttribute( name="select", diff --git a/posthog/hogql/test/test_resolver.py b/posthog/hogql/test/test_resolver.py index 266a8cdeb65cc..1a7b2f6b7f99a 100644 --- a/posthog/hogql/test/test_resolver.py +++ b/posthog/hogql/test/test_resolver.py @@ -338,7 +338,7 @@ def test_visit_hogqlx_tag_alias(self): def test_visit_hogqlx_tag_source(self): query = """ select id, email from ( - diff --git a/posthog/hogql_queries/actor_strategies.py b/posthog/hogql_queries/actor_strategies.py index 466b52ff18d79..747c7e15da362 100644 --- a/posthog/hogql_queries/actor_strategies.py +++ b/posthog/hogql_queries/actor_strategies.py @@ -6,7 +6,7 @@ from posthog.hogql.property import property_to_expr from posthog.hogql_queries.insights.paginators import HogQLHasMorePaginator from posthog.models import Team, Person, Group -from posthog.schema import PersonsQuery +from posthog.schema import ActorsQuery class ActorStrategy: @@ -14,7 +14,7 @@ class ActorStrategy: origin: str origin_id: str - def __init__(self, team: Team, query: PersonsQuery, paginator: HogQLHasMorePaginator): + def __init__(self, team: Team, query: ActorsQuery, paginator: HogQLHasMorePaginator): self.team = team self.paginator = paginator self.query = query diff --git a/posthog/hogql_queries/persons_query_runner.py b/posthog/hogql_queries/actors_query_runner.py similarity index 93% rename from posthog/hogql_queries/persons_query_runner.py rename to posthog/hogql_queries/actors_query_runner.py index 2b97a21811f65..b0fd3b96c1ae3 100644 --- a/posthog/hogql_queries/persons_query_runner.py +++ b/posthog/hogql_queries/actors_query_runner.py @@ -4,15 +4,15 @@ from posthog.hogql.parser import parse_expr, parse_order_expr from posthog.hogql.property import has_aggregation from posthog.hogql_queries.actor_strategies import ActorStrategy, PersonStrategy, GroupStrategy -from posthog.hogql_queries.insights.insight_persons_query_runner import InsightPersonsQueryRunner +from posthog.hogql_queries.insights.insight_actors_query_runner import InsightActorsQueryRunner from posthog.hogql_queries.insights.paginators import HogQLHasMorePaginator from posthog.hogql_queries.query_runner import QueryRunner, get_query_runner -from posthog.schema import PersonsQuery, PersonsQueryResponse +from posthog.schema import ActorsQuery, ActorsQueryResponse -class PersonsQueryRunner(QueryRunner): - query: PersonsQuery - query_type = PersonsQuery +class ActorsQueryRunner(QueryRunner): + query: ActorsQuery + query_type = ActorsQuery def __init__(self, *args, **kwargs): super().__init__(*args, **kwargs) @@ -28,7 +28,7 @@ def __init__(self, *args, **kwargs): @property def group_type_index(self) -> int | None: - if not self.source_query_runner or not isinstance(self.source_query_runner, InsightPersonsQueryRunner): + if not self.source_query_runner or not isinstance(self.source_query_runner, InsightActorsQueryRunner): return None return self.source_query_runner.group_type_index @@ -46,9 +46,9 @@ def enrich_with_actors(self, results, actor_column_index, actors_lookup) -> Gene new_row[actor_column_index] = actor if actor else {"id": actor_id} yield new_row - def calculate(self) -> PersonsQueryResponse: + def calculate(self) -> ActorsQueryResponse: response = self.paginator.execute_hogql_query( - query_type="PersonsQuery", + query_type="ActorsQuery", query=self.to_query(), team=self.team, timings=self.timings, @@ -65,7 +65,7 @@ def calculate(self) -> PersonsQueryResponse: missing_actors_count = len(self.paginator.results) - len(actors_lookup) results = self.enrich_with_actors(results, input_columns.index(column_name), actors_lookup) - return PersonsQueryResponse( + return ActorsQueryResponse( results=results, timings=response.timings, types=[t for _, t in response.types] if response.types else None, @@ -90,7 +90,7 @@ def source_id_column(self, source_query: ast.SelectQuery) -> List[str]: def source_table_join(self) -> ast.JoinExpr: assert self.source_query_runner is not None # For type checking - source_query = self.source_query_runner.to_persons_query() + source_query = self.source_query_runner.to_actors_query() source_id_chain = self.source_id_column(source_query) source_alias = "source" @@ -182,7 +182,7 @@ def to_query(self) -> ast.SelectQuery: return stmt - def to_persons_query(self) -> ast.SelectQuery: + def to_actors_query(self) -> ast.SelectQuery: return self.to_query() def _is_stale(self, cached_result_package): diff --git a/posthog/hogql_queries/hogql_query_runner.py b/posthog/hogql_queries/hogql_query_runner.py index 1a6bcc89c730c..853022c266aa0 100644 --- a/posthog/hogql_queries/hogql_query_runner.py +++ b/posthog/hogql_queries/hogql_query_runner.py @@ -37,7 +37,7 @@ def to_query(self) -> ast.SelectQuery: parsed_select = replace_filters(parsed_select, self.query.filters, self.team) return parsed_select - def to_persons_query(self) -> ast.SelectQuery: + def to_actors_query(self) -> ast.SelectQuery: return self.to_query() def calculate(self) -> HogQLQueryResponse: diff --git a/posthog/hogql_queries/insights/insight_persons_query_runner.py b/posthog/hogql_queries/insights/insight_actors_query_runner.py similarity index 79% rename from posthog/hogql_queries/insights/insight_persons_query_runner.py rename to posthog/hogql_queries/insights/insight_actors_query_runner.py index de14b029cc1ac..4a5c437824d7e 100644 --- a/posthog/hogql_queries/insights/insight_persons_query_runner.py +++ b/posthog/hogql_queries/insights/insight_actors_query_runner.py @@ -8,12 +8,12 @@ from posthog.hogql_queries.insights.trends.trends_query_runner import TrendsQueryRunner from posthog.hogql_queries.query_runner import QueryRunner, get_query_runner from posthog.models.filters.mixins.utils import cached_property -from posthog.schema import InsightPersonsQuery, HogQLQueryResponse +from posthog.schema import InsightActorsQuery, HogQLQueryResponse -class InsightPersonsQueryRunner(QueryRunner): - query: InsightPersonsQuery - query_type = InsightPersonsQuery +class InsightActorsQueryRunner(QueryRunner): + query: InsightActorsQuery + query_type = InsightActorsQuery @cached_property def source_runner(self) -> QueryRunner: @@ -24,17 +24,17 @@ def to_query(self) -> ast.SelectQuery | ast.SelectUnionQuery: lifecycle_runner = cast(LifecycleQueryRunner, self.source_runner) day = self.query.day status = self.query.status - return lifecycle_runner.to_persons_query(day=day, status=status) + return lifecycle_runner.to_actors_query(day=day, status=status) elif isinstance(self.source_runner, TrendsQueryRunner): trends_runner = cast(TrendsQueryRunner, self.source_runner) - return trends_runner.to_persons_query() + return trends_runner.to_actors_query() elif isinstance(self.source_runner, RetentionQueryRunner): retention_runner = cast(RetentionQueryRunner, self.source_runner) - return retention_runner.to_persons_query(interval=self.query.interval) + return retention_runner.to_actors_query(interval=self.query.interval) raise ValueError(f"Cannot convert source query of type {self.query.source.kind} to persons query") - def to_persons_query(self) -> ast.SelectQuery | ast.SelectUnionQuery: + def to_actors_query(self) -> ast.SelectQuery | ast.SelectUnionQuery: return self.to_query() @property @@ -46,7 +46,7 @@ def group_type_index(self) -> int | None: def calculate(self) -> HogQLQueryResponse: return execute_hogql_query( - query_type="InsightPersonsQuery", + query_type="InsightActorsQuery", query=self.to_query(), team=self.team, timings=self.timings, diff --git a/posthog/hogql_queries/insights/lifecycle_query_runner.py b/posthog/hogql_queries/insights/lifecycle_query_runner.py index 92cf4e23704cb..2657b1cebc6a6 100644 --- a/posthog/hogql_queries/insights/lifecycle_query_runner.py +++ b/posthog/hogql_queries/insights/lifecycle_query_runner.py @@ -90,7 +90,7 @@ def to_query(self) -> ast.SelectQuery | ast.SelectUnionQuery: ) return lifecycle_query - def to_persons_query( + def to_actors_query( self, day: Optional[str] = None, status: Optional[str] = None ) -> ast.SelectQuery | ast.SelectUnionQuery: with self.timings.measure("persons_query"): diff --git a/posthog/hogql_queries/insights/retention_query_runner.py b/posthog/hogql_queries/insights/retention_query_runner.py index 1920d70ee3d5e..0a2c7abb117c4 100644 --- a/posthog/hogql_queries/insights/retention_query_runner.py +++ b/posthog/hogql_queries/insights/retention_query_runner.py @@ -329,7 +329,7 @@ def calculate(self) -> RetentionQueryResponse: return RetentionQueryResponse(results=results, timings=response.timings, hogql=hogql) - def to_persons_query(self, interval: Optional[int] = None) -> ast.SelectQuery: + def to_actors_query(self, interval: Optional[int] = None) -> ast.SelectQuery: with self.timings.measure("retention_query"): retention_query = parse_select( """ diff --git a/posthog/hogql_queries/insights/test/test_insight_persons_query_runner.py b/posthog/hogql_queries/insights/test/test_insight_actors_query_runner.py similarity index 85% rename from posthog/hogql_queries/insights/test/test_insight_persons_query_runner.py rename to posthog/hogql_queries/insights/test/test_insight_actors_query_runner.py index 61afd1c3eae30..933c8fdf85114 100644 --- a/posthog/hogql_queries/insights/test/test_insight_persons_query_runner.py +++ b/posthog/hogql_queries/insights/test/test_insight_actors_query_runner.py @@ -13,7 +13,7 @@ ) -class TestInsightPersonsQueryRunner(ClickhouseTestMixin, APIBaseTest): +class TestInsightActorsQueryRunner(ClickhouseTestMixin, APIBaseTest): maxDiff = None def _create_events(self, data, event="$pageview"): @@ -72,14 +72,14 @@ def test_insight_persons_lifecycle_query(self): response = self.select( """ select * from ( - - + + } series={[]} /> - - + + ) """, {"date_from": ast.Constant(value=date_from), "date_to": ast.Constant(value=date_to)}, @@ -99,15 +99,15 @@ def test_insight_persons_lifecycle_query_week_monday(self): response = self.select( """ select * from ( - - + + } series={[]} /> - - + + ) """, {"date_from": ast.Constant(value=date_from), "date_to": ast.Constant(value=date_to)}, @@ -127,15 +127,15 @@ def test_insight_persons_lifecycle_query_week_sunday(self): response = self.select( """ select * from ( - - + + } series={[]} /> - - + + ) """, {"date_from": ast.Constant(value=date_from), "date_to": ast.Constant(value=date_to)}, diff --git a/posthog/hogql_queries/insights/test/test_paginators.py b/posthog/hogql_queries/insights/test/test_paginators.py index 7954f35daf7f2..ac83efb45b353 100644 --- a/posthog/hogql_queries/insights/test/test_paginators.py +++ b/posthog/hogql_queries/insights/test/test_paginators.py @@ -6,10 +6,10 @@ ) from posthog.hogql.parser import parse_select from posthog.hogql_queries.insights.paginators import HogQLHasMorePaginator -from posthog.hogql_queries.persons_query_runner import PersonsQueryRunner +from posthog.hogql_queries.actors_query_runner import ActorsQueryRunner from posthog.models.utils import UUIDT from posthog.schema import ( - PersonsQuery, + ActorsQuery, PersonPropertyFilter, PropertyOperator, ) @@ -49,8 +49,8 @@ def _create_random_persons(self) -> str: flush_persons_and_events() return random_uuid - def _create_runner(self, query: PersonsQuery) -> PersonsQueryRunner: - return PersonsQueryRunner(team=self.team, query=query) + def _create_runner(self, query: ActorsQuery) -> ActorsQueryRunner: + return ActorsQueryRunner(team=self.team, query=query) def setUp(self): super().setUp() @@ -58,14 +58,14 @@ def setUp(self): def test_persons_query_limit(self): runner = self._create_runner( - PersonsQuery(select=["properties.email"], orderBy=["properties.email DESC"], limit=1) + ActorsQuery(select=["properties.email"], orderBy=["properties.email DESC"], limit=1) ) response = runner.calculate() self.assertEqual(response.results, [[f"jacob9@{self.random_uuid}.posthog.com"]]) self.assertEqual(response.hasMore, True) runner = self._create_runner( - PersonsQuery( + ActorsQuery( select=["properties.email"], orderBy=["properties.email DESC"], limit=1, @@ -78,7 +78,7 @@ def test_persons_query_limit(self): def test_zero_limit(self): """Test behavior with limit set to zero.""" - runner = self._create_runner(PersonsQuery(select=["properties.email"], limit=0)) + runner = self._create_runner(ActorsQuery(select=["properties.email"], limit=0)) response = runner.calculate() self.assertEqual(runner.paginator.limit, 100) self.assertEqual(response.limit, 100) @@ -87,7 +87,7 @@ def test_zero_limit(self): def test_negative_limit(self): """Test behavior with negative limit value.""" - runner = self._create_runner(PersonsQuery(select=["properties.email"], limit=-1)) + runner = self._create_runner(ActorsQuery(select=["properties.email"], limit=-1)) response = runner.calculate() self.assertEqual(runner.paginator.limit, 100) self.assertEqual(response.limit, 100) @@ -96,7 +96,7 @@ def test_negative_limit(self): def test_exact_limit_match(self): """Test when available items equal the limit.""" - runner = self._create_runner(PersonsQuery(select=["properties.email"], limit=10)) + runner = self._create_runner(ActorsQuery(select=["properties.email"], limit=10)) response = runner.calculate() self.assertEqual(len(response.results), 10) self.assertFalse(response.hasMore) @@ -104,7 +104,7 @@ def test_exact_limit_match(self): def test_empty_result_set(self): """Test behavior when query returns no results.""" runner = self._create_runner( - PersonsQuery( + ActorsQuery( select=["properties.email"], limit=10, properties=[ @@ -119,14 +119,14 @@ def test_empty_result_set(self): def test_large_offset(self): """Test behavior with offset larger than the total number of items.""" self.random_uuid = self._create_random_persons() - runner = self._create_runner(PersonsQuery(select=["properties.email"], limit=5, offset=100)) + runner = self._create_runner(ActorsQuery(select=["properties.email"], limit=5, offset=100)) response = runner.calculate() self.assertEqual(len(response.results), 0) self.assertFalse(response.hasMore) def test_offset_plus_limit_exceeding_total(self): """Test when sum of offset and limit exceeds total items.""" - runner = self._create_runner(PersonsQuery(select=["properties.email"], limit=10, offset=5)) + runner = self._create_runner(ActorsQuery(select=["properties.email"], limit=10, offset=5)) response = runner.calculate() self.assertEqual(runner.paginator.offset, 5) self.assertEqual(len(response.results), 5) diff --git a/posthog/hogql_queries/insights/test/test_retention_query_runner.py b/posthog/hogql_queries/insights/test/test_retention_query_runner.py index eacf27a5021bf..999c93f57e71e 100644 --- a/posthog/hogql_queries/insights/test/test_retention_query_runner.py +++ b/posthog/hogql_queries/insights/test/test_retention_query_runner.py @@ -11,7 +11,7 @@ TREND_FILTER_TYPE_EVENTS, ) from posthog.hogql_queries.insights.retention_query_runner import RetentionQueryRunner -from posthog.hogql_queries.persons_query_runner import PersonsQueryRunner +from posthog.hogql_queries.actors_query_runner import ActorsQueryRunner from posthog.models import Action, ActionStep from posthog.test.base import ( APIBaseTest, @@ -74,13 +74,13 @@ def run_actors_query(self, interval, query): query["kind"] = "RetentionQuery" if not query.get("retentionFilter"): query["retentionFilter"] = {} - runner = PersonsQueryRunner( + runner = ActorsQueryRunner( team=self.team, query={ "select": ["person", "appearances"], "orderBy": ["length(appearances) DESC", "actor_id"], "source": { - "kind": "InsightPersonsQuery", + "kind": "InsightActorsQuery", "interval": interval, "source": query, }, diff --git a/posthog/hogql_queries/insights/trends/trends_query_runner.py b/posthog/hogql_queries/insights/trends/trends_query_runner.py index 25ca4a8870457..a2fd1b49bd0fc 100644 --- a/posthog/hogql_queries/insights/trends/trends_query_runner.py +++ b/posthog/hogql_queries/insights/trends/trends_query_runner.py @@ -98,7 +98,7 @@ def to_query(self) -> List[ast.SelectQuery]: return queries - def to_persons_query(self) -> ast.SelectQuery | ast.SelectUnionQuery: + def to_actors_query(self) -> ast.SelectQuery | ast.SelectUnionQuery: queries = [] with self.timings.measure("trends_persons_query"): for series in self.series: diff --git a/posthog/hogql_queries/query_runner.py b/posthog/hogql_queries/query_runner.py index afe2b0aa84544..6dbb93b661fef 100644 --- a/posthog/hogql_queries/query_runner.py +++ b/posthog/hogql_queries/query_runner.py @@ -23,11 +23,11 @@ LifecycleQuery, WebTopClicksQuery, WebOverviewQuery, - PersonsQuery, + ActorsQuery, EventsQuery, WebStatsTableQuery, HogQLQuery, - InsightPersonsQuery, + InsightActorsQuery, DashboardFilter, HogQLQueryModifiers, RetentionQuery, @@ -78,9 +78,9 @@ class CachedQueryResponse(QueryResponse): HogQLQuery, TrendsQuery, LifecycleQuery, - InsightPersonsQuery, + InsightActorsQuery, EventsQuery, - PersonsQuery, + ActorsQuery, RetentionQuery, SessionsTimelineQuery, WebOverviewQuery, @@ -144,21 +144,21 @@ def get_query_runner( limit_context=limit_context, modifiers=modifiers, ) - if kind == "PersonsQuery": - from .persons_query_runner import PersonsQueryRunner + if kind == "ActorsQuery": + from .actors_query_runner import ActorsQueryRunner - return PersonsQueryRunner( - query=cast(PersonsQuery | Dict[str, Any], query), + return ActorsQueryRunner( + query=cast(ActorsQuery | Dict[str, Any], query), team=team, timings=timings, limit_context=limit_context, modifiers=modifiers, ) - if kind == "InsightPersonsQuery": - from .insights.insight_persons_query_runner import InsightPersonsQueryRunner + if kind == "InsightActorsQuery": + from .insights.insight_actors_query_runner import InsightActorsQueryRunner - return InsightPersonsQueryRunner( - query=cast(InsightPersonsQuery | Dict[str, Any], query), + return InsightActorsQueryRunner( + query=cast(InsightActorsQuery | Dict[str, Any], query), team=team, timings=timings, limit_context=limit_context, @@ -263,7 +263,7 @@ def run(self, refresh_requested: Optional[bool] = None) -> CachedQueryResponse: def to_query(self) -> ast.SelectQuery: raise NotImplementedError() - def to_persons_query(self) -> ast.SelectQuery | ast.SelectUnionQuery: + def to_actors_query(self) -> ast.SelectQuery | ast.SelectUnionQuery: # TODO: add support for selecting and filtering by breakdowns raise NotImplementedError() diff --git a/posthog/hogql_queries/sessions_timeline_query_runner.py b/posthog/hogql_queries/sessions_timeline_query_runner.py index 54f024900ff06..d920ec7cf94fd 100644 --- a/posthog/hogql_queries/sessions_timeline_query_runner.py +++ b/posthog/hogql_queries/sessions_timeline_query_runner.py @@ -122,7 +122,7 @@ def to_query(self) -> ast.SelectQuery: ) return cast(ast.SelectQuery, select_query) - def to_persons_query(self): + def to_actors_query(self): return parse_select( """SELECT DISTINCT person_id FROM {events_subquery}""", {"events_subquery": self._get_events_subquery()} ) diff --git a/posthog/hogql_queries/test/test_persons_query_runner.py b/posthog/hogql_queries/test/test_actors_query_runner.py similarity index 83% rename from posthog/hogql_queries/test/test_persons_query_runner.py rename to posthog/hogql_queries/test/test_actors_query_runner.py index e25bf67166b81..da9ea4ff35382 100644 --- a/posthog/hogql_queries/test/test_persons_query_runner.py +++ b/posthog/hogql_queries/test/test_actors_query_runner.py @@ -1,9 +1,9 @@ from posthog.hogql import ast from posthog.hogql.visitor import clear_locations -from posthog.hogql_queries.persons_query_runner import PersonsQueryRunner +from posthog.hogql_queries.actors_query_runner import ActorsQueryRunner from posthog.models.utils import UUIDT from posthog.schema import ( - PersonsQuery, + ActorsQuery, PersonPropertyFilter, HogQLPropertyFilter, PropertyOperator, @@ -12,7 +12,7 @@ DateRange, EventsNode, IntervalType, - InsightPersonsQuery, + InsightActorsQuery, ) from posthog.test.base import ( APIBaseTest, @@ -25,7 +25,7 @@ from django.test import override_settings -class TestPersonsQueryRunner(ClickhouseTestMixin, APIBaseTest): +class TestActorsQueryRunner(ClickhouseTestMixin, APIBaseTest): maxDiff = None random_uuid: str @@ -52,15 +52,15 @@ def _create_random_persons(self) -> str: flush_persons_and_events() return random_uuid - def _create_runner(self, query: PersonsQuery) -> PersonsQueryRunner: - return PersonsQueryRunner(team=self.team, query=query) + def _create_runner(self, query: ActorsQuery) -> ActorsQueryRunner: + return ActorsQueryRunner(team=self.team, query=query) def setUp(self): super().setUp() def test_default_persons_query(self): self.random_uuid = self._create_random_persons() - runner = self._create_runner(PersonsQuery()) + runner = self._create_runner(ActorsQuery()) query = runner.to_query() query = clear_locations(query) @@ -86,7 +86,7 @@ def test_default_persons_query(self): def test_persons_query_properties(self): self.random_uuid = self._create_random_persons() runner = self._create_runner( - PersonsQuery( + ActorsQuery( properties=[ PersonPropertyFilter( key="random_uuid", @@ -102,7 +102,7 @@ def test_persons_query_properties(self): def test_persons_query_fixed_properties(self): self.random_uuid = self._create_random_persons() runner = self._create_runner( - PersonsQuery( + ActorsQuery( fixedProperties=[ PersonPropertyFilter( key="random_uuid", @@ -118,55 +118,55 @@ def test_persons_query_fixed_properties(self): def test_persons_query_search_email(self): self.random_uuid = self._create_random_persons() self._create_random_persons() - runner = self._create_runner(PersonsQuery(search=f"jacob4@{self.random_uuid}.posthog")) + runner = self._create_runner(ActorsQuery(search=f"jacob4@{self.random_uuid}.posthog")) self.assertEqual(len(runner.calculate().results), 1) - runner = self._create_runner(PersonsQuery(search=f"JACOB4@{self.random_uuid}.posthog")) + runner = self._create_runner(ActorsQuery(search=f"JACOB4@{self.random_uuid}.posthog")) self.assertEqual(len(runner.calculate().results), 1) def test_persons_query_search_name(self): self.random_uuid = self._create_random_persons() - runner = self._create_runner(PersonsQuery(search=f"Mr Jacob {self.random_uuid}")) + runner = self._create_runner(ActorsQuery(search=f"Mr Jacob {self.random_uuid}")) self.assertEqual(len(runner.calculate().results), 10) - runner = self._create_runner(PersonsQuery(search=f"MR JACOB {self.random_uuid}")) + runner = self._create_runner(ActorsQuery(search=f"MR JACOB {self.random_uuid}")) self.assertEqual(len(runner.calculate().results), 10) def test_persons_query_search_distinct_id(self): self.random_uuid = self._create_random_persons() - runner = self._create_runner(PersonsQuery(search=f"id-{self.random_uuid}-9")) + runner = self._create_runner(ActorsQuery(search=f"id-{self.random_uuid}-9")) self.assertEqual(len(runner.calculate().results), 1) - runner = self._create_runner(PersonsQuery(search=f"id-{self.random_uuid}-9")) + runner = self._create_runner(ActorsQuery(search=f"id-{self.random_uuid}-9")) self.assertEqual(len(runner.calculate().results), 1) def test_persons_query_aggregation_select_having(self): self.random_uuid = self._create_random_persons() - runner = self._create_runner(PersonsQuery(select=["properties.name", "count()"])) + runner = self._create_runner(ActorsQuery(select=["properties.name", "count()"])) results = runner.calculate().results self.assertEqual(results, [[f"Mr Jacob {self.random_uuid}", 10]]) def test_persons_query_order_by(self): self.random_uuid = self._create_random_persons() - runner = self._create_runner(PersonsQuery(select=["properties.email"], orderBy=["properties.email DESC"])) + runner = self._create_runner(ActorsQuery(select=["properties.email"], orderBy=["properties.email DESC"])) results = runner.calculate().results self.assertEqual(results[0], [f"jacob9@{self.random_uuid}.posthog.com"]) def test_persons_query_order_by_with_aliases(self): # We use the first column by default as an order key. It used to cause "error redefining alias" errors. self.random_uuid = self._create_random_persons() - runner = self._create_runner(PersonsQuery(select=["properties.email as email"])) + runner = self._create_runner(ActorsQuery(select=["properties.email as email"])) results = runner.calculate().results self.assertEqual(results[0], [f"jacob0@{self.random_uuid}.posthog.com"]) def test_persons_query_limit(self): self.random_uuid = self._create_random_persons() runner = self._create_runner( - PersonsQuery(select=["properties.email"], orderBy=["properties.email DESC"], limit=1) + ActorsQuery(select=["properties.email"], orderBy=["properties.email DESC"], limit=1) ) response = runner.calculate() self.assertEqual(response.results, [[f"jacob9@{self.random_uuid}.posthog.com"]]) self.assertEqual(response.hasMore, True) runner = self._create_runner( - PersonsQuery( + ActorsQuery( select=["properties.email"], orderBy=["properties.email DESC"], limit=1, @@ -181,7 +181,7 @@ def test_persons_query_limit(self): def test_source_hogql_query_poe_on(self): self.random_uuid = self._create_random_persons() source_query = HogQLQuery(query="SELECT distinct person_id FROM events WHERE event='clicky-4'") - query = PersonsQuery( + query = ActorsQuery( select=["properties.email"], orderBy=["properties.email DESC"], source=source_query, @@ -194,7 +194,7 @@ def test_source_hogql_query_poe_on(self): def test_source_hogql_query_poe_off(self): self.random_uuid = self._create_random_persons() source_query = HogQLQuery(query="SELECT distinct person_id FROM events WHERE event='clicky-4'") - query = PersonsQuery( + query = ActorsQuery( select=["properties.email"], orderBy=["properties.email DESC"], source=source_query, @@ -219,10 +219,10 @@ def test_source_lifecycle_query(self): interval=IntervalType.day, dateRange=DateRange(date_from="-7d"), ) - query = PersonsQuery( + query = ActorsQuery( select=["properties.email"], orderBy=["properties.email DESC"], - source=InsightPersonsQuery(source=source_query), + source=InsightActorsQuery(source=source_query), ) runner = self._create_runner(query) response = runner.calculate() diff --git a/posthog/queries/breakdown_props.py b/posthog/queries/breakdown_props.py index fb9132e83398c..059e1998f673e 100644 --- a/posthog/queries/breakdown_props.py +++ b/posthog/queries/breakdown_props.py @@ -50,7 +50,7 @@ def get_breakdown_prop_values( column_optimizer: Optional[ColumnOptimizer] = None, person_properties_mode: PersonPropertiesMode = PersonPropertiesMode.USING_PERSON_PROPERTIES_COLUMN, use_all_funnel_entities: bool = False, -): +) -> Tuple[List[Any], bool]: """ Returns the top N breakdown prop values for event/person breakdown @@ -216,7 +216,7 @@ def get_breakdown_prop_values( elements_query, { "key": filter.breakdown, - "limit": filter.breakdown_limit_or_default, + "limit": filter.breakdown_limit_or_default + 1, "team_id": team.pk, "offset": filter.offset, "timezone": team.timezone, @@ -236,9 +236,11 @@ def get_breakdown_prop_values( ) if filter.using_histogram: - return response[0][0] + return response[0][0], False else: - return [row[0] for row in response] + return [row[0] for row in response[0 : filter.breakdown_limit_or_default]], len( + response + ) > filter.breakdown_limit_or_default def _to_value_expression( diff --git a/posthog/queries/funnels/base.py b/posthog/queries/funnels/base.py index 8ac25880932a7..482e821fd5d11 100644 --- a/posthog/queries/funnels/base.py +++ b/posthog/queries/funnels/base.py @@ -834,7 +834,7 @@ def _get_cohort_breakdown_join(self) -> str: ON events.distinct_id = cohort_join.distinct_id """ - def _get_breakdown_conditions(self) -> Optional[str]: + def _get_breakdown_conditions(self) -> Optional[List[str]]: """ For people, pagination sets the offset param, which is common across filters and gives us the wrong breakdown values here, so we override it. @@ -862,7 +862,7 @@ def _get_breakdown_conditions(self) -> Optional[str]: ): target_entity = self._filter.entities[self._filter.breakdown_attribution_value] - return get_breakdown_prop_values( + values, has_more_values = get_breakdown_prop_values( self._filter, target_entity, "count(*)", @@ -871,6 +871,7 @@ def _get_breakdown_conditions(self) -> Optional[str]: use_all_funnel_entities=use_all_funnel_entities, person_properties_mode=get_person_properties_mode(self._team), ) + return values return None diff --git a/posthog/queries/funnels/test/__snapshots__/test_breakdowns_by_current_url.ambr b/posthog/queries/funnels/test/__snapshots__/test_breakdowns_by_current_url.ambr index d9a0d18dd64b9..66bd37c947545 100644 --- a/posthog/queries/funnels/test/__snapshots__/test_breakdowns_by_current_url.ambr +++ b/posthog/queries/funnels/test/__snapshots__/test_breakdowns_by_current_url.ambr @@ -12,7 +12,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 100 + LIMIT 101 OFFSET 0 ' --- @@ -104,7 +104,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 100 + LIMIT 101 OFFSET 0 ' --- diff --git a/posthog/queries/funnels/test/__snapshots__/test_funnel.ambr b/posthog/queries/funnels/test/__snapshots__/test_funnel.ambr index c8a3edd3a92a7..e3d0070518f96 100644 --- a/posthog/queries/funnels/test/__snapshots__/test_funnel.ambr +++ b/posthog/queries/funnels/test/__snapshots__/test_funnel.ambr @@ -1021,7 +1021,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1111,7 +1111,7 @@ AND (has(['xyz'], replaceRegexpAll(JSONExtractRaw(e.properties, '$version'), '^"|"$', ''))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1204,7 +1204,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- diff --git a/posthog/queries/funnels/test/__snapshots__/test_funnel_strict.ambr b/posthog/queries/funnels/test/__snapshots__/test_funnel_strict.ambr index a7f8077138aee..07f673351ac22 100644 --- a/posthog/queries/funnels/test/__snapshots__/test_funnel_strict.ambr +++ b/posthog/queries/funnels/test/__snapshots__/test_funnel_strict.ambr @@ -10,7 +10,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -97,7 +97,7 @@ AND (has(['xyz'], replaceRegexpAll(JSONExtractRaw(e.properties, '$version'), '^"|"$', ''))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -187,7 +187,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- diff --git a/posthog/queries/funnels/test/__snapshots__/test_funnel_unordered.ambr b/posthog/queries/funnels/test/__snapshots__/test_funnel_unordered.ambr index d25d5423a41a7..e95f1b894c71b 100644 --- a/posthog/queries/funnels/test/__snapshots__/test_funnel_unordered.ambr +++ b/posthog/queries/funnels/test/__snapshots__/test_funnel_unordered.ambr @@ -10,7 +10,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -26,7 +26,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -159,7 +159,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -175,7 +175,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -316,7 +316,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -332,7 +332,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-08 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- diff --git a/posthog/queries/test/__snapshots__/test_trends.ambr b/posthog/queries/test/__snapshots__/test_trends.ambr index 90570288abc8b..121fd084fb97a 100644 --- a/posthog/queries/test/__snapshots__/test_trends.ambr +++ b/posthog/queries/test/__snapshots__/test_trends.ambr @@ -169,7 +169,7 @@ AND notEmpty(e.person_id) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -279,7 +279,7 @@ AND notEmpty(e.person_id) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -353,7 +353,7 @@ AND (has(['Mac'], replaceRegexpAll(JSONExtractRaw(e.properties, '$os'), '^"|"$', '')))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -420,7 +420,7 @@ AND (has(['Mac'], replaceRegexpAll(JSONExtractRaw(e.properties, '$os'), '^"|"$', '')))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -451,7 +451,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-11 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -497,7 +497,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-11 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -563,7 +563,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -682,7 +682,7 @@ AND (has(['finance'], replaceRegexpAll(JSONExtractRaw(group_properties_0, 'industry'), '^"|"$', ''))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -780,7 +780,7 @@ AND notEmpty(e.person_id) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -857,7 +857,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -925,7 +925,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1244,7 +1244,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1356,7 +1356,7 @@ AND notEmpty(e.person_id) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1494,7 +1494,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -1593,7 +1593,7 @@ AND notEmpty(e.person_id) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -2257,7 +2257,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-05 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -2459,7 +2459,7 @@ AND toTimeZone(timestamp, 'America/Phoenix') <= toDateTime('2020-01-05 23:59:59', 'America/Phoenix') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -2661,7 +2661,7 @@ AND toTimeZone(timestamp, 'Asia/Tokyo') <= toDateTime('2020-01-05 23:59:59', 'Asia/Tokyo') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -3297,7 +3297,7 @@ OR (has(['val'], replaceRegexpAll(JSONExtractRaw(e.properties, 'key'), '^"|"$', ''))))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -3407,7 +3407,7 @@ AND ((has(['val'], replaceRegexpAll(JSONExtractRaw(e.properties, 'key'), '^"|"$', '')))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -3578,7 +3578,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2019-12-31 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -3737,7 +3737,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2019-12-31 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -3850,7 +3850,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -3933,7 +3933,7 @@ AND notEmpty(e.person_id) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -4019,7 +4019,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -4076,7 +4076,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -4308,7 +4308,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-07 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -4516,7 +4516,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -4735,7 +4735,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -4826,7 +4826,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- diff --git a/posthog/queries/trends/breakdown.py b/posthog/queries/trends/breakdown.py index 8d454c8081179..85be3d35f4999 100644 --- a/posthog/queries/trends/breakdown.py +++ b/posthog/queries/trends/breakdown.py @@ -440,7 +440,7 @@ def _breakdown_cohort_params(self): return params, breakdown_filter, breakdown_filter_params, "value" def _breakdown_prop_params(self, aggregate_operation: str, math_params: Dict): - values_arr = get_breakdown_prop_values( + values_arr, has_more_values = get_breakdown_prop_values( self.filter, self.entity, aggregate_operation, @@ -490,7 +490,9 @@ def _breakdown_prop_params(self, aggregate_operation: str, math_params: Dict): return ( { - "values": values_arr, + "values": [*values_arr, breakdown_other_value] + if has_more_values and not self.filter.breakdown_hide_other_aggregation + else values_arr, "breakdown_other_value": breakdown_other_value, "breakdown_null_value": breakdown_null_value, }, diff --git a/posthog/queries/trends/test/__snapshots__/test_breakdowns.ambr b/posthog/queries/trends/test/__snapshots__/test_breakdowns.ambr index de25715bad65c..b8f635bc61459 100644 --- a/posthog/queries/trends/test/__snapshots__/test_breakdowns.ambr +++ b/posthog/queries/trends/test/__snapshots__/test_breakdowns.ambr @@ -152,7 +152,7 @@ AND (sessions.session_duration > 30.0) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -233,7 +233,7 @@ AND (NOT has(['https://test.com'], replaceRegexpAll(JSONExtractRaw(e.properties, '$current_url'), '^"|"$', ''))) GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -450,7 +450,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -666,7 +666,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 2 + LIMIT 3 OFFSET 0 ' --- @@ -693,13 +693,13 @@ CROSS JOIN (SELECT breakdown_value FROM - (SELECT [1, 2] as breakdown_value) ARRAY + (SELECT [9007199254740990, 19, 9007199254740991] as breakdown_value) ARRAY JOIN breakdown_value) as sec ORDER BY breakdown_value, day_start UNION ALL SELECT count(*) as total, toStartOfDay(toTimeZone(toDateTime(timestamp, 'UTC'), 'UTC')) as day_start, - transform(ifNull(length(replaceRegexpAll(nullIf(nullIf(JSONExtractRaw(properties, '$current_url'), ''), 'null'), '^"|"$', '')), 9007199254740990), ([9007199254740990, 19]), ([9007199254740990, 19]), 9007199254740991) as breakdown_value + transform(ifNull(length(replaceRegexpAll(nullIf(nullIf(JSONExtractRaw(properties, '$current_url'), ''), 'null'), '^"|"$', '')), 9007199254740990), ([9007199254740990, 19, 9007199254740991]), ([9007199254740990, 19, 9007199254740991]), 9007199254740991) as breakdown_value FROM events e WHERE e.team_id = 2 AND event = 'watched movie' @@ -727,7 +727,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 2 + LIMIT 3 OFFSET 0 ' --- @@ -789,7 +789,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 3 + LIMIT 4 OFFSET 0 ' --- @@ -851,7 +851,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 2 + LIMIT 3 OFFSET 0 ' --- @@ -878,13 +878,13 @@ CROSS JOIN (SELECT breakdown_value FROM - (SELECT ['$$_posthog_breakdown_null_$$', 'https://example.com'] as breakdown_value) ARRAY + (SELECT ['$$_posthog_breakdown_null_$$', 'https://example.com', '$$_posthog_breakdown_other_$$'] as breakdown_value) ARRAY JOIN breakdown_value) as sec ORDER BY breakdown_value, day_start UNION ALL SELECT count(*) as total, toStartOfDay(toTimeZone(toDateTime(timestamp, 'UTC'), 'UTC')) as day_start, - transform(ifNull(nullIf(replaceRegexpAll(nullIf(nullIf(JSONExtractRaw(properties, '$current_url'), ''), 'null'), '^"|"$', ''), ''), '$$_posthog_breakdown_null_$$'), (['$$_posthog_breakdown_null_$$', 'https://example.com']), (['$$_posthog_breakdown_null_$$', 'https://example.com']), '$$_posthog_breakdown_other_$$') as breakdown_value + transform(ifNull(nullIf(replaceRegexpAll(nullIf(nullIf(JSONExtractRaw(properties, '$current_url'), ''), 'null'), '^"|"$', ''), ''), '$$_posthog_breakdown_null_$$'), (['$$_posthog_breakdown_null_$$', 'https://example.com', '$$_posthog_breakdown_other_$$']), (['$$_posthog_breakdown_null_$$', 'https://example.com', '$$_posthog_breakdown_other_$$']), '$$_posthog_breakdown_other_$$') as breakdown_value FROM events e WHERE e.team_id = 2 AND event = 'watched movie' @@ -912,7 +912,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 2 + LIMIT 3 OFFSET 0 ' --- @@ -974,7 +974,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 3 + LIMIT 4 OFFSET 0 ' --- diff --git a/posthog/queries/trends/test/__snapshots__/test_breakdowns_by_current_url.ambr b/posthog/queries/trends/test/__snapshots__/test_breakdowns_by_current_url.ambr index d02c751ab3a4d..2562ad16d95a4 100644 --- a/posthog/queries/trends/test/__snapshots__/test_breakdowns_by_current_url.ambr +++ b/posthog/queries/trends/test/__snapshots__/test_breakdowns_by_current_url.ambr @@ -12,7 +12,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -77,7 +77,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-12 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- diff --git a/posthog/queries/trends/test/__snapshots__/test_formula.ambr b/posthog/queries/trends/test/__snapshots__/test_formula.ambr index a86eea7c97d85..d12a680c5d04f 100644 --- a/posthog/queries/trends/test/__snapshots__/test_formula.ambr +++ b/posthog/queries/trends/test/__snapshots__/test_formula.ambr @@ -30,7 +30,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -46,7 +46,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -152,7 +152,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -168,7 +168,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -371,7 +371,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -401,7 +401,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -535,7 +535,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- @@ -551,7 +551,7 @@ AND toTimeZone(timestamp, 'UTC') <= toDateTime('2020-01-04 23:59:59', 'UTC') GROUP BY value ORDER BY count DESC, value DESC - LIMIT 25 + LIMIT 26 OFFSET 0 ' --- diff --git a/posthog/queries/trends/test/test_breakdowns.py b/posthog/queries/trends/test/test_breakdowns.py index 313ef4f37b140..48ed9033c0458 100644 --- a/posthog/queries/trends/test/test_breakdowns.py +++ b/posthog/queries/trends/test/test_breakdowns.py @@ -507,7 +507,7 @@ def test_breakdown_numeric_hogql(self): [ (BREAKDOWN_NULL_NUMERIC_LABEL, 6.0, [1.0, 0.0, 1.0, 4.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]), (19, 2.0, [2.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]), - (BREAKDOWN_OTHER_NUMERIC_LABEL, 1.0, [1.0]), + (BREAKDOWN_OTHER_NUMERIC_LABEL, 1.0, [1.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]), ], ) @@ -559,7 +559,7 @@ def test_breakdown_string_hogql(self): [ (BREAKDOWN_NULL_STRING_LABEL, 6.0, [1.0, 0.0, 1.0, 4.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]), ("https://example.com", 2.0, [2.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]), - (BREAKDOWN_OTHER_STRING_LABEL, 1.0, [1.0]), + (BREAKDOWN_OTHER_STRING_LABEL, 1.0, [1.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]), ], ) diff --git a/posthog/schema.py b/posthog/schema.py index 4bdd25e88378d..98710a4c88369 100644 --- a/posthog/schema.py +++ b/posthog/schema.py @@ -351,7 +351,7 @@ class NodeKind(str, Enum): PersonsNode = "PersonsNode" HogQLQuery = "HogQLQuery" HogQLMetadata = "HogQLMetadata" - PersonsQuery = "PersonsQuery" + ActorsQuery = "ActorsQuery" SessionsTimelineQuery = "SessionsTimelineQuery" DataTableNode = "DataTableNode" DataVisualizationNode = "DataVisualizationNode" @@ -363,7 +363,7 @@ class NodeKind(str, Enum): PathsQuery = "PathsQuery" StickinessQuery = "StickinessQuery" LifecycleQuery = "LifecycleQuery" - InsightPersonsQuery = "InsightPersonsQuery" + InsightActorsQuery = "InsightActorsQuery" WebOverviewQuery = "WebOverviewQuery" WebTopClicksQuery = "WebTopClicksQuery" WebStatsTableQuery = "WebStatsTableQuery" @@ -733,6 +733,21 @@ class WebTopClicksQueryResponse(BaseModel): types: Optional[List] = None +class ActorsQueryResponse(BaseModel): + model_config = ConfigDict( + extra="forbid", + ) + columns: List + hasMore: Optional[bool] = None + hogql: str + limit: int + missing_actors_count: Optional[int] = None + offset: int + results: List[List] + timings: Optional[List[QueryTiming]] = None + types: List[str] + + class AnyResponseTypeItem(BaseModel): model_config = ConfigDict( extra="forbid", @@ -810,8 +825,8 @@ class EventsQueryResponse(BaseModel): columns: List hasMore: Optional[bool] = None hogql: str - limit: int - offset: int + limit: Optional[int] = None + offset: Optional[int] = None results: List[List] timings: Optional[List[QueryTiming]] = None types: List[str] @@ -943,21 +958,6 @@ class PersonPropertyFilter(BaseModel): value: Optional[Union[str, float, List[Union[str, float]]]] = None -class PersonsQueryResponse(BaseModel): - model_config = ConfigDict( - extra="forbid", - ) - columns: List - hasMore: Optional[bool] = None - hogql: str - limit: int - missing_actors_count: Optional[int] = None - offset: int - results: List[List] - timings: Optional[List[QueryTiming]] = None - types: List[str] - - class QueryResponse(BaseModel): model_config = ConfigDict( extra="forbid", @@ -1877,7 +1877,7 @@ class InsightVizNode(BaseModel): vizSpecificOptions: Optional[VizSpecificOptions] = None -class InsightPersonsQuery(BaseModel): +class InsightActorsQuery(BaseModel): model_config = ConfigDict( extra="forbid", ) @@ -1885,13 +1885,13 @@ class InsightPersonsQuery(BaseModel): interval: Optional[int] = Field( default=None, description="An interval selected out of available intervals in source query" ) - kind: Literal["InsightPersonsQuery"] = "InsightPersonsQuery" - response: Optional[PersonsQueryResponse] = None + kind: Literal["InsightActorsQuery"] = "InsightActorsQuery" + response: Optional[ActorsQueryResponse] = None source: Union[TrendsQuery, FunnelsQuery, RetentionQuery, PathsQuery, StickinessQuery, LifecycleQuery] status: Optional[str] = None -class PersonsQuery(BaseModel): +class ActorsQuery(BaseModel): model_config = ConfigDict( extra="forbid", ) @@ -1911,7 +1911,7 @@ class PersonsQuery(BaseModel): ] ] ] = None - kind: Literal["PersonsQuery"] = "PersonsQuery" + kind: Literal["ActorsQuery"] = "ActorsQuery" limit: Optional[int] = None offset: Optional[int] = None orderBy: Optional[List[str]] = None @@ -1931,10 +1931,10 @@ class PersonsQuery(BaseModel): ] ] ] = None - response: Optional[PersonsQueryResponse] = Field(default=None, description="Cached query response") + response: Optional[ActorsQueryResponse] = Field(default=None, description="Cached query response") search: Optional[str] = None select: Optional[List[str]] = None - source: Optional[Union[InsightPersonsQuery, HogQLQuery]] = None + source: Optional[Union[InsightActorsQuery, HogQLQuery]] = None class DataTableNode(BaseModel): @@ -1984,7 +1984,7 @@ class DataTableNode(BaseModel): EventsNode, EventsQuery, PersonsNode, - PersonsQuery, + ActorsQuery, HogQLQuery, TimeToSeeDataSessionsQuery, WebOverviewQuery, @@ -2013,8 +2013,8 @@ class QuerySchema(RootModel): PersonsNode, TimeToSeeDataSessionsQuery, EventsQuery, - PersonsQuery, - InsightPersonsQuery, + ActorsQuery, + InsightActorsQuery, SessionsTimelineQuery, HogQLQuery, HogQLMetadata, diff --git a/posthog/session_recordings/queries/session_recording_list_from_replay_summary.py b/posthog/session_recordings/queries/session_recording_list_from_replay_summary.py index f4b6135805845..57c7a8864193f 100644 --- a/posthog/session_recordings/queries/session_recording_list_from_replay_summary.py +++ b/posthog/session_recordings/queries/session_recording_list_from_replay_summary.py @@ -151,7 +151,7 @@ def get_query(self) -> Tuple[str, Dict]: } -class PersonsQuery(EventQuery): +class ActorsQuery(EventQuery): _filter: SessionRecordingsFilter # we have to implement this from EventQuery but don't need it @@ -459,7 +459,7 @@ def get_query(self, select_event_ids: bool = False) -> Tuple[str, Dict[str, Any] ) def _persons_join_or_subquery(self, event_filters, prop_query): - persons_select, persons_select_params = PersonsQuery(filter=self._filter, team=self._team).get_query() + persons_select, persons_select_params = ActorsQuery(filter=self._filter, team=self._team).get_query() persons_join = "" persons_sub_query = "" if persons_select: @@ -632,7 +632,7 @@ def get_query(self) -> Tuple[str, Dict[str, Any]]: if events_select: events_select = f"AND s.session_id in (select `$session_id` as session_id from ({events_select}) as session_events_sub_query)" - persons_select, persons_select_params = PersonsQuery(filter=self._filter, team=self._team).get_query() + persons_select, persons_select_params = ActorsQuery(filter=self._filter, team=self._team).get_query() if persons_select: persons_select = ( f"AND s.distinct_id in (select distinct_id from ({persons_select}) as session_persons_sub_query)"