Skip to content

[code-infra] Add benchmark visualization to dashboard#1277

Draft
Janpot wants to merge 16 commits intomasterfrom
benchmark-dashboard
Draft

[code-infra] Add benchmark visualization to dashboard#1277
Janpot wants to merge 16 commits intomasterfrom
benchmark-dashboard

Conversation

@Janpot
Copy link
Copy Markdown
Member

@Janpot Janpot commented Apr 2, 2026

Summary

Adds benchmark visualization to the code-infra dashboard. Repositories that upload benchmark.json to S3 now get timeline charts showing duration and render counts over time, a detail view with per-render stats, and a comparison view that diffs two commits with noise detection based on standard deviation.

Also consolidates the repository configuration in constants.ts — the repositories array is now a Map keyed by owner/name, MUI_KPI_REPOS selects from it, and the separate KpiRepo type is removed.

Supersedes #1246 (closed due to branch issue during rebase).

@mui-bot
Copy link
Copy Markdown

mui-bot commented Apr 2, 2026

Bundle size report

Bundle Parsed size Gzip size
@base-ui/react 0B(0.00%) 0B(0.00%)
@mui/x-charts-pro 0B(0.00%) 0B(0.00%)

Details of bundle changes


Check out the code infra dashboard for more information about this PR.

Janpot and others added 16 commits April 2, 2026 18:46
Add dashboard views for performance benchmark data uploaded to S3:
- Timeline chart with duration line/stacked bar and render count modes
- Single report detail view with flame-chart-like render timeline
- Two-report comparison view with noise detection via stdDev
- Extract shared useDailyReportHistory hook from useDailyCommitHistory

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…etails

- Add base-ui-charts, base-ui-mosaic, and mui-private repository cards
- Show info alert instead of fetching data for private repositories
- Fix duplicate React key in benchmark render charts
- Sort benchmark regressions (red) before improvements (green) by abs diff
- Show (+0) instead of (0) for zero render count diffs

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Create a shared comparison data model (DiffValue, ComparisonItem) that
both the React UI and a new markdown report builder consume. Extract
inline diff logic from BenchmarkDetails into compareBenchmarkReports,
move formatters to a shared utility, add totals summary, tooltips with
severity hints, and a markdown report dialog.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@Janpot Janpot force-pushed the benchmark-dashboard branch from d223c3e to a0c2099 Compare April 2, 2026 16:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

scope: code-infra Involves the code-infra product (https://www.notion.so/mui-org/5562c14178aa42af97bc1fa5114000cd).

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants