-
Notifications
You must be signed in to change notification settings - Fork 8.3k
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
Conversation
Pinging @elastic/security-threat-hunting (Team:Threat Hunting) |
Pinging @elastic/security-solution (Team: SecuritySolution) |
There was a problem hiding this 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!
nit: This might no to do with this change, just note the observation. The one in the Screen.Recording.2025-01-15.at.17.26.04.mov |
There was a problem hiding this 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 👍 👍 👍
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, |
There was a problem hiding this comment.
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)
There was a problem hiding this comment.
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
const headerStyle = css` | ||
&:hover { | ||
cursor: pointer; | ||
text-decoration: underline; | ||
} | ||
`; |
There was a problem hiding this comment.
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.
There was a problem hiding this comment.
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={ | ||
<> |
There was a problem hiding this comment.
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?
There was a problem hiding this comment.
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
…changes' into siem_migrations/ui_changes
Starting backport for target branches: 8.x |
💛 Build succeeded, but was flaky
Failed CI StepsTest Failures
Metrics [docs]Module Count
Async chunks
Unknown metric groupsmiscellaneous assets size
History
cc @semd |
## 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)
💚 All backports created successfully
Note: Successful backport PRs will be merged automatically after passing CI. Questions ?Please refer to the Backport tool documentation |
# 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]>
## 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]>
Summary
Minor fixes and enhancements
UI changes
Icon
Before
After
Connector step missing
Before
After
Flyout upload buttons added
Before
After
Rule migration result card collapsible
collapsible_results.mov
Other changes
retry
logic inside of thestart
API route.