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

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

Merged
merged 1 commit into from
Dec 19, 2024

Conversation

kibanamachine
Copy link
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 <[email protected]>
Co-authored-by: Brad White <[email protected]>
Co-authored-by: seanrathier <[email protected]>
(cherry picked from commit 576f3c5)
@kibanamachine kibanamachine merged commit d3a325a into elastic:8.x Dec 19, 2024
12 checks passed
@elasticmachine
Copy link
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
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants