skills.rest
grafana
grafanaOFFICIAL
Explore all skills by this author →
Website𝕏@grafanaGitHub

metricsgroupbylist

Document MetricsGroupByList source and onClickShowMore batch-loading logic.

31|18|Updated Oct 15, 2024
Search Tags:#typescript#ui#codebase#metrics#groupby#metricsdrilldown#onclickshowmore
One-click install
npx skills add https://github.com/grafana/metrics-drilldown --skill metricsgroupbylist
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: metricsgroupbylist
Source: https://github.com/grafana/metrics-drilldown/tree/main/.claude/skills/generated/metricsgroupbylist
Command: npx skills add https://github.com/grafana/metrics-drilldown --skill metricsgroupbylist

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps engineers quickly understand and audit how the MetricsGroupByList area renders and manages grouped metric data within metrics-drilldown, including onClickShowMore interactions.

Core Features & Use Cases

  • Provides a curated overview of key components (MetricsGroupByRow, MetricsGroupByList, and related UI panels) and their relationships.
  • Documents entry points and patterns for expanding metric groups, layout changes, and data flows in the MetricsGroupByList workflow.
  • Useful for code reviewers and new contributors to quickly locate implementation details and usage patterns.

Quick Start

Explore the MetricsGroupByList source to map onClickShowMore flows.

Frequently Asked Questions about metricsgroupbylist

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

FAQPage Schema
How do I trace grouped metrics rendering and onClickShowMore logic in a TypeScript codebase?▼

Grouped metrics rendering is documented by examining the MetricsGroupByList and MetricsGroupByRow source files under the MetricsReducer directory. It maps onClickShowMore flows, batch-loading logic, and UI layout changes to help locate implementation details and data relationships.

What is the best way to navigate metric group expansion logic in a TypeScript project?▼

Navigating metric group expansion logic requires analyzing the TypeScript project tree and symbol-to-file mapping. It documents how MetricsGroupByRow and MetricsGroupByList components interact during batch-loading events and onClickShowMore triggers within the metrics-drilldown workflow.

How does batch-loading work for grouped metric data in a drilldown interface?▼

Batch-loading for grouped metric data works by processing expanded metric groups through MetricsGroupByList UI panels. It manages the incremental loading triggered by onClickShowMore events, ensuring efficient data flow and layout updates within the metrics-drilldown workflow.

Do I need a symbol-to-file mapping to audit grouped metric components in TypeScript?▼

Yes, a symbol-to-file mapping is required to efficiently audit grouped metric components in TypeScript. It enables navigation across the project tree to locate MetricsReducer source files, usage patterns, and component relationships.

Why does my metrics-drilldown UI fail to render grouped rows correctly?▼

Metrics-drilldown UI rendering issues often stem from batch-loading logic or onClickShowMore data flow problems. Examining the MetricsGroupByRow and MetricsGroupByList source files helps identify layout changes, data relationships, and expansion logic causing the failure.

Related Skills

Explore More Software Engineering Skills→
pckienuitpckienuit

codegraph

Find code symbols and trace dependency paths in a repository.

Community
Intermediate
ovachieverovachiever
52

pysam

Read and write SAM/BAM/CRAM alignments and VCF/BCF variants using pysam.

Community
Advanced
DITEKmaxDITEKmax

lottie-animations

Render After Effects animations as interactive web assets with lottie-web and dotLottie.

Community
Intermediate
remiconnessonremiconnesson

zoom-out

Map major modules and their callers using domain glossary terms.

Community
Intermediate