Skip to content

Conversation

@yomybaby
Copy link
Member

@yomybaby yomybaby commented Oct 21, 2025

Resolves #4426 (FR-1577)

Summary

Improve dashboard statistics display design and progress visualization by refactoring the BAIStatistic component and standardizing progress display across dashboard components.

Changes

  • Refactored BAIStatistic component to use progressMode prop instead of showProgress
  • Replaced custom progress steps implementation with Ant Design Progress component
  • Added three progress modes: 'normal', 'ghost', and 'hidden'
  • Updated all dashboard components to use the new progress mode system
  • Improved visual consistency across resource statistics displays
  • Enhanced styling with better background colors and layout

Affected Components

  • packages/backend.ai-ui/src/components/BAIStatistic.tsx
  • packages/backend.ai-ui/src/components/ResourceStatistics.tsx
  • react/src/components/AgentStats.tsx
  • react/src/components/MyResource.tsx
  • react/src/components/MyResourceWithinResourceGroup.tsx
  • react/src/components/SessionCountDashboardItem.tsx
  • react/src/components/TotalResourceWithinResourceGroup.tsx

Copy link
Member Author

yomybaby commented Oct 21, 2025


How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

  • flow:merge-queue - adds this PR to the back of the merge queue
  • flow:hotfix - for urgent hot fixes, skip the queue and merge this PR next

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has required the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

@github-actions
Copy link

github-actions bot commented Oct 21, 2025

Coverage report for ./packages/backend.ai-ui

St.
Category Percentage Covered / Total
🔴 Statements 51.38% 130/253
🔴 Branches 30.3% 80/264
🔴 Functions 34.48% 20/58
🔴 Lines 53.85% 119/221

Test suite run success

55 tests passing in 3 suites.

Report generated by 🧪jest coverage report action from 8fcc687

@github-actions
Copy link

github-actions bot commented Oct 21, 2025

Coverage report for ./react

St.
Category Percentage Covered / Total
🔴 Statements 4.65% 532/11432
🔴 Branches 3.76% 302/8028
🔴 Functions 2.88% 102/3544
🔴 Lines 4.6% 514/11172

Test suite run success

121 tests passing in 14 suites.

Report generated by 🧪jest coverage report action from 8fcc687

@graphite-app graphite-app bot changed the base branch from feat_FR-1575_/merge-dashboard to graphite-base/4427 October 22, 2025 09:27
@yomybaby yomybaby marked this pull request as ready for review October 22, 2025 09:35
@yomybaby yomybaby force-pushed the style/FR-1577-improve-dashboard-statistics-design branch from 504b143 to 8fcc687 Compare October 23, 2025 02:22
@yomybaby yomybaby changed the base branch from graphite-base/4427 to main October 23, 2025 02:22
@github-actions github-actions bot added size:L 100~500 LoC and removed size:M 30~100 LoC labels Oct 23, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L 100~500 LoC

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Improve dashboard statistics display design and progress visualization

1 participant