Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Siem migrations] Onboarding UI changes #205734

Merged
merged 27 commits into from
Jan 15, 2025
Merged

Conversation

semd
Copy link
Contributor

@semd semd commented Jan 7, 2025

Summary

Minor fixes and enhancements

UI changes

Icon

Before
Captura de pantalla 2025-01-14 a les 19 33 25

After
Captura de pantalla 2025-01-14 a les 19 34 19

Connector step missing

Before
Captura de pantalla 2025-01-14 a les 16 33 27

After
Captura de pantalla 2025-01-14 a les 16 29 36

Flyout upload buttons added

Before
Captura de pantalla 2025-01-14 a les 16 36 44

After
Captura de pantalla 2025-01-14 a les 19 30 01

Rule migration result card collapsible

collapsible_results.mov

Other changes

  • Rule migration list order inverted to have more recent migrations first (same on the dropdown of translation rules table)
  • Rule migration result table fixes
  • Make retry logic inside of the start API route.
  • Fix results chart colors (Eui Borealis)

@semd semd added release_note:skip Skip the PR/issue when compiling release notes v9.0.0 Team:Threat Hunting Security Solution Threat Hunting Team Team: SecuritySolution Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc. backport:version Backport to applied version labels v8.18.0 labels Jan 7, 2025
@semd semd self-assigned this Jan 7, 2025
@semd semd marked this pull request as ready for review January 15, 2025 11:38
@semd semd requested review from a team as code owners January 15, 2025 11:38
@elasticmachine
Copy link
Contributor

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

@elasticmachine
Copy link
Contributor

Pinging @elastic/security-solution (Team: SecuritySolution)

@elastic-vault-github-plugin-prod elastic-vault-github-plugin-prod bot requested a review from a team as a code owner January 15, 2025 11:59
Copy link
Contributor

@e40pud e40pud left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, thanks for the updates and fixes!

@angorayc
Copy link
Contributor

nit: This might no to do with this change, just note the observation.
The selected connector is not aligned in the Configure AI Assistant card between Set up security and SIEM rule migration.

The one in the Set up security seemed not clickable. Hasn't checked on the main branch.

Screen.Recording.2025-01-15.at.17.26.04.mov

Copy link
Contributor

@angorayc angorayc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested locally, LGTM! Thanks for the enhancement @semd 👍 👍 👍

