Tidy the DAP Impact dashboard layout

What does this MR do and why?

Tweaks the layout of the DAP Impact dashboard. No code or query changes.

  • Overview: the four stat tiles now show in a 2x2 grid instead of one row, so each tile is wider.
  • Adoption tab: taller "Sessions by tier and top capabilities" heat map, with a subtitle explaining how to read it, because the chart was scrolling inside the panel.
  • Adoption tab: shorter "New vs returning" bar list, because it had empty space below it.
  • Adoption tab: "Users by activity" no longer overlaps the "Engagement" section heading.
  • Panels below these changes were repositioned to match.

References

Screenshots or screen recordings

Change Before After
Overview: stat tiles Screenshot 2026-09-24 at 4.29.56 PM.png Screenshot 2026-09-24 at 4.26.36 PM.png
Adoption: Sessions by tier heat map Screenshot 2026-09-24 at 4.31.00 PM.png Screenshot 2026-09-24 at 4.28.20 PM.png
Adoption: New vs returning bar list Screenshot 2026-09-24 at 4.30.28 PM.png Screenshot 2026-09-24 at 4.27.35 PM.png

How to set up and validate locally

  1. Open the DAP Impact dashboard (analytics dashboards list for a group or project with Duo Agent Platform data).
  2. On Overview, confirm the four stat tiles show as a 2x2 grid.
  3. On Adoption, confirm the heat map has a subtitle and doesn't scroll, the bar list has no empty space, and "Users by activity" no longer overlaps "Engagement".
  4. Check dark mode too, to confirm the heat map subtitle reads correctly.

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

🤖 Generated with Claude Code

Edited by Rudy Crespo

Merge request reports

Loading
Loading