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

[Security Solution] Fix flyout history flickering #211662

Merged
merged 3 commits into from
Feb 20, 2025

Conversation

christineweng
Copy link
Contributor

@christineweng christineweng commented Feb 18, 2025

Summary

This PR fixed a flickering issue in flyout history

Before
Event details is shown and then replaced by actual alert title

Screen.Recording.2025-02-18.at.3.28.38.PM.mov

After
Show a loading skeleton text while fetching rule name

image

Checklist

  • Unit or functional tests were updated or added to match the most common scenarios
  • The PR description includes the appropriate Release Notes section, and the correct release_note:* label is applied per the guidelines

@christineweng christineweng added release_note:skip Skip the PR/issue when compiling release notes v9.0.0 Team:Threat Hunting:Investigations Security Solution Investigations Team backport:version Backport to applied version labels v8.18.0 v9.1.0 v8.19.0 labels Feb 18, 2025
@christineweng christineweng self-assigned this Feb 18, 2025
@christineweng christineweng marked this pull request as ready for review February 19, 2025 19:55
@christineweng christineweng requested a review from a team as a code owner February 19, 2025 19:55
@elasticmachine
Copy link
Contributor

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

Copy link
Contributor

@PhilippeOberti PhilippeOberti left a comment

Choose a reason for hiding this comment

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

love this enhancement, desk tested and code LGTM!

@christineweng christineweng enabled auto-merge (squash) February 20, 2025 01:13
@christineweng christineweng merged commit e2730f7 into elastic:main Feb 20, 2025
10 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.18, 8.x, 9.0

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

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

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

id before after diff
securitySolution 8.9MB 8.9MB +210.0B

History

cc @christineweng

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

This PR fixed a flickering issue in flyout history

**Before**
`Event details` is shown and then replaced by actual alert title

https://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b

**After**
Show a loading skeleton text while fetching rule name

![image](https://github.com/user-attachments/assets/eb20892d-7bbc-4687-bf11-a9cbc65288d3)

### Checklist

- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [x] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

(cherry picked from commit e2730f7)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Feb 20, 2025
## Summary

This PR fixed a flickering issue in flyout history

**Before**
`Event details` is shown and then replaced by actual alert title

https://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b

**After**
Show a loading skeleton text while fetching rule name

![image](https://github.com/user-attachments/assets/eb20892d-7bbc-4687-bf11-a9cbc65288d3)

### Checklist

- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [x] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

(cherry picked from commit e2730f7)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Feb 20, 2025
## Summary

This PR fixed a flickering issue in flyout history

**Before**
`Event details` is shown and then replaced by actual alert title

https://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b

**After**
Show a loading skeleton text while fetching rule name

![image](https://github.com/user-attachments/assets/eb20892d-7bbc-4687-bf11-a9cbc65288d3)

### Checklist

- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [x] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

(cherry picked from commit e2730f7)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.18
8.x
9.0

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 Feb 20, 2025
…11937)

# Backport

This will backport the following commits from `main` to `9.0`:
- [[Security Solution] Fix flyout history flickering
(#211662)](#211662)

<!--- Backport version: 9.6.6 -->

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

<!--BACKPORT
[{"author":{"name":"christineweng","email":"18648970+christineweng@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-02-20T17:05:54Z","message":"[Security
Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis
PR fixed a flickering issue in flyout history\n\n**Before**\n`Event
details` is shown and then replaced by actual alert
title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow
a loading skeleton text while fetching rule
name\n\n\n![image](https://github.com/user-attachments/assets/eb20892d-7bbc-4687-bf11-a9cbc65288d3)\n\n\n###
Checklist\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [x] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:Threat
Hunting:Investigations","backport:version","v8.18.0","v9.1.0","v8.19.0"],"title":"[Security
Solution] Fix flyout history
flickering","number":211662,"url":"https://github.com/elastic/kibana/pull/211662","mergeCommit":{"message":"[Security
Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis
PR fixed a flickering issue in flyout history\n\n**Before**\n`Event
details` is shown and then replaced by actual alert
title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow
a loading skeleton text while fetching rule
name\n\n\n![image](https://github.com/user-attachments/assets/eb20892d-7bbc-4687-bf11-a9cbc65288d3)\n\n\n###
Checklist\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [x] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.18","8.x"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/211662","number":211662,"mergeCommit":{"message":"[Security
Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis
PR fixed a flickering issue in flyout history\n\n**Before**\n`Event
details` is shown and then replaced by actual alert
title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow
a loading skeleton text while fetching rule
name\n\n\n![image](https://github.com/user-attachments/assets/eb20892d-7bbc-4687-bf11-a9cbc65288d3)\n\n\n###
Checklist\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [x] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: christineweng <18648970+christineweng@users.noreply.github.com>
kibanamachine added a commit that referenced this pull request Feb 20, 2025
…11936)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[Security Solution] Fix flyout history flickering
(#211662)](#211662)

<!--- Backport version: 9.6.6 -->

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

<!--BACKPORT
[{"author":{"name":"christineweng","email":"18648970+christineweng@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-02-20T17:05:54Z","message":"[Security
Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis
PR fixed a flickering issue in flyout history\n\n**Before**\n`Event
details` is shown and then replaced by actual alert
title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow
a loading skeleton text while fetching rule
name\n\n\n![image](https://github.com/user-attachments/assets/eb20892d-7bbc-4687-bf11-a9cbc65288d3)\n\n\n###
Checklist\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [x] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:Threat
Hunting:Investigations","backport:version","v8.18.0","v9.1.0","v8.19.0"],"title":"[Security
Solution] Fix flyout history
flickering","number":211662,"url":"https://github.com/elastic/kibana/pull/211662","mergeCommit":{"message":"[Security
Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis
PR fixed a flickering issue in flyout history\n\n**Before**\n`Event
details` is shown and then replaced by actual alert
title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow
a loading skeleton text while fetching rule
name\n\n\n![image](https://github.com/user-attachments/assets/eb20892d-7bbc-4687-bf11-a9cbc65288d3)\n\n\n###
Checklist\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [x] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.18","8.x"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/211662","number":211662,"mergeCommit":{"message":"[Security
Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis
PR fixed a flickering issue in flyout history\n\n**Before**\n`Event
details` is shown and then replaced by actual alert
title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow
a loading skeleton text while fetching rule
name\n\n\n![image](https://github.com/user-attachments/assets/eb20892d-7bbc-4687-bf11-a9cbc65288d3)\n\n\n###
Checklist\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [x] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: christineweng <18648970+christineweng@users.noreply.github.com>
kibanamachine added a commit that referenced this pull request Feb 20, 2025
…211935)

# Backport

This will backport the following commits from `main` to `8.18`:
- [[Security Solution] Fix flyout history flickering
(#211662)](#211662)

<!--- Backport version: 9.6.6 -->

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

<!--BACKPORT
[{"author":{"name":"christineweng","email":"18648970+christineweng@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-02-20T17:05:54Z","message":"[Security
Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis
PR fixed a flickering issue in flyout history\n\n**Before**\n`Event
details` is shown and then replaced by actual alert
title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow
a loading skeleton text while fetching rule
name\n\n\n![image](https://github.com/user-attachments/assets/eb20892d-7bbc-4687-bf11-a9cbc65288d3)\n\n\n###
Checklist\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [x] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:Threat
Hunting:Investigations","backport:version","v8.18.0","v9.1.0","v8.19.0"],"title":"[Security
Solution] Fix flyout history
flickering","number":211662,"url":"https://github.com/elastic/kibana/pull/211662","mergeCommit":{"message":"[Security
Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis
PR fixed a flickering issue in flyout history\n\n**Before**\n`Event
details` is shown and then replaced by actual alert
title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow
a loading skeleton text while fetching rule
name\n\n\n![image](https://github.com/user-attachments/assets/eb20892d-7bbc-4687-bf11-a9cbc65288d3)\n\n\n###
Checklist\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [x] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.18","8.x"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/211662","number":211662,"mergeCommit":{"message":"[Security
Solution] Fix flyout history flickering (#211662)\n\n## Summary\n\nThis
PR fixed a flickering issue in flyout history\n\n**Before**\n`Event
details` is shown and then replaced by actual alert
title\n\n\nhttps://github.com/user-attachments/assets/edb1e6eb-c290-4cdc-a5f9-3f270a26a58b\n\n**After**\nShow
a loading skeleton text while fetching rule
name\n\n\n![image](https://github.com/user-attachments/assets/eb20892d-7bbc-4687-bf11-a9cbc65288d3)\n\n\n###
Checklist\n\n- [x] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [x] The PR
description includes the appropriate Release Notes section,\nand the
correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"e2730f70db3bf04efac6a6f227962f88fcc63fce"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: christineweng <18648970+christineweng@users.noreply.github.com>
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:Threat Hunting:Investigations Security Solution Investigations Team v8.18.0 v8.19.0 v9.0.0 v9.1.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants