[Page Header] New page header for metrics

[RyanL1997]

Description

New page header for metrics

Screenshots

Old Header page layout changes

New Header changes

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.

[RyanL1997]

unrelated, but unified the usage here.

[TackAdam]

Everything looks good with the feature flag enabled, but have some concerns when it is disabled.

When disabling it do we want to keep the original formatting? It currently places the new save action between the span and super date picker.

[codecov]

Codecov Report

Attention: Patch coverage is 78.12500% with 7 lines in your changes missing coverage. Please review.

Project coverage is 54.75%. Comparing base (c3ab50f) to head (bee60d7).
Report is 54 commits behind head on main.

Files	Patch %	Lines
...mponents/metrics/top_menu/metrics_export_panel.tsx	55.55%	4 Missing ⚠️
...lic/components/metrics/top_menu/metrics_export.tsx	94.11%	1 Missing ⚠️
public/components/metrics/top_menu/top_menu.tsx	0.00%	1 Missing ⚠️
public/plugin.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2050      +/-   ##
==========================================
- Coverage   57.85%   54.75%   -3.10%     
==========================================
  Files         372      394      +22     
  Lines       14081    15244    +1163     
  Branches     3712     4124     +412     
==========================================
+ Hits         8146     8347     +201     
- Misses       5871     6816     +945     
- Partials       64       81      +17     

Flag	Coverage Δ
dashboards-observability	54.75% <78.12%> (-3.10%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[TackAdam]

Only remaining difference I see from the mocks is the refresh for the super data picker. I don't see an option to change this within the picker though might need to be raised as a separate issue.

Looks correct with new navigation disabled now:

[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-2050-to-2.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x --mainline 1 65453a34fe87422070578d5e44dc982dbc34fd43
# Push it to GitHub
git push --set-upstream origin backport/backport-2050-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-2050-to-2.x.