feat(FR-1788): add more fields to User list page with BooleanTagWithFallBack component #4820

yomybaby · 2025-12-11T08:55:42Z

Add BooleanTag component and UI improvements

This PR adds a new BooleanTag component to display boolean values with appropriate styling, and makes several UI improvements:

Added a new BooleanTag component that renders boolean values as colored tags
Changed info icon colors from success to info color for better semantic meaning
Improved UserCredentialList with monospace formatting for access keys
Reorganized columns in UserCredentialList for better readability
Enhanced UserNodeList with additional fields and filtering options
Added UUID validation helper function
Updated translations for "Status Info" across all languages

yomybaby · 2025-12-11T08:56:00Z

feat(FR-1822): add logic to validate CIDR range correctly feat/add-logic-to-validate-CIDR #4888
feat(FR-1808): migrate user creation and modification features from Control Panel to WebUI #4876
feat(FR-1804): enhance user management table with flexible column composition #4863
feat(FR-1788): add more fields to User list page with BooleanTagWithFallBack component #4820 👈 (View in Graphite)
feat(FR-1785): move Admin Settings to top menu and apply admin primary colors #4816
main

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 · 2025-12-11T08:57:28Z

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

St.^❔	Category	Percentage	Covered / Total
🟡	Statements	60.7%	227/374
🔴	Branches	33.33%	104/312
🔴	Functions	48.31%	43/89
🟡	Lines	62.42%	206/330

Test suite run success

146 tests passing in 8 suites.

Report generated by 🧪jest coverage report action from a70f8f8

github-actions · 2025-12-11T08:58:07Z

Coverage report for `./react`

St.^❔	Category	Percentage	Covered / Total
🔴	Statements	4.23%	496/11736
🔴	Branches	3.65%	298/8159
🔴	Functions	2.54%	92/3619
🔴	Lines	4.2%	482/11478

Test suite run success

144 tests passing in 13 suites.

Report generated by 🧪jest coverage report action from a70f8f8

Copilot

Pull request overview

This PR adds internationalization improvements and UI enhancements to the User list pages by introducing a new BooleanTag component and expanding data display capabilities.

Key changes:

Added a new reusable BooleanTag component for displaying boolean values with consistent styling
Enhanced User list pages with additional fields (container UID/GID, password change status, 2FA status, etc.)
Improved semantic meaning by changing info icon colors from success (green) to info (blue)
Added monospace formatting for access keys in credential lists for better readability
Added UUID validation helper function for filtering

Reviewed changes

Copilot reviewed 26 out of 27 changed files in this pull request and generated 8 comments.

Show a summary per file

File	Description
`resources/i18n/*.json`	Added translations for "StatusInfo", "CreatedAt", "ModifiedAt", and "Project" across all language files
`packages/backend.ai-ui/src/components/BooleanTag.tsx`	New component for rendering boolean values as colored tags with fallback support
`packages/backend.ai-ui/src/components/index.ts`	Exports the new BooleanTag component
`react/src/helper/index.tsx`	Added UUID validation helper function
`react/src/components/UserNodeList.tsx`	Major enhancement with new fields, filters, BooleanTag usage, and icon color updates
`react/src/components/UserCredentialList.tsx`	Column reorganization, monospace access key display, and icon color updates
`react/src/components/KeypairResourcePolicyList.tsx`	Updated info icon color from success to info

react/src/components/UserNodeList.tsx

react/src/components/UserCredentialList.tsx

packages/backend.ai-ui/src/components/BooleanTag.tsx

react/src/components/UserNodeList.tsx

react/src/helper/index.tsx

packages/backend.ai-ui/src/components/BooleanTag.tsx

react/src/helper/index.tsx

resources/i18n/en.json

react/src/components/UserNodeList.tsx

nowgnuesLee

LGTM

react/src/components/UserNodeList.tsx

ironAiken2

LGTM

graphite-app · 2025-12-24T04:47:58Z

Merge activity

Dec 24, 4:47 AM UTC: yomybaby added this pull request to the Graphite merge queue.
Dec 24, 4:50 AM UTC: Merged by the Graphite merge queue.

…allBack component (#4820) Resolves #4814 ([FR-1788](https://lablup.atlassian.net/browse/FR-1788)) # Add BooleanTag component and UI improvements This PR adds a new `BooleanTag` component to display boolean values with appropriate styling, and makes several UI improvements: - Added a new `BooleanTag` component that renders boolean values as colored tags - Changed info icon colors from success to info color for better semantic meaning - Improved UserCredentialList with monospace formatting for access keys - Reorganized columns in UserCredentialList for better readability - Enhanced UserNodeList with additional fields and filtering options - Added UUID validation helper function - Updated translations for "Status Info" across all languages [FR-1788]: https://lablup.atlassian.net/browse/FR-1788?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

github-actions bot assigned yomybaby Dec 11, 2025

github-actions bot added area:ux UI / UX issue. area:i18n Localization size:L 100~500 LoC labels Dec 11, 2025

yomybaby mentioned this pull request Dec 11, 2025

feat(FR-1785): move Admin Settings to top menu and apply admin primary colors #4816

Merged

5 tasks

yomybaby force-pushed the feat/FR-1785-improve-admin-settings-accessibility branch from 655c7aa to 2bb0f34 Compare December 12, 2025 11:52

yomybaby force-pushed the feat/FR-1788-add-more-fields-user-list branch from 24e73b2 to da215a8 Compare December 12, 2025 11:52

Base automatically changed from feat/FR-1785-improve-admin-settings-accessibility to main December 12, 2025 11:55

yomybaby force-pushed the feat/FR-1788-add-more-fields-user-list branch from da215a8 to c9f84cc Compare December 19, 2025 10:06

github-actions bot added size:XL 500~ LoC and removed size:L 100~500 LoC labels Dec 19, 2025

yomybaby requested review from ironAiken2 and nowgnuesLee December 19, 2025 10:09

yomybaby force-pushed the feat/FR-1788-add-more-fields-user-list branch from c9f84cc to f8c5eb7 Compare December 19, 2025 10:09

yomybaby marked this pull request as ready for review December 19, 2025 10:09

Copilot AI review requested due to automatic review settings December 19, 2025 10:09

Copilot started reviewing on behalf of yomybaby December 19, 2025 10:10 View session

Copilot AI reviewed Dec 19, 2025

View reviewed changes

yomybaby mentioned this pull request Dec 19, 2025

feat(FR-1804): enhance user management table with flexible column composition #4863

Merged

7 tasks

nowgnuesLee requested changes Dec 22, 2025

View reviewed changes

react/src/helper/index.tsx Outdated Show resolved Hide resolved

resources/i18n/en.json Show resolved Hide resolved

yomybaby force-pushed the feat/FR-1788-add-more-fields-user-list branch from f8c5eb7 to 9f7bd5d Compare December 22, 2025 07:38

yomybaby mentioned this pull request Dec 23, 2025

feat(FR-1808): migrate user creation and modification features from Control Panel to WebUI #4876

Merged

6 tasks

yomybaby force-pushed the feat/FR-1788-add-more-fields-user-list branch 3 times, most recently from 8d8f0ae to e2c26aa Compare December 23, 2025 03:28

yomybaby requested a review from nowgnuesLee December 23, 2025 03:31

nowgnuesLee requested changes Dec 23, 2025

View reviewed changes

react/src/components/UserNodeList.tsx Show resolved Hide resolved

yomybaby requested a review from nowgnuesLee December 23, 2025 09:02

nowgnuesLee approved these changes Dec 24, 2025

View reviewed changes

yomybaby force-pushed the feat/FR-1788-add-more-fields-user-list branch from e2c26aa to dcd45f1 Compare December 24, 2025 01:34

ironAiken2 requested changes Dec 24, 2025

View reviewed changes

react/src/components/UserNodeList.tsx Show resolved Hide resolved

react/src/components/UserNodeList.tsx Show resolved Hide resolved

yomybaby force-pushed the feat/FR-1788-add-more-fields-user-list branch from dcd45f1 to eb24ea2 Compare December 24, 2025 02:57

yomybaby requested a review from ironAiken2 December 24, 2025 02:57

ironAiken2 approved these changes Dec 24, 2025

View reviewed changes

nowgnuesLee force-pushed the feat/FR-1788-add-more-fields-user-list branch from eb24ea2 to 562b663 Compare December 24, 2025 04:18

nowgnuesLee mentioned this pull request Dec 24, 2025

feat(FR-1822): add logic to validate CIDR range correctly feat/add-logic-to-validate-CIDR #4888

Merged

5 tasks

graphite-app bot force-pushed the feat/FR-1788-add-more-fields-user-list branch from 562b663 to a70f8f8 Compare December 24, 2025 04:48

graphite-app bot merged commit a70f8f8 into main Dec 24, 2025
12 checks passed

graphite-app bot deleted the feat/FR-1788-add-more-fields-user-list branch December 24, 2025 04:50

github-pages bot had a problem deploying to github-pages December 24, 2025 04:50 Error

vercel bot deployed to Production December 24, 2025 05:02 View deployment

feat(FR-1788): add more fields to User list page with BooleanTagWithFallBack component #4820

feat(FR-1788): add more fields to User list page with BooleanTagWithFallBack component #4820

Uh oh!

Conversation

yomybaby commented Dec 11, 2025 • edited by atlassian bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Add BooleanTag component and UI improvements

Uh oh!

yomybaby commented Dec 11, 2025 • edited by nowgnuesLee Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

How to use the Graphite Merge Queue

Uh oh!

github-actions bot commented Dec 11, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

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

Test suite run success

Uh oh!

github-actions bot commented Dec 11, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Coverage report for ./react

Test suite run success

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

nowgnuesLee left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

ironAiken2 left a comment

Choose a reason for hiding this comment

Uh oh!

graphite-app bot commented Dec 24, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Merge activity

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

yomybaby commented Dec 11, 2025 •

edited by atlassian bot

Loading

yomybaby commented Dec 11, 2025 •

edited by nowgnuesLee

Loading

github-actions bot commented Dec 11, 2025 •

edited

Loading

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

github-actions bot commented Dec 11, 2025 •

edited

Loading

Coverage report for `./react`

graphite-app bot commented Dec 24, 2025 •

edited

Loading