[SecuritySolution] Share getStartedPage between ESS and serverless

[angorayc]

Summary

#174742

This PR move the get_started component from security_solution_serverless plugin to security_solution plugin, so we can share the same UI between ESS and serverless.

Parameters are set via x-pack/plugins/security_solution/public/contract_get_started_page.ts

1. productTypes - set by serverless only
2. projectsUrl - set by serverless only (when running serverless locally, this value is empty)
3. projectFeaturesUrl - set by serverless only (when running serverless locally, this value is empty)
4. availableSteps - set by both serverless and ESS (ESS doesn't contain create your first project step)

Known issue: #175296

---

Serverless: 6 steps in total + the first step is finished by default

ESS: 5 steps in total

Checklist

• Unit or functional tests were updated or added to match the most common scenarios

[angorayc]

buildkite test this

[angorayc]

buildkite test this

[angorayc]

buildkite test this

[angorayc]

buildkite test this

[angorayc]

buildkite test this

[elasticmachine]

Pinging @elastic/security-threat-hunting-explore (Team:Threat Hunting:Explore)

[pgayvallet]

FWIW, it's probably caused by the PR adding @kbn/config-schema to the browser-side bundle

[semd]

I desk-tested the PR and I've noticed a problem in the ESS environment. The side navigation is not showing on the onboarding page:

This is caused by the absolute positioning of the main onboarding component, these are styles are only work for serverless.

Probably this component should not be absolute, also, we are nesting a second KibanaPageTemplate inside the main KibanaPageTemplate (rendered SecuritySolutionTemplateWrapper), which does not seem correct either.
Consider changing the structure of onboarding.tsx to fit both serverless and ESS versions.

[angorayc]

The 2nd KibanaPageTemplate in the Onboarding component is now removed:

ESS:

Screen.Recording.2024-01-24.at.21.04.46.mov

Serverless:

Screen.Recording.2024-01-24.at.20.56.50.mov

[kibana-ci]

💛 Build succeeded, but was flaky

• Buildkite Build
• Commit: d77de1e
• Cloud Deployment

Failed CI Steps

• FTR Configs #48
• FTR Configs #85

Test Failures

• [job] [logs] FTR Configs #48 / Observability Rules Rules Endpoints Custom Threshold rule - DOCUMENTS_COUNT - FIRED Rule creation should set correct information in the alert document

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
securitySolution	4876	4945	+69
securitySolutionEss	102	96	-6
securitySolutionServerless	322	262	-60
total			+3

Public APIs missing comments

Total count of every public API that lacks a comment. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats comments for more detailed information.

id	before	after	diff
securitySolution	117	124	+7

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
securitySolution	11.1MB	11.2MB	+82.1KB
securitySolutionEss	44.5KB	39.4KB	-5.1KB
securitySolutionServerless	220.5KB	156.5KB	-64.0KB
total			+13.0KB

Public APIs missing exports

Total count of every type that is part of your API that should be exported but is not. This will cause broken links in the API documentation system. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats exports for more detailed information.

id	before	after	diff
securitySolution	36	37	+1

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
securitySolution	65.3KB	68.4KB	+3.0KB
securitySolutionEss	6.4KB	6.4KB	-60.0B
securitySolutionServerless	35.6KB	35.5KB	-176.0B
total			+2.8KB

Unknown metric groups

API count

id	before	after	diff
securitySolution	186	193	+7

async chunk count

id	before	after	diff
securitySolution	50	51	+1
securitySolutionEss	2	1	-1
securitySolutionServerless	40	39	-1
total			-1

ESLint disabled line counts

id	before	after	diff
securitySolution	470	472	+2
securitySolutionEss	5	4	-1
securitySolutionServerless	35	33	-2
total			-1

miscellaneous assets size

id	before	after	diff
securitySolution	2.1MB	2.5MB	⚠️ +366.1KB
securitySolutionEss	4.4MB	2.3MB	-2.0MB
securitySolutionServerless	2.7MB	2.3MB	-366.1KB
total			-2.0MB

Total ESLint disabled count

id	before	after	diff
securitySolution	542	544	+2
securitySolutionEss	5	4	-1
securitySolutionServerless	35	33	-2
total			-1

History

• 💛 Build #188897 was flaky 9d81489
• 💛 Build #188710 was flaky f4d577d
• 💚 Build #188694 succeeded 6c453f7
• 💚 Build #188369 succeeded 4facddc
• 💚 Build #188368 succeeded 14e6527

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @angorayc

[semd]

LGTM! thanks for doing this. great work!

[semd]

Linking a follow-up task to make the onboarding page component agnostic, and move the specific serverless/ess code to their appropriate plugins: #174766

[angorayc]

I've also put all the follow up tasks in this issue: #174742