Comment on lines 24 to +28
return {
[RuleTranslationResult.FULL]: euiTheme.colors.vis.euiColorVis0,
[RuleTranslationResult.PARTIAL]: euiTheme.colors.vis.euiColorVis5,
[RuleTranslationResult.UNTRANSLATABLE]: euiTheme.colors.vis.euiColorVis7,
error: euiTheme.colors.vis.euiColorVis9,
[RuleTranslationResult.FULL]: euiTheme.colors.vis.euiColorVisSuccess0,
[RuleTranslationResult.PARTIAL]: euiTheme.colors.vis.euiColorSeverity7,
[RuleTranslationResult.UNTRANSLATABLE]: euiTheme.colors.vis.euiColorSeverity10,
error: euiTheme.colors.vis.euiColorSeverity14,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a heads up, the severity colors on Borealis theme might be updated again soon. Please follow the update here:
#206276 (comment)

Copy link
Contributor Author

@semd semd Jan 15, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh good to know. I think that's fine though, we'll update this again when colors change

Comment on lines +42 to +47
const headerStyle = css`
&:hover {
cursor: pointer;
text-decoration: underline;
}
`;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could consider @emotion/react here given this is a new import.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yup, I still have to change this default in my brain settings 🧠. changed here: 90d829a

ref={filePickerRef as React.Ref<Omit<EuiFilePickerProps, 'stylesMemoizer'>>}
fullWidth
initialPromptText={
<>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is the fragment necessary here?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nope, this is a leftover from a previous version containing multiple elements. Changed in the 3 EuiFilePicker we are using here 90d829a

@semd semd enabled auto-merge (squash) January 15, 2025 17:50
@semd semd merged commit 8345223 into elastic:main Jan 15, 2025
8 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.x

https://github.com/elastic/kibana/actions/runs/12796629124

@elasticmachine
Copy link
Contributor

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] FTR Configs #90 / machine learning - anomaly detection anomaly explorer with influencers with farequote based multi metric job Anomaly Swim Lane as embeddable attaches swim lane embeddable to a case

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
securitySolution 6521 6522 +1

Async chunks

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

id before after diff
securitySolution 21.2MB 21.2MB +11.1KB
Unknown metric groups

miscellaneous assets size

id before after diff
securitySolution 5.6MB 5.6MB -9.6KB

History

cc @semd

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Jan 15, 2025
## Summary

Minor fixes and enhancements

### UI changes

#### Icon
Before
<img width="1166" alt="Captura de pantalla 2025-01-14 a les 19 33 25"
src="https://github.com/user-attachments/assets/e651875e-92f1-40be-93da-e5c5b1fa8cd1"
/>

After
<img width="1166" alt="Captura de pantalla 2025-01-14 a les 19 34 19"
src="https://github.com/user-attachments/assets/017d2a95-6817-4949-b678-9d89d3b0ad90"
/>

#### Connector step missing
Before
<img width="1209" alt="Captura de pantalla 2025-01-14 a les 16 33 27"
src="https://github.com/user-attachments/assets/55546bc9-4f99-490f-910c-26ec82749f7d"
/>

After
<img width="1209" alt="Captura de pantalla 2025-01-14 a les 16 29 36"
src="https://github.com/user-attachments/assets/9f3c50db-5f53-4ac9-8e41-a0e281b8115d"
/>

#### Flyout upload buttons added
Before
<img width="956" alt="Captura de pantalla 2025-01-14 a les 16 36 44"
src="https://github.com/user-attachments/assets/b8111709-8bfe-4a03-baa7-576ca176feb3"
/>

After
<img width="950" alt="Captura de pantalla 2025-01-14 a les 19 30 01"
src="https://github.com/user-attachments/assets/afffb8b7-cf38-4f00-9142-2537bef394f3"
/>

#### Rule migration result card collapsible

https://github.com/user-attachments/assets/4518510c-e215-4015-862b-07d90e38094b

### Other changes

- Rule migration list order inverted to have more recent migrations
first (same on the dropdown of translation rules table)
- Rule migration result table fixes
- Make `retry` logic inside of the `start` API route.
- Fix results chart colors (Eui Borealis)

---------

Co-authored-by: kibanamachine <[email protected]>
(cherry picked from commit 8345223)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.x

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Jan 15, 2025
# Backport

This will backport the following commits from `main` to `8.x`:
- [[Siem migrations] Onboarding UI changes
(#205734)](#205734)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Sergi
Massaneda","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-01-15T20:38:41Z","message":"[Siem
migrations] Onboarding UI changes (#205734)\n\n## Summary\r\n\r\nMinor
fixes and enhancements\r\n\r\n### UI changes\r\n\r\n####
Icon\r\nBefore\r\n<img width=\"1166\" alt=\"Captura de pantalla
2025-01-14 a les 19 33
25\"\r\nsrc=\"https://github.com/user-attachments/assets/e651875e-92f1-40be-93da-e5c5b1fa8cd1\"\r\n/>\r\n\r\nAfter\r\n<img
width=\"1166\" alt=\"Captura de pantalla 2025-01-14 a les 19 34
19\"\r\nsrc=\"https://github.com/user-attachments/assets/017d2a95-6817-4949-b678-9d89d3b0ad90\"\r\n/>\r\n\r\n####
Connector step missing\r\nBefore \r\n<img width=\"1209\" alt=\"Captura
de pantalla 2025-01-14 a les 16 33
27\"\r\nsrc=\"https://github.com/user-attachments/assets/55546bc9-4f99-490f-910c-26ec82749f7d\"\r\n/>\r\n\r\nAfter\r\n<img
width=\"1209\" alt=\"Captura de pantalla 2025-01-14 a les 16 29
36\"\r\nsrc=\"https://github.com/user-attachments/assets/9f3c50db-5f53-4ac9-8e41-a0e281b8115d\"\r\n/>\r\n\r\n####
Flyout upload buttons added\r\nBefore\r\n<img width=\"956\"
alt=\"Captura de pantalla 2025-01-14 a les 16 36
44\"\r\nsrc=\"https://github.com/user-attachments/assets/b8111709-8bfe-4a03-baa7-576ca176feb3\"\r\n/>\r\n\r\nAfter\r\n<img
width=\"950\" alt=\"Captura de pantalla 2025-01-14 a les 19 30
01\"\r\nsrc=\"https://github.com/user-attachments/assets/afffb8b7-cf38-4f00-9142-2537bef394f3\"\r\n/>\r\n\r\n####
Rule migration result card
collapsible\r\n\r\n\r\nhttps://github.com/user-attachments/assets/4518510c-e215-4015-862b-07d90e38094b\r\n\r\n###
Other changes\r\n\r\n- Rule migration list order inverted to have more
recent migrations\r\nfirst (same on the dropdown of translation rules
table)\r\n- Rule migration result table fixes\r\n- Make `retry` logic
inside of the `start` API route.\r\n- Fix results chart colors (Eui
Borealis)\r\n\r\n---------\r\n\r\nCo-authored-by: kibanamachine
<[email protected]>","sha":"83452239f7efd769c5f4f8ab9cb2ed15777483bb","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:Threat
Hunting","Team:
SecuritySolution","backport:version","v8.18.0"],"title":"[Siem
migrations] Onboarding UI
changes","number":205734,"url":"https://github.com/elastic/kibana/pull/205734","mergeCommit":{"message":"[Siem
migrations] Onboarding UI changes (#205734)\n\n## Summary\r\n\r\nMinor
fixes and enhancements\r\n\r\n### UI changes\r\n\r\n####
Icon\r\nBefore\r\n<img width=\"1166\" alt=\"Captura de pantalla
2025-01-14 a les 19 33
25\"\r\nsrc=\"https://github.com/user-attachments/assets/e651875e-92f1-40be-93da-e5c5b1fa8cd1\"\r\n/>\r\n\r\nAfter\r\n<img
width=\"1166\" alt=\"Captura de pantalla 2025-01-14 a les 19 34
19\"\r\nsrc=\"https://github.com/user-attachments/assets/017d2a95-6817-4949-b678-9d89d3b0ad90\"\r\n/>\r\n\r\n####
Connector step missing\r\nBefore \r\n<img width=\"1209\" alt=\"Captura
de pantalla 2025-01-14 a les 16 33
27\"\r\nsrc=\"https://github.com/user-attachments/assets/55546bc9-4f99-490f-910c-26ec82749f7d\"\r\n/>\r\n\r\nAfter\r\n<img
width=\"1209\" alt=\"Captura de pantalla 2025-01-14 a les 16 29
36\"\r\nsrc=\"https://github.com/user-attachments/assets/9f3c50db-5f53-4ac9-8e41-a0e281b8115d\"\r\n/>\r\n\r\n####
Flyout upload buttons added\r\nBefore\r\n<img width=\"956\"
alt=\"Captura de pantalla 2025-01-14 a les 16 36
44\"\r\nsrc=\"https://github.com/user-attachments/assets/b8111709-8bfe-4a03-baa7-576ca176feb3\"\r\n/>\r\n\r\nAfter\r\n<img
width=\"950\" alt=\"Captura de pantalla 2025-01-14 a les 19 30
01\"\r\nsrc=\"https://github.com/user-attachments/assets/afffb8b7-cf38-4f00-9142-2537bef394f3\"\r\n/>\r\n\r\n####
Rule migration result card
collapsible\r\n\r\n\r\nhttps://github.com/user-attachments/assets/4518510c-e215-4015-862b-07d90e38094b\r\n\r\n###
Other changes\r\n\r\n- Rule migration list order inverted to have more
recent migrations\r\nfirst (same on the dropdown of translation rules
table)\r\n- Rule migration result table fixes\r\n- Make `retry` logic
inside of the `start` API route.\r\n- Fix results chart colors (Eui
Borealis)\r\n\r\n---------\r\n\r\nCo-authored-by: kibanamachine
<[email protected]>","sha":"83452239f7efd769c5f4f8ab9cb2ed15777483bb"}},"sourceBranch":"main","suggestedTargetBranches":["8.x"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/205734","number":205734,"mergeCommit":{"message":"[Siem
migrations] Onboarding UI changes (#205734)\n\n## Summary\r\n\r\nMinor
fixes and enhancements\r\n\r\n### UI changes\r\n\r\n####
Icon\r\nBefore\r\n<img width=\"1166\" alt=\"Captura de pantalla
2025-01-14 a les 19 33
25\"\r\nsrc=\"https://github.com/user-attachments/assets/e651875e-92f1-40be-93da-e5c5b1fa8cd1\"\r\n/>\r\n\r\nAfter\r\n<img
width=\"1166\" alt=\"Captura de pantalla 2025-01-14 a les 19 34
19\"\r\nsrc=\"https://github.com/user-attachments/assets/017d2a95-6817-4949-b678-9d89d3b0ad90\"\r\n/>\r\n\r\n####
Connector step missing\r\nBefore \r\n<img width=\"1209\" alt=\"Captura
de pantalla 2025-01-14 a les 16 33
27\"\r\nsrc=\"https://github.com/user-attachments/assets/55546bc9-4f99-490f-910c-26ec82749f7d\"\r\n/>\r\n\r\nAfter\r\n<img
width=\"1209\" alt=\"Captura de pantalla 2025-01-14 a les 16 29
36\"\r\nsrc=\"https://github.com/user-attachments/assets/9f3c50db-5f53-4ac9-8e41-a0e281b8115d\"\r\n/>\r\n\r\n####
Flyout upload buttons added\r\nBefore\r\n<img width=\"956\"
alt=\"Captura de pantalla 2025-01-14 a les 16 36
44\"\r\nsrc=\"https://github.com/user-attachments/assets/b8111709-8bfe-4a03-baa7-576ca176feb3\"\r\n/>\r\n\r\nAfter\r\n<img
width=\"950\" alt=\"Captura de pantalla 2025-01-14 a les 19 30
01\"\r\nsrc=\"https://github.com/user-attachments/assets/afffb8b7-cf38-4f00-9142-2537bef394f3\"\r\n/>\r\n\r\n####
Rule migration result card
collapsible\r\n\r\n\r\nhttps://github.com/user-attachments/assets/4518510c-e215-4015-862b-07d90e38094b\r\n\r\n###
Other changes\r\n\r\n- Rule migration list order inverted to have more
recent migrations\r\nfirst (same on the dropdown of translation rules
table)\r\n- Rule migration result table fixes\r\n- Make `retry` logic
inside of the `start` API route.\r\n- Fix results chart colors (Eui
Borealis)\r\n\r\n---------\r\n\r\nCo-authored-by: kibanamachine
<[email protected]>","sha":"83452239f7efd769c5f4f8ab9cb2ed15777483bb"}},{"branch":"8.x","label":"v8.18.0","branchLabelMappingKey":"^v8.18.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Sergi Massaneda <[email protected]>
viduni94 pushed a commit to viduni94/kibana that referenced this pull request Jan 23, 2025
## Summary

Minor fixes and enhancements

### UI changes

#### Icon
Before
<img width="1166" alt="Captura de pantalla 2025-01-14 a les 19 33 25"
src="https://github.com/user-attachments/assets/e651875e-92f1-40be-93da-e5c5b1fa8cd1"
/>

After
<img width="1166" alt="Captura de pantalla 2025-01-14 a les 19 34 19"
src="https://github.com/user-attachments/assets/017d2a95-6817-4949-b678-9d89d3b0ad90"
/>

#### Connector step missing
Before 
<img width="1209" alt="Captura de pantalla 2025-01-14 a les 16 33 27"
src="https://github.com/user-attachments/assets/55546bc9-4f99-490f-910c-26ec82749f7d"
/>

After
<img width="1209" alt="Captura de pantalla 2025-01-14 a les 16 29 36"
src="https://github.com/user-attachments/assets/9f3c50db-5f53-4ac9-8e41-a0e281b8115d"
/>

#### Flyout upload buttons added
Before
<img width="956" alt="Captura de pantalla 2025-01-14 a les 16 36 44"
src="https://github.com/user-attachments/assets/b8111709-8bfe-4a03-baa7-576ca176feb3"
/>

After
<img width="950" alt="Captura de pantalla 2025-01-14 a les 19 30 01"
src="https://github.com/user-attachments/assets/afffb8b7-cf38-4f00-9142-2537bef394f3"
/>

#### Rule migration result card collapsible


https://github.com/user-attachments/assets/4518510c-e215-4015-862b-07d90e38094b

### Other changes

- Rule migration list order inverted to have more recent migrations
first (same on the dropdown of translation rules table)
- Rule migration result table fixes
- Make `retry` logic inside of the `start` API route.
- Fix results chart colors (Eui Borealis)

---------

Co-authored-by: kibanamachine <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:version Backport to applied version labels release_note:skip Skip the PR/issue when compiling release notes Team: SecuritySolution Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc. Team:Threat Hunting Security Solution Threat Hunting Team v8.18.0 v9.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants