feat(FR-1531): add active agent list to admin dashboard page #4365

agatha197 · 2025-09-29T07:59:05Z

Add Active Agents Widget to Admin Dashboard

This PR adds a new "Active Agents" widget to the Admin Dashboard page, providing an at-a-glance overview of all agents currently running in the system.

Changes:

Created a new ActiveAgents component that displays a compact list of active agents
Added the widget to the Admin Dashboard layout with appropriate sizing
Added translations for "Active Agents" in all supported languages
Exported BAI_BOARD_ITEM_TITLE_Z_INDEX constant to ensure consistent z-index values
Modified AgentList component to accept controlled fetch key and header props

Checklist:

Documentation
Minium required manager version
Specific setting for review (eg., KB link, endpoint or how to setup)
Minimum requirements to check during review
Test case(s) to demonstrate the difference of before/after

agatha197 · 2025-09-29T07:59:26Z

feat(FR-1240): add agent statistics and resource monitoring capabilities #4344 : 2 dependent PRs (#3554 , #4399 )
feat(FR-1531): add active agent list to admin dashboard page #4365 👈 (View in Graphite)
feat(FR-1530): Implement window focus check for automatic refresh interval #4358 : 1 other dependent PR (#4371 )
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-09-29T08:00:27Z

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 7119a62

github-actions · 2025-09-29T08:01:02Z

Coverage report for `./react`

St.^❔	Category	Percentage	Covered / Total
🔴	Statements	4.67% (+0.01% 🔼)	532/11395
🔴	Branches	3.78% (+0.02% 🔼)	302/7983
🔴	Functions	2.88% (+0.01% 🔼)	102/3537
🔴	Lines	4.62% (+0.01% 🔼)	514/11136

Test suite run success

121 tests passing in 14 suites.

Report generated by 🧪jest coverage report action from 7119a62

nowgnuesLee

it doesn't work.

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

react/src/components/AgentList.tsx

agatha197 · 2025-09-29T14:04:16Z

I modified it also. please check again :)

react/src/components/AgentList.tsx

Copilot

Pull Request Overview

This PR adds a new "Active Agents" widget to the Admin Dashboard page, providing administrators with a comprehensive overview of all agents currently running in the system. The changes include both front-end implementation and internationalization support.

Creates a new AdminDashboardPage with a customizable dashboard layout including active agents and session count widgets
Refactors existing session components to support scope-based filtering instead of project-specific filtering
Adds comprehensive internationalization support for "Active Agents" and "Admin Dashboard" across all supported languages

Reviewed Changes

Copilot reviewed 31 out of 31 changed files in this pull request and generated 10 comments.

Show a summary per file

