Skip to content

[8.x] [Cloud Security] Update graph appearance (#204610)#204974

Merged
kibanamachine merged 1 commit intoelastic:8.xfrom
kibanamachine:backport/8.x/pr-204610
Dec 19, 2024
Merged

[8.x] [Cloud Security] Update graph appearance (#204610)#204974
kibanamachine merged 1 commit intoelastic:8.xfrom
kibanamachine:backport/8.x/pr-204610

Conversation

@kibanamachine
Copy link
Copy Markdown
Contributor

Backport

This will backport the following commits from main to 8.x:

Questions ?

Please refer to the Backport tool documentation

## Summary

- [x] Remove the unknown or question symbols for entities who's type we
don't know
- [x] Replace edges to be sharp path instead of a smooth one
- [x] Changed background of alerted node from `danger` to `primary`
- [x] Fix arrow popover color not in sync with background color
- [x] Handles should be visible as a small dot
- [x] Expand button's color should be similar to the nodes color
- [x] Main alert path should be a solid line

Before:

![Screenshot 2024-12-18 at 18 45
31](https://github.com/user-attachments/assets/4fd24ec7-8a8b-4659-8605-a53685be8d78)

After:

![Screenshot 2024-12-18 at 19 08
31](https://github.com/user-attachments/assets/ebeae458-075d-48a3-8a42-66787440adc1)

https://github.com/user-attachments/assets/4253ec83-19da-4c34-bb80-cb4ca900672d

**How to test**

To test this PR you can run

```
yarn storybook cloud_security_posture_packages
```

To test e2e

- Enable the feature flag

`kibana.dev.yml`:

```yaml
uiSettings.overrides.securitySolution:enableVisualizationsInFlyout: true
xpack.securitySolution.enableExperimental: ['graphVisualizationInFlyoutEnabled']
```

- Load mocked data:

```bash
node scripts/es_archiver load x-pack/test/cloud_security_posture_functional/es_archives/logs_gcp_audit \
  --es-url http://elastic:changeme@localhost:9200 \
  --kibana-url http://elastic:changeme@localhost:5601

node scripts/es_archiver load x-pack/test/cloud_security_posture_functional/es_archives/security_alerts \
  --es-url http://elastic:changeme@localhost:9200 \
  --kibana-url http://elastic:changeme@localhost:5601
```

- Make sure you include data from Oct 13 2024. (in the video I use Last
year)

### 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

---------

Co-authored-by: Sean Rathier <sean.rathier@elastic.co>
Co-authored-by: Brad White <Ikuni17@users.noreply.github.com>
Co-authored-by: seanrathier <sean.rathier@gmail.com>
(cherry picked from commit 576f3c5)
@kibanamachine kibanamachine added the backport This PR is a backport of another PR label Dec 19, 2024
@kibanamachine kibanamachine enabled auto-merge (squash) December 19, 2024 16:27
@kibanamachine kibanamachine merged commit d3a325a into elastic:8.x Dec 19, 2024
@elasticmachine
Copy link
Copy Markdown
Contributor

💚 Build Succeeded

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
securitySolution 6442 6443 +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 18.5MB 18.5MB +87.0B
Unknown metric groups

ESLint disabled line counts

id before after diff
@kbn/cloud-security-posture-graph 32 33 +1

Total ESLint disabled count

id before after diff
@kbn/cloud-security-posture-graph 34 35 +1

cc @kfirpeled

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport This PR is a backport of another PR

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants