Commit d5e39b5
[9.4] [Entity Analytics][UI][Leads Generation] Match UI design with latest mocks (elastic#262457) (elastic#263949)
# Backport
This will backport the following commits from `main` to `9.4`:
- [[Entity Analytics][UI][Leads Generation] Match UI design with latest
mocks (elastic#262457)](elastic#262457)
<!--- Backport version: 9.6.6 -->
### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)
<!--BACKPORT [{"author":{"name":"Abhishek
Bhatia","email":"117628830+abhishekbhatia1710@users.noreply.github.com"},"sourceCommit":{"committedDate":"2026-04-17T05:41:54Z","message":"[Entity
Analytics][UI][Leads Generation] Match UI design with latest mocks
(elastic#262457)\n\n## Summary\n\nThis PR includes changes related to UI and
related backend components\nfor the leads generation.\n\n\n- Landing
panel when there are no leads.\n\n<img width=\"1664\" height=\"402\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/3357fe98-3700-4a04-a750-d23e95bd21c8\"\n/>\n\n-
Loading panel\n<img width=\"828\" height=\"120\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/595fd342-0411-40ee-ad2f-ff1de920dc2d\"\n/>\n\n-
No data found panel\n<img width=\"1659\" height=\"476\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/1f2d3293-491a-4cbc-abf5-6392e6c515e4\"\n/>\n\n\n1.
Addition of Tech preview (flask), text `Generated by AI`, using the\nnew
`AiButton` and the `ellipsis` which contains the toggle
for\nauto-refreshing the leads generation every 24 hours for
now.\n\n<img width=\"1660\" height=\"365\" alt=\"Screenshot 2026-04-10
at 1 55
55 PM\"\nsrc=\"https://github.com/user-attachments/assets/0de37838-03cf-4edd-8946-2d4c06e853bb\"\n/>\n\n\nWith
ellipsis option :\n\n<img width=\"1663\" height=\"379\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/7a057614-fab8-49b4-98fe-c63f308d3954\"\n/>\n\n\n2.
Adding `tags` in the popover for the lead cards and the flyout
which\nshows all the labels associated with the leads
generated.\n\n\n<img width=\"1657\" height=\"422\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/3fa9daf9-f876-4138-96fd-a4348afed42e\"\n/>\n\n\n4.
Improved the \"See All\" flyout to have description and
similar\nbehavior as the main UI lead cards with the similar
popover.\n\n\n<img width=\"953\" height=\"827\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/529003ce-d93a-4dbd-9aaf-c1dbf61dd8cd\"\n/>\n\n\n6.
Improved error handling for the leads generation. The errors are\nthrown
and caught and shown on the UI as :\n\n<img width=\"1019\"
height=\"546\" alt=\"Screenshot 2026-04-10 at 1 37
57 PM\"\nsrc=\"https://github.com/user-attachments/assets/6559879b-5e3e-4b76-ad8d-f222a58848a4\"\n/>\n\n7.
\"See All\" is changed to \"Recent Leads\". The border is just
to\nhighlight the screenshot, it is not present in the code.\n<img
width=\"1655\" height=\"365\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/46bcaafe-f638-479d-b6e9-0fcec472ae30\"\n/>\n\n8.
Pagination is removed from the \"Recent Leads\" flyout.\n<img
width=\"957\" height=\"833\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/928175ae-3964-4493-a283-d3c2bd1cecab\"\n/>\n\n9.
The overflowing of the lead cards when the viewport is shrinked
is\nfixed as
well\n\n\nhttps://github.com/user-attachments/assets/7c42cc90-61e3-4c97-80a9-b19ec6a069dd\n\n10.
Tech preview tooltip.\n<img width=\"1668\" height=\"180\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/f09f63e2-8431-42d7-94f1-be11b92a1cd9\"\n/>\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] 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-
[ ] 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)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*` labels.\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by: Jared
Burgett
<147995946+jaredburgettelastic@users.noreply.github.com>","sha":"0c362af632555885f689987d14051a37c2f7f004","branchLabelMapping":{"^v9.5.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Team:Entity
Analytics","backport:version","v9.4.0","v9.5.0"],"title":"[Entity
Analytics][UI][Leads Generation] Match UI design with latest
mocks","number":262457,"url":"https://github.com/elastic/kibana/pull/262457","mergeCommit":{"message":"[Entity
Analytics][UI][Leads Generation] Match UI design with latest mocks
(elastic#262457)\n\n## Summary\n\nThis PR includes changes related to UI and
related backend components\nfor the leads generation.\n\n\n- Landing
panel when there are no leads.\n\n<img width=\"1664\" height=\"402\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/3357fe98-3700-4a04-a750-d23e95bd21c8\"\n/>\n\n-
Loading panel\n<img width=\"828\" height=\"120\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/595fd342-0411-40ee-ad2f-ff1de920dc2d\"\n/>\n\n-
No data found panel\n<img width=\"1659\" height=\"476\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/1f2d3293-491a-4cbc-abf5-6392e6c515e4\"\n/>\n\n\n1.
Addition of Tech preview (flask), text `Generated by AI`, using the\nnew
`AiButton` and the `ellipsis` which contains the toggle
for\nauto-refreshing the leads generation every 24 hours for
now.\n\n<img width=\"1660\" height=\"365\" alt=\"Screenshot 2026-04-10
at 1 55
55 PM\"\nsrc=\"https://github.com/user-attachments/assets/0de37838-03cf-4edd-8946-2d4c06e853bb\"\n/>\n\n\nWith
ellipsis option :\n\n<img width=\"1663\" height=\"379\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/7a057614-fab8-49b4-98fe-c63f308d3954\"\n/>\n\n\n2.
Adding `tags` in the popover for the lead cards and the flyout
which\nshows all the labels associated with the leads
generated.\n\n\n<img width=\"1657\" height=\"422\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/3fa9daf9-f876-4138-96fd-a4348afed42e\"\n/>\n\n\n4.
Improved the \"See All\" flyout to have description and
similar\nbehavior as the main UI lead cards with the similar
popover.\n\n\n<img width=\"953\" height=\"827\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/529003ce-d93a-4dbd-9aaf-c1dbf61dd8cd\"\n/>\n\n\n6.
Improved error handling for the leads generation. The errors are\nthrown
and caught and shown on the UI as :\n\n<img width=\"1019\"
height=\"546\" alt=\"Screenshot 2026-04-10 at 1 37
57 PM\"\nsrc=\"https://github.com/user-attachments/assets/6559879b-5e3e-4b76-ad8d-f222a58848a4\"\n/>\n\n7.
\"See All\" is changed to \"Recent Leads\". The border is just
to\nhighlight the screenshot, it is not present in the code.\n<img
width=\"1655\" height=\"365\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/46bcaafe-f638-479d-b6e9-0fcec472ae30\"\n/>\n\n8.
Pagination is removed from the \"Recent Leads\" flyout.\n<img
width=\"957\" height=\"833\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/928175ae-3964-4493-a283-d3c2bd1cecab\"\n/>\n\n9.
The overflowing of the lead cards when the viewport is shrinked
is\nfixed as
well\n\n\nhttps://github.com/user-attachments/assets/7c42cc90-61e3-4c97-80a9-b19ec6a069dd\n\n10.
Tech preview tooltip.\n<img width=\"1668\" height=\"180\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/f09f63e2-8431-42d7-94f1-be11b92a1cd9\"\n/>\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] 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-
[ ] 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)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*` labels.\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by: Jared
Burgett
<147995946+jaredburgettelastic@users.noreply.github.com>","sha":"0c362af632555885f689987d14051a37c2f7f004"}},"sourceBranch":"main","suggestedTargetBranches":["9.4"],"targetPullRequestStates":[{"branch":"9.4","label":"v9.4.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.5.0","branchLabelMappingKey":"^v9.5.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/262457","number":262457,"mergeCommit":{"message":"[Entity
Analytics][UI][Leads Generation] Match UI design with latest mocks
(elastic#262457)\n\n## Summary\n\nThis PR includes changes related to UI and
related backend components\nfor the leads generation.\n\n\n- Landing
panel when there are no leads.\n\n<img width=\"1664\" height=\"402\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/3357fe98-3700-4a04-a750-d23e95bd21c8\"\n/>\n\n-
Loading panel\n<img width=\"828\" height=\"120\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/595fd342-0411-40ee-ad2f-ff1de920dc2d\"\n/>\n\n-
No data found panel\n<img width=\"1659\" height=\"476\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/1f2d3293-491a-4cbc-abf5-6392e6c515e4\"\n/>\n\n\n1.
Addition of Tech preview (flask), text `Generated by AI`, using the\nnew
`AiButton` and the `ellipsis` which contains the toggle
for\nauto-refreshing the leads generation every 24 hours for
now.\n\n<img width=\"1660\" height=\"365\" alt=\"Screenshot 2026-04-10
at 1 55
55 PM\"\nsrc=\"https://github.com/user-attachments/assets/0de37838-03cf-4edd-8946-2d4c06e853bb\"\n/>\n\n\nWith
ellipsis option :\n\n<img width=\"1663\" height=\"379\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/7a057614-fab8-49b4-98fe-c63f308d3954\"\n/>\n\n\n2.
Adding `tags` in the popover for the lead cards and the flyout
which\nshows all the labels associated with the leads
generated.\n\n\n<img width=\"1657\" height=\"422\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/3fa9daf9-f876-4138-96fd-a4348afed42e\"\n/>\n\n\n4.
Improved the \"See All\" flyout to have description and
similar\nbehavior as the main UI lead cards with the similar
popover.\n\n\n<img width=\"953\" height=\"827\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/529003ce-d93a-4dbd-9aaf-c1dbf61dd8cd\"\n/>\n\n\n6.
Improved error handling for the leads generation. The errors are\nthrown
and caught and shown on the UI as :\n\n<img width=\"1019\"
height=\"546\" alt=\"Screenshot 2026-04-10 at 1 37
57 PM\"\nsrc=\"https://github.com/user-attachments/assets/6559879b-5e3e-4b76-ad8d-f222a58848a4\"\n/>\n\n7.
\"See All\" is changed to \"Recent Leads\". The border is just
to\nhighlight the screenshot, it is not present in the code.\n<img
width=\"1655\" height=\"365\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/46bcaafe-f638-479d-b6e9-0fcec472ae30\"\n/>\n\n8.
Pagination is removed from the \"Recent Leads\" flyout.\n<img
width=\"957\" height=\"833\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/928175ae-3964-4493-a283-d3c2bd1cecab\"\n/>\n\n9.
The overflowing of the lead cards when the viewport is shrinked
is\nfixed as
well\n\n\nhttps://github.com/user-attachments/assets/7c42cc90-61e3-4c97-80a9-b19ec6a069dd\n\n10.
Tech preview tooltip.\n<img width=\"1668\" height=\"180\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/f09f63e2-8431-42d7-94f1-be11b92a1cd9\"\n/>\n\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers
should verify this PR satisfies this list as well.\n\n- [ ] 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-
[ ] 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)\n-
[ ] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*` labels.\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by: Jared
Burgett
<147995946+jaredburgettelastic@users.noreply.github.com>","sha":"0c362af632555885f689987d14051a37c2f7f004"}}]}]
BACKPORT-->
Co-authored-by: Abhishek Bhatia <117628830+abhishekbhatia1710@users.noreply.github.com>
Co-authored-by: Jared Burgett <147995946+jaredburgettelastic@users.noreply.github.com>1 parent c4a0d58 commit d5e39b5
20 files changed
Lines changed: 694 additions & 292 deletions
File tree
- x-pack/solutions/security/plugins/security_solution
- public
- common/images
- entity_analytics
- components/threat_hunting/top_threat_hunting_leads
- pages
- server/lib/entity_analytics/lead_generation
- engine
- observation_modules
- behavioral_analysis_module
Lines changed: 33 additions & 0 deletions
Loading
Lines changed: 61 additions & 8 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
45 | 45 | | |
46 | 46 | | |
47 | 47 | | |
| 48 | + | |
| 49 | + | |
48 | 50 | | |
49 | 51 | | |
50 | 52 | | |
| |||
92 | 94 | | |
93 | 95 | | |
94 | 96 | | |
95 | | - | |
| 97 | + | |
| 98 | + | |
| 99 | + | |
| 100 | + | |
| 101 | + | |
96 | 102 | | |
97 | 103 | | |
98 | 104 | | |
| |||
124 | 130 | | |
125 | 131 | | |
126 | 132 | | |
127 | | - | |
| 133 | + | |
128 | 134 | | |
129 | 135 | | |
130 | | - | |
131 | | - | |
| 136 | + | |
| 137 | + | |
| 138 | + | |
| 139 | + | |
| 140 | + | |
| 141 | + | |
| 142 | + | |
| 143 | + | |
| 144 | + | |
| 145 | + | |
| 146 | + | |
| 147 | + | |
| 148 | + | |
| 149 | + | |
| 150 | + | |
| 151 | + | |
| 152 | + | |
| 153 | + | |
| 154 | + | |
| 155 | + | |
| 156 | + | |
| 157 | + | |
| 158 | + | |
| 159 | + | |
| 160 | + | |
| 161 | + | |
| 162 | + | |
| 163 | + | |
| 164 | + | |
132 | 165 | | |
133 | 166 | | |
134 | | - | |
| 167 | + | |
| 168 | + | |
| 169 | + | |
| 170 | + | |
| 171 | + | |
135 | 172 | | |
| 173 | + | |
136 | 174 | | |
137 | | - | |
| 175 | + | |
| 176 | + | |
138 | 177 | | |
139 | | - | |
140 | | - | |
| 178 | + | |
| 179 | + | |
| 180 | + | |
| 181 | + | |
| 182 | + | |
| 183 | + | |
| 184 | + | |
| 185 | + | |
| 186 | + | |
| 187 | + | |
| 188 | + | |
| 189 | + | |
| 190 | + | |
| 191 | + | |
| 192 | + | |
| 193 | + | |
141 | 194 | | |
142 | 195 | | |
143 | 196 | | |
| |||
0 commit comments