GluuFederation / GluuFederation/flex
feat(admin-ui): make the passkey security monitor match the passkey metrics dashboard
- Dominant language
- TypeScript
- Stars
- 31
- Forks
- 21
- Avg merge
- 2d 4h
- Merged PRs (30d)
- 29
Description
## Problem
The Passkey Security Monitor and the Passkey Metrics dashboards sit next to each other in the FIDO plugin, but they do not read as the same product.
Charts on the Security page are sized differently from the Metrics page. Card titles, captions and legends line up differently. The first value on a chart's Y axis does not start where the card title starts, so the eye has nothing to follow down the page. Long usernames and account IDs get cut or crowd the plot.
On mobile the gap is wider. Security cards wrap and space themselves differently, headings break onto extra lines, and the status badge squeezes the caption next to it. Opening a chart fullscreen behaves differently from opening a Metrics chart fullscreen: the chart does not fill the panel at 100%, and it scrolls when it should not.
Both dashboards also draw their own copy of the same chart furniture — the card, the expand control, the zoom controls, the legend. Every fix has to be made twice, and the two pages have already drifted apart because of it. Nothing stops them drifting again.
Separately, the Security page is currently showing sample numbers instead of what the API returns, so what an admin sees is not their own data.
## What we want
One consistent passkey experience across both dashboards, and a setup where the two cannot drift apart again.
## Acceptance criteria
- A chart card on the Security page is the same size as the equivalent card on the Metrics page, at mobile, tablet and desktop widths.
- Titles, captions, legends and the first Y axis label start on the same line on both pages.
- Long usernames and account IDs are shortened cleanly and never overlap the plot.
- On mobile, headings stay on one line where they fit, the status badge does not squeeze the caption, and spacing between cards matches the Metrics page.
- Fullscreen behaves the same on both pages: the chart fills the panel at 100% with no scrollbar, and only overflows once the viewer zooms in.
- The shared chart furniture is defined in one place, so a change to the card, legend or zoom controls applies to both dashboards at once.
- The Security page shows live API data, including its loading state.
- No visual change to the Metrics page.
## Out of scope
- Any change to what the Security dashboard measures or how it scores threats.
- Any change to the FIDO2 metrics endpoints.
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.