Skip to content

[Security Solution][Expandable flyout] show last open in the history#210286

Merged
PhilippeOberti merged 4 commits intoelastic:mainfrom
PhilippeOberti:flyout-history-last-open
Feb 19, 2025
Merged

[Security Solution][Expandable flyout] show last open in the history#210286
PhilippeOberti merged 4 commits intoelastic:mainfrom
PhilippeOberti:flyout-history-last-open

Conversation

@PhilippeOberti
Copy link
Copy Markdown
Contributor

@PhilippeOberti PhilippeOberti commented Feb 7, 2025

Summary

This PR makes a small UI addition to the expandable flyout package history functionality merged not long ago.

We are snow saving the time at which a panel was opened, along side the panel's information. This allows us to show when previous flyout panels were opened, making it users easier for users to know which host/user/network/alerts/event document they recently looked at.

The primary logic change happens in the expandable flyout package. Most of the other code changes are in Security Solution unit tests.

Before

Screenshot 2025-02-07 at 5 07 48 PM

After

Screenshot 2025-02-13 at 11 03 31 AM

You'll notice in the screenshot above that another small improvement was added: we're limiting the width of the text rendered and show an ellipsis. This will prevent really long texts to have the popover really wide or to be rendered over multiple lines

Checklist

@PhilippeOberti PhilippeOberti added release_note:skip Skip the PR/issue when compiling release notes Team:Threat Hunting:Investigations Security Solution Threat Hunting Investigations Team backport:version Backport to applied version labels v9.1.0 v8.19.0 labels Feb 7, 2025
@PhilippeOberti PhilippeOberti force-pushed the flyout-history-last-open branch 4 times, most recently from 1844340 to e577de0 Compare February 11, 2025 23:55
@PhilippeOberti PhilippeOberti marked this pull request as ready for review February 11, 2025 23:58
@PhilippeOberti PhilippeOberti requested review from a team as code owners February 11, 2025 23:58
@elasticmachine
Copy link
Copy Markdown
Contributor

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

Copy link
Copy Markdown
Contributor

@christineweng christineweng left a comment

Choose a reason for hiding this comment

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

Desk tested and LGTM! Thanks for all the css magic! Left 2 small comments

@PhilippeOberti PhilippeOberti force-pushed the flyout-history-last-open branch from fdd9f18 to a790964 Compare February 14, 2025 00:07
Copy link
Copy Markdown
Contributor

@jaredburgettelastic jaredburgettelastic left a comment

Choose a reason for hiding this comment

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

Entity Analytics test file changes LGTM! 👍

@elasticmachine
Copy link
Copy Markdown
Contributor

elasticmachine commented Feb 19, 2025

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] FTR Configs #68 / Space awareness change space agent policies PUT /agent_policies/{id} should allow set policy in multiple space
  • [job] [logs] FTR Configs #68 / Space awareness change space agent policies PUT /agent_policies/{id} should allow set policy in multiple space

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 +1.0KB
Unknown metric groups

API count

id before after diff
@kbn/expandable-flyout 42 45 +3

History

@PhilippeOberti PhilippeOberti merged commit dd471d1 into elastic:main Feb 19, 2025
10 checks passed
@PhilippeOberti PhilippeOberti deleted the flyout-history-last-open branch February 19, 2025 01:40
@kibanamachine
Copy link
Copy Markdown
Contributor

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

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

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Feb 19, 2025
…lastic#210286)

## Summary

This PR makes a small UI addition to the expandable flyout package
history functionality [merged not long
ago](elastic#184970).

We are snow saving the time at which a panel was opened, along side the
panel's information. This allows us to show when previous flyout panels
were opened, making it users easier for users to know which
host/user/network/alerts/event document they recently looked at.

The primary logic change happens in the expandable flyout package. Most
of the other code changes are in Security Solution unit tests.

#### Before

![Screenshot 2025-02-07 at 5 07
48 PM](https://github.com/user-attachments/assets/8f0b79b7-a3db-4d01-8d3c-a4a9b632e9cf)

#### After

![Screenshot 2025-02-13 at 11 03
31 AM](https://github.com/user-attachments/assets/64cd5df2-a0b6-4eee-8555-53aedda1db8f)

You'll notice in the screenshot above that another small improvement was
added: we're limiting the width of the text rendered and show an
ellipsis. This will prevent really long texts to have the popover really
wide or to be rendered over multiple lines

### Checklist

- [x] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)
- [x]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials
- [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

(cherry picked from commit dd471d1)
@kibanamachine
Copy link
Copy Markdown
Contributor

💔 Some backports could not be created

Status Branch Result
8.18 Backport failed because of merge conflicts
8.x
9.0 Backport failed because of merge conflicts

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

Manual backport

To create the backport manually run:

node scripts/backport --pr 210286

Questions ?

Please refer to the Backport tool documentation

PhilippeOberti added a commit to PhilippeOberti/kibana that referenced this pull request Feb 19, 2025
…lastic#210286)

## Summary

This PR makes a small UI addition to the expandable flyout package
history functionality [merged not long
ago](elastic#184970).

We are snow saving the time at which a panel was opened, along side the
panel's information. This allows us to show when previous flyout panels
were opened, making it users easier for users to know which
host/user/network/alerts/event document they recently looked at.

The primary logic change happens in the expandable flyout package. Most
of the other code changes are in Security Solution unit tests.

#### Before

![Screenshot 2025-02-07 at 5 07
48 PM](https://github.com/user-attachments/assets/8f0b79b7-a3db-4d01-8d3c-a4a9b632e9cf)

#### After

![Screenshot 2025-02-13 at 11 03
31 AM](https://github.com/user-attachments/assets/64cd5df2-a0b6-4eee-8555-53aedda1db8f)

You'll notice in the screenshot above that another small improvement was
added: we're limiting the width of the text rendered and show an
ellipsis. This will prevent really long texts to have the popover really
wide or to be rendered over multiple lines

### Checklist

- [x] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)
- [x]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials
- [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

(cherry picked from commit dd471d1)

# Conflicts:
#	x-pack/solutions/security/plugins/security_solution/public/flyout/entity_details/host_right/index.test.tsx
#	x-pack/solutions/security/plugins/security_solution/public/flyout/entity_details/service_right/index.test.tsx
#	x-pack/solutions/security/plugins/security_solution/public/flyout/entity_details/user_right/index.test.tsx
@PhilippeOberti
Copy link
Copy Markdown
Contributor Author

💚 All backports created successfully

Status Branch Result
9.0
8.18

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 19, 2025
…story (#210286) (#211667)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[Security Solution][Expandable flyout] show last open in the history
(#210286)](#210286)

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

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

<!--BACKPORT [{"author":{"name":"Philippe
Oberti","email":"philippe.oberti@elastic.co"},"sourceCommit":{"committedDate":"2025-02-19T01:40:34Z","message":"[Security
Solution][Expandable flyout] show last open in the history
(#210286)\n\n## Summary\n\nThis PR makes a small UI addition to the
expandable flyout package\nhistory functionality [merged not
long\nago](https://github.com/elastic/kibana/pull/184970).\n\nWe are
snow saving the time at which a panel was opened, along side
the\npanel's information. This allows us to show when previous flyout
panels\nwere opened, making it users easier for users to know
which\nhost/user/network/alerts/event document they recently looked
at.\n\nThe primary logic change happens in the expandable flyout
package. Most\nof the other code changes are in Security Solution unit
tests.\n\n#### Before\n\n![Screenshot 2025-02-07 at 5
07\n48 PM](https://github.com/user-attachments/assets/8f0b79b7-a3db-4d01-8d3c-a4a9b632e9cf)\n\n####
After\n\n![Screenshot 2025-02-13 at 11
03\n31 AM](https://github.com/user-attachments/assets/64cd5df2-a0b6-4eee-8555-53aedda1db8f)\n\nYou'll
notice in the screenshot above that another small improvement
was\nadded: we're limiting the width of the text rendered and show
an\nellipsis. This will prevent really long texts to have the popover
really\nwide or to be rendered over multiple lines\n\n### Checklist\n\n-
[x] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[x]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\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","sha":"dd471d10b25fdb44f5ff59a5a640b1e1d0873f17","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][Expandable flyout] show last open in the
history","number":210286,"url":"https://github.com/elastic/kibana/pull/210286","mergeCommit":{"message":"[Security
Solution][Expandable flyout] show last open in the history
(#210286)\n\n## Summary\n\nThis PR makes a small UI addition to the
expandable flyout package\nhistory functionality [merged not
long\nago](https://github.com/elastic/kibana/pull/184970).\n\nWe are
snow saving the time at which a panel was opened, along side
the\npanel's information. This allows us to show when previous flyout
panels\nwere opened, making it users easier for users to know
which\nhost/user/network/alerts/event document they recently looked
at.\n\nThe primary logic change happens in the expandable flyout
package. Most\nof the other code changes are in Security Solution unit
tests.\n\n#### Before\n\n![Screenshot 2025-02-07 at 5
07\n48 PM](https://github.com/user-attachments/assets/8f0b79b7-a3db-4d01-8d3c-a4a9b632e9cf)\n\n####
After\n\n![Screenshot 2025-02-13 at 11
03\n31 AM](https://github.com/user-attachments/assets/64cd5df2-a0b6-4eee-8555-53aedda1db8f)\n\nYou'll
notice in the screenshot above that another small improvement
was\nadded: we're limiting the width of the text rendered and show
an\nellipsis. This will prevent really long texts to have the popover
really\nwide or to be rendered over multiple lines\n\n### Checklist\n\n-
[x] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[x]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\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","sha":"dd471d10b25fdb44f5ff59a5a640b1e1d0873f17"}},"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/210286","number":210286,"mergeCommit":{"message":"[Security
Solution][Expandable flyout] show last open in the history
(#210286)\n\n## Summary\n\nThis PR makes a small UI addition to the
expandable flyout package\nhistory functionality [merged not
long\nago](https://github.com/elastic/kibana/pull/184970).\n\nWe are
snow saving the time at which a panel was opened, along side
the\npanel's information. This allows us to show when previous flyout
panels\nwere opened, making it users easier for users to know
which\nhost/user/network/alerts/event document they recently looked
at.\n\nThe primary logic change happens in the expandable flyout
package. Most\nof the other code changes are in Security Solution unit
tests.\n\n#### Before\n\n![Screenshot 2025-02-07 at 5
07\n48 PM](https://github.com/user-attachments/assets/8f0b79b7-a3db-4d01-8d3c-a4a9b632e9cf)\n\n####
After\n\n![Screenshot 2025-02-13 at 11
03\n31 AM](https://github.com/user-attachments/assets/64cd5df2-a0b6-4eee-8555-53aedda1db8f)\n\nYou'll
notice in the screenshot above that another small improvement
was\nadded: we're limiting the width of the text rendered and show
an\nellipsis. This will prevent really long texts to have the popover
really\nwide or to be rendered over multiple lines\n\n### Checklist\n\n-
[x] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[x]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\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","sha":"dd471d10b25fdb44f5ff59a5a640b1e1d0873f17"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Philippe Oberti <philippe.oberti@elastic.co>
PhilippeOberti added a commit that referenced this pull request Feb 19, 2025
…story (#210286) (#211668)

# Backport

This will backport the following commits from `main` to `9.0`:
- [[Security Solution][Expandable flyout] show last open in the history
(#210286)](#210286)

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

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

<!--BACKPORT [{"author":{"name":"Philippe
Oberti","email":"philippe.oberti@elastic.co"},"sourceCommit":{"committedDate":"2025-02-19T01:40:34Z","message":"[Security
Solution][Expandable flyout] show last open in the history
(#210286)\n\n## Summary\n\nThis PR makes a small UI addition to the
expandable flyout package\nhistory functionality [merged not
long\nago](https://github.com/elastic/kibana/pull/184970).\n\nWe are
snow saving the time at which a panel was opened, along side
the\npanel's information. This allows us to show when previous flyout
panels\nwere opened, making it users easier for users to know
which\nhost/user/network/alerts/event document they recently looked
at.\n\nThe primary logic change happens in the expandable flyout
package. Most\nof the other code changes are in Security Solution unit
tests.\n\n#### Before\n\n![Screenshot 2025-02-07 at 5
07\n48 PM](https://github.com/user-attachments/assets/8f0b79b7-a3db-4d01-8d3c-a4a9b632e9cf)\n\n####
After\n\n![Screenshot 2025-02-13 at 11
03\n31 AM](https://github.com/user-attachments/assets/64cd5df2-a0b6-4eee-8555-53aedda1db8f)\n\nYou'll
notice in the screenshot above that another small improvement
was\nadded: we're limiting the width of the text rendered and show
an\nellipsis. This will prevent really long texts to have the popover
really\nwide or to be rendered over multiple lines\n\n### Checklist\n\n-
[x] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[x]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\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","sha":"dd471d10b25fdb44f5ff59a5a640b1e1d0873f17","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][Expandable flyout] show last open in the
history","number":210286,"url":"https://github.com/elastic/kibana/pull/210286","mergeCommit":{"message":"[Security
Solution][Expandable flyout] show last open in the history
(#210286)\n\n## Summary\n\nThis PR makes a small UI addition to the
expandable flyout package\nhistory functionality [merged not
long\nago](https://github.com/elastic/kibana/pull/184970).\n\nWe are
snow saving the time at which a panel was opened, along side
the\npanel's information. This allows us to show when previous flyout
panels\nwere opened, making it users easier for users to know
which\nhost/user/network/alerts/event document they recently looked
at.\n\nThe primary logic change happens in the expandable flyout
package. Most\nof the other code changes are in Security Solution unit
tests.\n\n#### Before\n\n![Screenshot 2025-02-07 at 5
07\n48 PM](https://github.com/user-attachments/assets/8f0b79b7-a3db-4d01-8d3c-a4a9b632e9cf)\n\n####
After\n\n![Screenshot 2025-02-13 at 11
03\n31 AM](https://github.com/user-attachments/assets/64cd5df2-a0b6-4eee-8555-53aedda1db8f)\n\nYou'll
notice in the screenshot above that another small improvement
was\nadded: we're limiting the width of the text rendered and show
an\nellipsis. This will prevent really long texts to have the popover
really\nwide or to be rendered over multiple lines\n\n### Checklist\n\n-
[x] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[x]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\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","sha":"dd471d10b25fdb44f5ff59a5a640b1e1d0873f17"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.18"],"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/210286","number":210286,"mergeCommit":{"message":"[Security
Solution][Expandable flyout] show last open in the history
(#210286)\n\n## Summary\n\nThis PR makes a small UI addition to the
expandable flyout package\nhistory functionality [merged not
long\nago](https://github.com/elastic/kibana/pull/184970).\n\nWe are
snow saving the time at which a panel was opened, along side
the\npanel's information. This allows us to show when previous flyout
panels\nwere opened, making it users easier for users to know
which\nhost/user/network/alerts/event document they recently looked
at.\n\nThe primary logic change happens in the expandable flyout
package. Most\nof the other code changes are in Security Solution unit
tests.\n\n#### Before\n\n![Screenshot 2025-02-07 at 5
07\n48 PM](https://github.com/user-attachments/assets/8f0b79b7-a3db-4d01-8d3c-a4a9b632e9cf)\n\n####
After\n\n![Screenshot 2025-02-13 at 11
03\n31 AM](https://github.com/user-attachments/assets/64cd5df2-a0b6-4eee-8555-53aedda1db8f)\n\nYou'll
notice in the screenshot above that another small improvement
was\nadded: we're limiting the width of the text rendered and show
an\nellipsis. This will prevent really long texts to have the popover
really\nwide or to be rendered over multiple lines\n\n### Checklist\n\n-
[x] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[x]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\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","sha":"dd471d10b25fdb44f5ff59a5a640b1e1d0873f17"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/211667","number":211667,"state":"OPEN"}]}]
BACKPORT-->
PhilippeOberti added a commit that referenced this pull request Feb 19, 2025
…istory (#210286) (#211669)

# Backport

This will backport the following commits from `main` to `8.18`:
- [[Security Solution][Expandable flyout] show last open in the history
(#210286)](#210286)

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

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

<!--BACKPORT [{"author":{"name":"Philippe
Oberti","email":"philippe.oberti@elastic.co"},"sourceCommit":{"committedDate":"2025-02-19T01:40:34Z","message":"[Security
Solution][Expandable flyout] show last open in the history
(#210286)\n\n## Summary\n\nThis PR makes a small UI addition to the
expandable flyout package\nhistory functionality [merged not
long\nago](https://github.com/elastic/kibana/pull/184970).\n\nWe are
snow saving the time at which a panel was opened, along side
the\npanel's information. This allows us to show when previous flyout
panels\nwere opened, making it users easier for users to know
which\nhost/user/network/alerts/event document they recently looked
at.\n\nThe primary logic change happens in the expandable flyout
package. Most\nof the other code changes are in Security Solution unit
tests.\n\n#### Before\n\n![Screenshot 2025-02-07 at 5
07\n48 PM](https://github.com/user-attachments/assets/8f0b79b7-a3db-4d01-8d3c-a4a9b632e9cf)\n\n####
After\n\n![Screenshot 2025-02-13 at 11
03\n31 AM](https://github.com/user-attachments/assets/64cd5df2-a0b6-4eee-8555-53aedda1db8f)\n\nYou'll
notice in the screenshot above that another small improvement
was\nadded: we're limiting the width of the text rendered and show
an\nellipsis. This will prevent really long texts to have the popover
really\nwide or to be rendered over multiple lines\n\n### Checklist\n\n-
[x] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[x]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\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","sha":"dd471d10b25fdb44f5ff59a5a640b1e1d0873f17","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][Expandable flyout] show last open in the
history","number":210286,"url":"https://github.com/elastic/kibana/pull/210286","mergeCommit":{"message":"[Security
Solution][Expandable flyout] show last open in the history
(#210286)\n\n## Summary\n\nThis PR makes a small UI addition to the
expandable flyout package\nhistory functionality [merged not
long\nago](https://github.com/elastic/kibana/pull/184970).\n\nWe are
snow saving the time at which a panel was opened, along side
the\npanel's information. This allows us to show when previous flyout
panels\nwere opened, making it users easier for users to know
which\nhost/user/network/alerts/event document they recently looked
at.\n\nThe primary logic change happens in the expandable flyout
package. Most\nof the other code changes are in Security Solution unit
tests.\n\n#### Before\n\n![Screenshot 2025-02-07 at 5
07\n48 PM](https://github.com/user-attachments/assets/8f0b79b7-a3db-4d01-8d3c-a4a9b632e9cf)\n\n####
After\n\n![Screenshot 2025-02-13 at 11
03\n31 AM](https://github.com/user-attachments/assets/64cd5df2-a0b6-4eee-8555-53aedda1db8f)\n\nYou'll
notice in the screenshot above that another small improvement
was\nadded: we're limiting the width of the text rendered and show
an\nellipsis. This will prevent really long texts to have the popover
really\nwide or to be rendered over multiple lines\n\n### Checklist\n\n-
[x] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[x]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\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","sha":"dd471d10b25fdb44f5ff59a5a640b1e1d0873f17"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.18"],"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/210286","number":210286,"mergeCommit":{"message":"[Security
Solution][Expandable flyout] show last open in the history
(#210286)\n\n## Summary\n\nThis PR makes a small UI addition to the
expandable flyout package\nhistory functionality [merged not
long\nago](https://github.com/elastic/kibana/pull/184970).\n\nWe are
snow saving the time at which a panel was opened, along side
the\npanel's information. This allows us to show when previous flyout
panels\nwere opened, making it users easier for users to know
which\nhost/user/network/alerts/event document they recently looked
at.\n\nThe primary logic change happens in the expandable flyout
package. Most\nof the other code changes are in Security Solution unit
tests.\n\n#### Before\n\n![Screenshot 2025-02-07 at 5
07\n48 PM](https://github.com/user-attachments/assets/8f0b79b7-a3db-4d01-8d3c-a4a9b632e9cf)\n\n####
After\n\n![Screenshot 2025-02-13 at 11
03\n31 AM](https://github.com/user-attachments/assets/64cd5df2-a0b6-4eee-8555-53aedda1db8f)\n\nYou'll
notice in the screenshot above that another small improvement
was\nadded: we're limiting the width of the text rendered and show
an\nellipsis. This will prevent really long texts to have the popover
really\nwide or to be rendered over multiple lines\n\n### Checklist\n\n-
[x] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[x]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\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","sha":"dd471d10b25fdb44f5ff59a5a640b1e1d0873f17"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"url":"https://github.com/elastic/kibana/pull/211667","number":211667,"state":"OPEN"}]}]
BACKPORT-->
CAWilson94 pushed a commit to CAWilson94/kibana that referenced this pull request Mar 22, 2025
…lastic#210286)

## Summary

This PR makes a small UI addition to the expandable flyout package
history functionality [merged not long
ago](elastic#184970).

We are snow saving the time at which a panel was opened, along side the
panel's information. This allows us to show when previous flyout panels
were opened, making it users easier for users to know which
host/user/network/alerts/event document they recently looked at.

The primary logic change happens in the expandable flyout package. Most
of the other code changes are in Security Solution unit tests.

#### Before

![Screenshot 2025-02-07 at 5 07
48 PM](https://github.com/user-attachments/assets/8f0b79b7-a3db-4d01-8d3c-a4a9b632e9cf)

#### After

![Screenshot 2025-02-13 at 11 03
31 AM](https://github.com/user-attachments/assets/64cd5df2-a0b6-4eee-8555-53aedda1db8f)

You'll notice in the screenshot above that another small improvement was
added: we're limiting the width of the text rendered and show an
ellipsis. This will prevent really long texts to have the popover really
wide or to be rendered over multiple lines

### Checklist

- [x] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)
- [x]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials
- [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
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 Threat Hunting 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.

5 participants