appdatatrail

Maps the AppDataTrail portion of Grafana Metrics Drilldown for navigation.

31|18|Updated Oct 15, 2024
One-click install
npx skills add https://github.com/grafana/metrics-drilldown --skill appdatatrail
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: appdatatrail
Source: https://github.com/grafana/metrics-drilldown/tree/main/.claude/skills/generated/appdatatrail
Command: npx skills add https://github.com/grafana/metrics-drilldown --skill appdatatrail

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides clear guidance for understanding, extending, and debugging the AppDataTrail area of Grafana Metrics Drilldown, enabling developers to map data flow between metrics and UI components.

Core Features & Use Cases

  • Understands how AppDataTrail coordinates with MetricsReducer, DataTrail, and MetricScene to drive metric exploration.
  • Documents key entry points (getAppBackgroundColor, isPrometheusDataSource) and core symbols (MetricsReducer, MetricScene, LabelsDataSource) to accelerate onboarding and debugging.
  • Serves as a reference for modifying appdatatrail-related functionality and extending behavior in code reviews or refactors.

Quick Start

Review the AppDataTrail area by loading the MetricsReducer flow and inspecting how metric selections propagate through the UI.

Frequently Asked Questions about appdatatrail

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I navigate the Grafana Metrics Drilldown codebase to understand AppDataTrail data flow?

To navigate Grafana Metrics Drilldown, trace data flow through core files like DataTrail.tsx, MetricsReducer.tsx, and MetricScene.tsx. Mapping these key classes and symbols reveals how metric selections propagate through the UI components.

What is the role of MetricsReducer and MetricScene in Grafana AppDataTrail?

MetricsReducer and MetricScene in Grafana AppDataTrail coordinate to drive metric exploration. MetricsReducer manages state logic while MetricScene renders the UI, together mapping how data flows between underlying metrics and visual components.

How do I extend AppDataTrail functionality when refactoring Grafana Metrics Drilldown?

To extend AppDataTrail functionality during Grafana refactoring, use documented entry points like getAppBackgroundColor and isPrometheusDataSource. These symbols serve as reference anchors for modifying behavior and updating code safely.

Does AppDataTrail work with LabelsDataSource for metric exploration?

Yes, AppDataTrail works directly with LabelsDataSource for metric exploration. LabelsDataSource is a core symbol within the Grafana Metrics Drilldown architecture that helps manage how label data is fetched and rendered in the UI.

Why does my metric selection not propagate correctly in DataTrail.tsx?

If metric selection fails to propagate in DataTrail.tsx, inspect how MetricsReducer passes state to MetricScene. Debugging this coordination between files clarifies where the UI data flow breaks down during metric exploration.

Can I use AppDataTrail documentation for onboarding to Grafana frontend development?

Yes, you can use AppDataTrail documentation for onboarding to Grafana frontend development. It maps key TypeScript classes and entry points, accelerating understanding of how React components coordinate within the Metrics Drilldown architecture.