File	Description
src/components/backend-ai-webui.ts	Adds admin-dashboard to available and superAdminOnly pages
react/src/pages/AdminDashboardPage.tsx	New admin dashboard page with Active Agents widget
react/src/components/ActiveAgents.tsx	New component displaying active agents in dashboard format
react/src/components/AgentList.tsx	Modified to support controlled fetch key and hidden header props
react/src/components/MySession.tsx	Refactored to SessionCountDashboardItem with scope-based filtering
react/src/components/RecentlyCreatedSession.tsx	Updated to use scope-based filtering instead of project-specific
react/src/hooks/useBAISetting.tsx	Added admin_dashboard_board_items setting
react/src/App.tsx	Added routing for admin dashboard page
react/src/components/MainLayout/WebUISider.tsx	Added admin dashboard menu item
resources/i18n/*.json	Added translations for Active Agents and Admin Dashboard

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

resources/i18n/zh-CN.json

resources/i18n/zh-TW.json

resources/i18n/vi.json

resources/i18n/pl.json

resources/i18n/it.json

resources/i18n/es.json

resources/i18n/fi.json

resources/i18n/de.json

resources/i18n/mn.json

resources/i18n/ms.json

react/src/hooks/useBAISetting.tsx

react/src/pages/AdminDashboardPage.tsx

ironAiken2

I've left some review regarding the user setting option (toggle visibility for the admin dashboard) and naming conventions. Please check it.

react/src/hooks/useBAISetting.tsx

react/src/pages/AdminDashboardPage.tsx

ironAiken2

LGTM

nowgnuesLee

please resolve the conflicts

react/src/components/ActiveAgents.tsx

react/src/components/SessionCountDashboardItem.tsx

nowgnuesLee

LGTM

yomybaby

LGTM

graphite-app · 2025-10-22T08:55:10Z

Merge activity

Oct 22, 8:55 AM UTC: yomybaby added this pull request to the Graphite merge queue.
Oct 22, 8:57 AM UTC: Merged by the Graphite merge queue.

Resolves #4362 ([FR-1531](https://lablup.atlassian.net/browse/FR-1531)) # Add Active Agents Widget to Admin Dashboard This PR adds a new "Active Agents" widget to the Admin Dashboard page, providing an at-a-glance overview of all agents currently running in the system. ## Changes: - Created a new `ActiveAgents` component that displays a compact list of active agents - Added the widget to the Admin Dashboard layout with appropriate sizing - Added translations for "Active Agents" in all supported languages - Exported `BAI_BOARD_ITEM_TITLE_Z_INDEX` constant to ensure consistent z-index values - Modified `AgentList` component to accept controlled fetch key and header props **Checklist:** - [x] Documentation - [ ] Minium required manager version - [ ] Specific setting for review (eg., KB link, endpoint or how to setup) - [ ] Minimum requirements to check during review - [ ] Test case(s) to demonstrate the difference of before/after [FR-1531]: https://lablup.atlassian.net/browse/FR-1531?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

github-actions bot added area:ux UI / UX issue. area:i18n Localization labels Sep 29, 2025

github-actions bot assigned agatha197 Sep 29, 2025

github-actions bot added the size:L 100~500 LoC label Sep 29, 2025

agatha197 mentioned this pull request Sep 29, 2025

feat(FR-1240): add agent statistics and resource monitoring capabilities #4344

Merged

4 tasks

agatha197 mentioned this pull request Sep 29, 2025

feat(FR-1530): Implement window focus check for automatic refresh interval #4358

Merged

5 tasks

agatha197 requested review from ironAiken2, nowgnuesLee and yomybaby September 29, 2025 08:00

nowgnuesLee requested changes Sep 29, 2025

View reviewed changes

packages/backend.ai-ui/src/components/BAIBoardItemTitle.tsx Outdated Show resolved Hide resolved

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

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

agatha197 force-pushed the feat_FR-1531_/add-active-agent-list-item branch from 49dd79c to 7bcecef Compare September 29, 2025 13:53

agatha197 force-pushed the feat_FR-1530_/window-focus-check-for-automatic-refresh-interval branch from 09b8426 to 01dee45 Compare September 29, 2025 13:53

agatha197 force-pushed the feat_FR-1531_/add-active-agent-list-item branch from 7bcecef to 3dc3b79 Compare September 29, 2025 13:59

agatha197 requested a review from nowgnuesLee September 29, 2025 14:01

agatha197 force-pushed the feat_FR-1531_/add-active-agent-list-item branch from 3dc3b79 to f70c2d9 Compare September 29, 2025 14:03

nowgnuesLee requested changes Sep 29, 2025

View reviewed changes

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

agatha197 requested a review from nowgnuesLee September 30, 2025 02:02

yomybaby changed the base branch from feat_FR-1530_/window-focus-check-for-automatic-refresh-interval to graphite-base/4365 September 30, 2025 02:07

agatha197 mentioned this pull request Sep 30, 2025

feat(FR-1530): add useIntervalValue test code and fix broken test code snapshot #4371

Merged

1 task

agatha197 force-pushed the graphite-base/4365 branch from 01dee45 to 9c43d1d Compare September 30, 2025 06:48

agatha197 force-pushed the feat_FR-1531_/add-active-agent-list-item branch from f70c2d9 to 412ed7b Compare September 30, 2025 06:48

agatha197 changed the base branch from graphite-base/4365 to feat_FR-1530_/window-focus-check-for-automatic-refresh-interval September 30, 2025 06:49

agatha197 force-pushed the feat_FR-1531_/add-active-agent-list-item branch from 412ed7b to 753ed25 Compare September 30, 2025 06:57

agatha197 force-pushed the feat_FR-1530_/window-focus-check-for-automatic-refresh-interval branch from 9c43d1d to 4e1ef17 Compare September 30, 2025 06:57

agatha197 force-pushed the feat_FR-1531_/add-active-agent-list-item branch from 753ed25 to d4c0c39 Compare September 30, 2025 07:36

agatha197 force-pushed the feat_FR-1530_/window-focus-check-for-automatic-refresh-interval branch from 4e1ef17 to c99d1cb Compare September 30, 2025 07:36

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

agatha197 force-pushed the feat_FR-1531_/add-active-agent-list-item branch from 2d0d111 to 9c1cf1b Compare October 10, 2025 02:17

Copilot AI review requested due to automatic review settings October 10, 2025 02:17

Copilot AI reviewed Oct 10, 2025

View reviewed changes

ironAiken2 requested changes Oct 10, 2025

View reviewed changes

react/src/hooks/useBAISetting.tsx Show resolved Hide resolved

react/src/pages/AdminDashboardPage.tsx Show resolved Hide resolved

agatha197 force-pushed the feat_FR-1531_/add-active-agent-list-item branch from f327cee to 24c131f Compare October 13, 2025 09:43

agatha197 mentioned this pull request Oct 13, 2025

refactor(FR-1240): refactor FR-1240 with agentStats query #4399

Closed

agatha197 requested a review from ironAiken2 October 14, 2025 02:23

agatha197 force-pushed the feat_FR-1531_/add-active-agent-list-item branch from 24c131f to 988bb6a Compare October 16, 2025 05:36

agatha197 mentioned this pull request Oct 16, 2025

feat(FR-873): set dashboard page as a default #3554

Merged

5 tasks

ironAiken2 requested changes Oct 17, 2025

View reviewed changes

react/src/hooks/useBAISetting.tsx Show resolved Hide resolved

react/src/pages/AdminDashboardPage.tsx Show resolved Hide resolved

react/src/pages/AdminDashboardPage.tsx Show resolved Hide resolved

agatha197 requested a review from ironAiken2 October 17, 2025 05:50

ironAiken2 approved these changes Oct 17, 2025

View reviewed changes

nowgnuesLee requested changes Oct 20, 2025

View reviewed changes

agatha197 force-pushed the feat_FR-1531_/add-active-agent-list-item branch from 988bb6a to 54a3845 Compare October 20, 2025 02:18

agatha197 requested a review from nowgnuesLee October 20, 2025 02:18

nowgnuesLee requested changes Oct 20, 2025

View reviewed changes

react/src/components/ActiveAgents.tsx Outdated Show resolved Hide resolved

react/src/components/SessionCountDashboardItem.tsx Outdated Show resolved Hide resolved

agatha197 force-pushed the feat_FR-1531_/add-active-agent-list-item branch from 54a3845 to 22f13d2 Compare October 20, 2025 08:56

agatha197 requested a review from nowgnuesLee October 20, 2025 08:57

nowgnuesLee approved these changes Oct 20, 2025

View reviewed changes

yomybaby approved these changes Oct 21, 2025

View reviewed changes

agatha197 mentioned this pull request Oct 21, 2025

feat(FR-1575): merge admin dashboard into user dashboard #4425

Merged

5 tasks

yomybaby mentioned this pull request Oct 21, 2025

style(FR-1577): improve dashboard statistics display design and progress visualization #4427

Open

graphite-app bot force-pushed the feat_FR-1531_/add-active-agent-list-item branch from 22f13d2 to 7119a62 Compare October 22, 2025 08:55

graphite-app bot merged commit 7119a62 into main Oct 22, 2025
12 checks passed

graphite-app bot deleted the feat_FR-1531_/add-active-agent-list-item branch October 22, 2025 08:57

vercel bot deployed to Production October 22, 2025 09:05 View deployment

Uh oh!

feat(FR-1531): add active agent list to admin dashboard page #4365

feat(FR-1531): add active agent list to admin dashboard page #4365

Uh oh!

Conversation

agatha197 commented Sep 29, 2025 • edited by atlassian bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Add Active Agents Widget to Admin Dashboard

Changes:

Uh oh!

agatha197 commented Sep 29, 2025 • edited 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 Sep 29, 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 Sep 29, 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!

nowgnuesLee left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

agatha197 commented Sep 29, 2025

Uh oh!

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!

Uh oh!

ironAiken2 left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

ironAiken2 left a comment

Choose a reason for hiding this comment

Uh oh!

nowgnuesLee left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

nowgnuesLee left a comment

Choose a reason for hiding this comment

Uh oh!

yomybaby left a comment

Choose a reason for hiding this comment

Uh oh!

graphite-app bot commented Oct 22, 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

agatha197 commented Sep 29, 2025 •

edited by atlassian bot

Loading

agatha197 commented Sep 29, 2025 •

edited

Loading

github-actions bot commented Sep 29, 2025 •

edited

Loading

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

github-actions bot commented Sep 29, 2025 •

edited

Loading

Coverage report for `./react`

graphite-app bot commented Oct 22, 2025 •

edited

Loading