[Logs Explorer] Unify integrations & uncategorized tabs

[tonyghiani]

📓 Summary

🛑 DO NOT MERGE

Closes #177696

This work updates the experience when browsing integrations, unifying the Integrations and Uncategorized tabs into a unique view and switching to a more compact UI to inspect multiple integrations simultaneously.

Part of this work also implies:

• Refactor some areas to make them more composable and configurable in preparation for upcoming work
• Update the test suite to match the new UX flows
• Refactor state machines removing unnecessary states/transitions

The drawback of this work is losing the ability to search across the integration's datasets.
For this reason, this PR will be blocked from merging until #177731 is implemented and merged on top of this PR.

demo.mov

[apmmachine]

🤖 GitHub comments

Expand to view the GitHub comments

Just comment with:

• /oblt-deploy : Deploy a Kibana instance using the Observability test environments.
• /oblt-deploy-serverless : Deploy a serverless Kibana instance using the Observability test environments.
• run elasticsearch-ci/docs : Re-trigger the docs validation. (use unformatted text in the comment!)

[elasticmachine]

Pinging @elastic/obs-ux-logs-team (Team:obs-ux-logs)

[Kerry350]

Nice work 🙌

All of the ACs are met and working as expected, and the code looks good.

Do we need any issues to track the EUI developments? (The TODOs are probably sufficient to be honest).

Small UI question:

Now that we're using a collapsed approach, do we need to prefix the dataset names with the integration name? (so here for example do we need to repeat [Elastic Agent]? Or could we save some space?

LGTM whilst waiting for the next batch of work based on this.

[Kerry350]

(Approving but appreciate we won't be merging this yet)

[tonyghiani]

Hey @Kerry350 , thanks for the review! Regarding your questions:

Do we need any issues to track the EUI developments?

There is already an ongoing conversation with the EUI team and a tracked issue they will work on:
[EuiFlexGroup][EuiFlexItem] Add polimorphism support for ReactHTML elements

do we need to prefix the dataset names with the integration name?

I showed it to Isabela and this is a mid-term solution until we implement #177701 and show more readable name

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 947176b
• Storybooks Preview

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
logsExplorer	709	707	-2

Async chunks

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

id	before	after	diff
logsExplorer	1.1MB	1.1MB	-6.8KB

Page load bundle

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

id	before	after	diff
logsExplorer	56.0KB	56.0KB	-7.0B

History

• 💚 Build #201325 succeeded 68d8715
• 💚 Build #200534 succeeded f4ae3a0
• 💔 Build #200461 failed 87ad693
• 💔 Build #199908 failed 1783e42

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

[tonyghiani]

Close as Logs Explorer is deprecated in v9.