Trace Analytics v2 update - adding in conext views, updating filter, adding services metrics

[ps48]

Description

Below are the UX changes done for trace analytics v2, the PR is mainly restricted to changes in public/components/trace_analytics/ with minor state pass update in explorer. Tried to fix a lot of lint issues, still some of them are pending. Will create another PR for updating cypress and adding more jest tests for new components. Below is the list of features added in this PR:

Major files changes that need to be reviewed are the ones below, the other files are changes for theming, minor additions and test/lint updates

public/components/event_analytics/explorer/explorer.tsx
public/components/trace_analytics/components/common/filters/filter_helpers.tsx
public/components/trace_analytics/components/common/filters/filters.tsx
public/components/trace_analytics/components/common/helper_functions.tsx
public/components/trace_analytics/components/common/plots/service_map.tsx
public/components/trace_analytics/components/common/search_bar.tsx
public/components/trace_analytics/components/services/service_flyout.tsx
public/components/trace_analytics/components/services/service_metrics.tsx
public/components/trace_analytics/components/services/service_view.tsx
public/components/trace_analytics/components/services/services_content.tsx
public/components/trace_analytics/requests/services_request_handler.ts
public/components/trace_analytics/requests/queries/services_queries.ts
public/components/trace_analytics/components/traces/span_detail_flyout.tsx

• New action button to invoke the service flyout, Ability to filter multiple services with OR clause

• The service flyout view component

• 24hr service trend metrics on latency, throughput and requests

• Show service dependency graph and table

• Move to service logs and traces from the service flyout

• Trace groups moved to trace view

• Show 24hr metrics as popover on service table when trend metrics are enabled

• Show a node details as legend on service map when clicked on a node

• Ability to see incontext span flyout with ability to move back and view associated logs by spanId

• Ability to add resource attributes and span attributes as filters

• Clean up background and theming for existing plot

Issues Resolved

[List any issues this PR will resolve]

Check List

• New functionality includes testing.
  • All tests pass, including unit test, integration test and doctest
• New functionality has been documented.
  • New functionality has javadoc added
  • New functionality has user manual doc added
• Commits are signed per the DCO using --signoff

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.
For more information on following Developer Certificate of Origin and signing off your commits, please check here.

[paulstn]

Explorer changes look good to me

[joshuali925]

didn't get to read everything but no concerns so far. i'll do some testing later and report if any issues

[joshuali925]

what does this do?

[ps48]

This is from another approach I was trying to solve onClick handler for the node. Ended up just using the selectedNodeDetails. So, I'll remove this one.

[joshuali925]

TODO for future, this can probably just be a ref from parent and attached to EuiFieldSearch, to simplify the logic and reduce re-renders

[opensearch-trigger-bot]

The backport to 2.x failed:

The process '/usr/bin/git' failed with exit code 128

To backport manually, run these commands in your terminal:

# Navigate to the root of your repository
cd $(git rev-parse --show-toplevel)
# Fetch latest updates from GitHub
git fetch
# Create a new working tree
git worktree add ../.worktrees/dashboards-observability/backport-2.x 2.x
# Navigate to the new working tree
pushd ../.worktrees/dashboards-observability/backport-2.x
# Create a new branch
git switch --create backport/backport-1883-to-2.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x --mainline 1 2a446bb990a92c071012668eacc581c629a88fe7
# Push it to GitHub
git push --set-upstream origin backport/backport-1883-to-2.x
# Go back to the original working tree
popd
# Delete the working tree
git worktree remove ../.worktrees/dashboards-observability/backport-2.x

Then, create a pull request where the base branch is 2.x and the compare/head branch is backport/backport-1883-to-2.x.