Jennifer Villa
af066d2312
* feat(explore): implement compact mode feature This commit implements compact mode for Grafana Explore to address issue #102867. Features implemented: - URL parameter support: ?compact=true or ?compact=1 activates compact mode - Query rows auto-collapse: Query editors start collapsed showing summary line - Content outline auto-collapse: Sections start collapsed to save space - Single DrilldownAlertBox: Shows single banner in split view (no duplicates) Changes: - Added compactMode to ExploreState interface and selectors - Added URL parameter parsing in useStateSync hook - Modified QueryRows and QueryEditorRow components to support compact mode - Updated DrilldownAlertBox logic to prevent duplicates in split view - Fixed test files to use proper mock state objects Fixes #102867 * Move compact mode to pane state and sync with URL * Clean up * Show Drilldown alert box only when not splitted * Rename and clean up * Clean up * Add missing props * Add missing props * Add missing translations --------- Co-authored-by: Piotr Jamróz <pm.jamroz@gmail.com>
The open-source platform for monitoring and observability
Grafana allows you to query, visualize, alert on and understand your metrics no matter where they are stored. Create, explore, and share dashboards with your team and foster a data-driven culture:
- Visualizations: Fast and flexible client side graphs with a multitude of options. Panel plugins offer many different ways to visualize metrics and logs.
- Dynamic Dashboards: Create dynamic & reusable dashboards with template variables that appear as dropdowns at the top of the dashboard.
- Explore Metrics: Explore your data through ad-hoc queries and dynamic drilldown. Split view and compare different time ranges, queries and data sources side by side.
- Explore Logs: Experience the magic of switching from metrics to logs with preserved label filters. Quickly search through all your logs or streaming them live.
- Alerting: Visually define alert rules for your most important metrics. Grafana will continuously evaluate and send notifications to systems like Slack, PagerDuty, VictorOps, OpsGenie.
- Mixed Data Sources: Mix different data sources in the same graph! You can specify a data source on a per-query basis. This works for even custom datasources.
Get started
Unsure if Grafana is for you? Watch Grafana in action on play.grafana.org!
Documentation
The Grafana documentation is available at grafana.com/docs.
Contributing
If you're interested in contributing to the Grafana project:
- Start by reading the Contributing guide.
- Learn how to set up your local environment, in our Developer guide.
- Explore our beginner-friendly issues.
- Look through our style guide and Storybook.
Get involved
- Follow @grafana on X (formerly Twitter).
- Read and subscribe to the Grafana blog.
- If you have a specific question, check out our discussion forums.
- For general discussions, join us on the official Slack team.
This project is tested with BrowserStack.
License
Grafana is distributed under AGPL-3.0-only. For Apache-2.0 exceptions, see LICENSING.md.