feat(FR-2696): create project admin data page by ironAiken2 · Pull Request #6962 · lablup/backend.ai-webui

ironAiken2 · 2026-04-24T04:02:57Z

Summary

Adds a new Project Admin Data page at /project-data for project admins to manage project-owned virtual folders, and lays down the V2 (Strawberry VFolder) component foundation required for the follow-up page migrations in FR-2573.

Changes

New page — `/project-data`

ProjectAdminDataPage.tsx — V2-backed listing using the new projectVfolders Strawberry query, with search/filter/sort, active/trash tabs with live counts, and a project-scoped creation flow.
useWebUIMenuItems + routes.tsx — registers the project-data menu item (admin scope) and a lazy-loaded route.

Project-scoped folder creation

FolderCreateModalV2 — adds folderType='project' variant, shared-banner support, and a new project-only mutation path (createVFolderInProject) that maps form values to the VFolderUsageMode / VFolderMountPermission enums.
schema.graphql — adds CreateVFolderInScopeInput input and createVFolderInProject mutation.
Adds data.folders.ProjectFolderAlertMessage i18n key for the modal's warning banner (22 locales).

V2 fragment foundation (for FR-2573 follow-ups)

Migrated to V2 VFolder fragment: VFolderNodesV2, DeleteVFolderModalV2, DeleteForeverVFolderModalV2, RestoreVFolderModalV2 — swapped legacy name/permission paths to metadata.name / accessControl.permission.
New V2 sub-components: VFolderNodeIdenticonV2, VFolderPermissionCellV2, SharedFolderPermissionInfoModalV2, BAIVFolderDeleteButtonV2.

Temporary V1 compatibility

VFolderNodeListPage and AdminVFolderNodeListPage are temporarily switched back to the non-V2 VFolderNodes / modals so this PR stays compile-isolated. The page-level V2 migration (myVfolders / adminVfoldersV2) lands in the FR-2573 follow-up stacked on top of this PR.

Checklist

Documentation
Minimum required manager version — manager must expose projectVfolders + createVFolderInProject (RBAC VFOLDER_ADMIN)
Specific setting for review — log in as a project admin (not super/domain admin) to see the /project-data menu
Minimum requirements to check during review — create/delete/restore/permanent-delete a project folder; verify Active/Trash counts update
Test case(s) — manual: create → move to trash → restore → permanent delete flow on /project-data

ironAiken2 · 2026-04-24T04:03:16Z

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 changes, fast-track this PR to the front of the merge queue

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 · 2026-04-24T04:05:28Z

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

St.^❔	Category	Percentage	Covered / Total
🟢	Statements	81.87%	429/524
🟡	Branches	70.43%	362/514
🟡	Functions	76.86%	93/121
🟢	Lines	83.19%	391/470

Test suite run success

319 tests passing in 13 suites.

Report generated by 🧪jest coverage report action from cd0ca53

github-actions · 2026-04-24T04:06:11Z

Coverage report for `./react`

St.^❔	Category	Percentage	Covered / Total
🔴	Statements	8.81% (-0.04% 🔻)	1859/21103
🔴	Branches	8% (-0.05% 🔻)	1187/14835
🔴	Functions	5.19% (-0.02% 🔻)	297/5727
🔴	Lines	8.55% (-0.04% 🔻)	1750/20477

Show new covered files 🐣

St.^❔	File	Statements	Branches	Functions	Lines
🔴	`...` / ProjectAdminDataPage.tsx	0%	0%	0%	0%
🔴	`...` / SharedFolderPermissionInfoModalV2.tsx	0%	0%	0%	0%
🔴	`...` / VFolderNodeIdenticonV2.tsx	0%	100%	0%	0%
🔴	`...` / VFolderPermissionCellV2.tsx	0%	0%	0%	0%

Test suite run success

865 tests passing in 40 suites.

Report generated by 🧪jest coverage report action from cd0ca53

agatha197

please update pr description

Copilot

Pull request overview

Introduces a new Project Admin Data page/route in the WebUI to manage project-owned virtual folders, alongside ongoing VFolder “V2” (Strawberry) integration work (new fragments/components and a new project-scoped creation mutation).

Changes:

Added /project-data route + menu entry, and implemented ProjectAdminDataPage (V2-backed vfolder listing/actions + project-folder creation flow).
Updated VFolder listing pages to use the non-V2 components/modals (and adjusted fragment spreads accordingly).
Extended GraphQL schema/client to support creating project-owned vfolders via a new createVFolderInProject mutation and supporting input type; added supporting V2 UI fragments/components.

Reviewed changes

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

Show a summary per file

File	Description
resources/i18n/de.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/el.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/en.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/es.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/fi.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/fr.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/id.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/it.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/ja.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/ko.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/mn.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/ms.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/pl.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/pt-BR.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/pt.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/ru.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/th.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/tr.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/vi.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/zh-CN.json	Adds localized alert message for the Project Admin Data page folder-create modal.
resources/i18n/zh-TW.json	Adds localized alert message for the Project Admin Data page folder-create modal.
react/src/routes.tsx	Registers new lazy-loaded `ProjectAdminDataPage` route at `/project-data`.
react/src/pages/VFolderNodeListPage.tsx	Switches back to non-V2 vfolder nodes/modals and adjusts fragment spreads/UI actions accordingly.
react/src/pages/AdminVFolderNodeListPage.tsx	Switches back to non-V2 vfolder nodes/modals and adjusts fragment spreads/UI actions accordingly.
react/src/pages/ProjectAdminDataPage.tsx	New page: V2 project vfolder listing with filters, actions, and project-folder creation modal with alert banner.
react/src/hooks/useWebUIMenuItems.tsx	Adds “project-data” to menu key sets and injects `/project-data` menu item under admin operations.
react/src/components/VFolderNodesV2.tsx	Migrates VFolderNodesV2 fragment/columns to V2 `VFolder` shape and adds new V2 helper components/modals.
react/src/components/VFolderPermissionCellV2.tsx	New V2 mount-permission cell based on `VFolder.accessControl.permission`.
react/src/components/VFolderNodeIdenticonV2.tsx	New V2 identicon renderer for `VFolder` IDs.
react/src/components/SharedFolderPermissionInfoModalV2.tsx	New V2 shared-folder permission info modal for `VFolder`.
react/src/components/RestoreVFolderModalV2.tsx	Updates fragment fields from legacy `name` to V2 `metadata.name`.
react/src/components/FolderCreateModalV2.tsx	Adds project-scoped creation flow + `folderType="project"` variant + alert banner support.
react/src/components/DeleteVFolderModalV2.tsx	Updates fragment fields from legacy `name` to V2 `metadata.name` and removes legacy permission filtering.
react/src/components/DeleteForeverVFolderModalV2.tsx	Updates fragment fields from legacy `name` to V2 `metadata.name`.
packages/backend.ai-ui/src/components/fragments/index.ts	Re-exports new `BAIVFolderDeleteButtonV2`.
packages/backend.ai-ui/src/components/fragments/BAIVFolderDeleteButtonV2.tsx	New delete button fragment/component for V2 `VFolder`.
data/schema.graphql	Adds `CreateVFolderInScopeInput` and `createVFolderInProject` mutation; adds RBAC enum value.

resolved

graphite-app · 2026-04-30T03:06:20Z

Merge activity

Apr 30, 3:06 AM UTC: yomybaby added this pull request to the Graphite merge queue.
Apr 30, 3:14 AM UTC: Merged by the Graphite merge queue.

Resolves #6956 (FR-2696) ## Summary Adds a new **Project Admin Data** page at `/project-data` for project admins to manage project-owned virtual folders, and lays down the V2 (Strawberry `VFolder`) component foundation required for the follow-up page migrations in FR-2573. ## Changes ### New page — `/project-data` - `ProjectAdminDataPage.tsx` — V2-backed listing using the new `projectVfolders` Strawberry query, with search/filter/sort, active/trash tabs with live counts, and a project-scoped creation flow. - `useWebUIMenuItems` + `routes.tsx` — registers the `project-data` menu item (admin scope) and a lazy-loaded route. ### Project-scoped folder creation - `FolderCreateModalV2` — adds `folderType='project'` variant, shared-banner support, and a new project-only mutation path (`createVFolderInProject`) that maps form values to the `VFolderUsageMode` / `VFolderMountPermission` enums. - `schema.graphql` — adds `CreateVFolderInScopeInput` input and `createVFolderInProject` mutation. - Adds `data.folders.ProjectFolderAlertMessage` i18n key for the modal's warning banner (22 locales). ### V2 fragment foundation (for FR-2573 follow-ups) - **Migrated to V2 `VFolder` fragment:** `VFolderNodesV2`, `DeleteVFolderModalV2`, `DeleteForeverVFolderModalV2`, `RestoreVFolderModalV2` — swapped legacy `name`/`permission` paths to `metadata.name` / `accessControl.permission`. - **New V2 sub-components:** `VFolderNodeIdenticonV2`, `VFolderPermissionCellV2`, `SharedFolderPermissionInfoModalV2`, `BAIVFolderDeleteButtonV2`. ### Temporary V1 compatibility - `VFolderNodeListPage` and `AdminVFolderNodeListPage` are temporarily switched back to the non-V2 `VFolderNodes` / modals so this PR stays compile-isolated. The page-level V2 migration (`myVfolders` / `adminVfoldersV2`) lands in the FR-2573 follow-up stacked on top of this PR. ## Checklist - [ ] Documentation - [ ] Minimum required manager version — manager must expose `projectVfolders` + `createVFolderInProject` (RBAC `VFOLDER_ADMIN`) - [ ] Specific setting for review — log in as a project admin (not super/domain admin) to see the `/project-data` menu - [ ] Minimum requirements to check during review — create/delete/restore/permanent-delete a project folder; verify Active/Trash counts update - [ ] Test case(s) — manual: create → move to trash → restore → permanent delete flow on `/project-data`

This was referenced Apr 24, 2026

feat(FR-2691): relocate /data header panels — Dashboard + host-capacity cell #6941

Merged

feat(FR-2593): implement VFolder creation modal using V2 GraphQL mutation #6759

Merged

github-actions Bot assigned ironAiken2 Apr 24, 2026

github-actions Bot added area:ux UI / UX issue. area:i18n Localization size:XL 500~ LoC labels Apr 24, 2026

ironAiken2 marked this pull request as ready for review April 24, 2026 04:03

ironAiken2 requested review from agatha197, Copilot, nowgnuesLee and yomybaby and removed request for Copilot April 24, 2026 04:03

Copilot started reviewing on behalf of ironAiken2 April 24, 2026 04:04 View session

ironAiken2 requested a review from Copilot April 24, 2026 04:22

Copilot started reviewing on behalf of ironAiken2 April 24, 2026 04:22 View session

agatha197 previously requested changes Apr 24, 2026

View reviewed changes

Copilot AI reviewed Apr 24, 2026

View reviewed changes

ironAiken2 force-pushed the 04-23-feat_fr-2691_relocate__data_header_panels_dashboard_host-capacity_cell branch from 5ac60d3 to f6610e9 Compare April 24, 2026 04:45

ironAiken2 force-pushed the 04-24-feat_fr-2696_create_project_admin_data_page branch from bcfe011 to 84a12e2 Compare April 24, 2026 04:45

ironAiken2 force-pushed the 04-23-feat_fr-2691_relocate__data_header_panels_dashboard_host-capacity_cell branch from f6610e9 to 824d4b3 Compare April 24, 2026 06:02

ironAiken2 force-pushed the 04-24-feat_fr-2696_create_project_admin_data_page branch 2 times, most recently from 0c2b58e to b7d1711 Compare April 24, 2026 06:29

ironAiken2 force-pushed the 04-23-feat_fr-2691_relocate__data_header_panels_dashboard_host-capacity_cell branch from 058f802 to 9c45759 Compare April 27, 2026 02:42

ironAiken2 force-pushed the 04-24-feat_fr-2696_create_project_admin_data_page branch 2 times, most recently from 87a3ba7 to 19f1bad Compare April 27, 2026 04:19

ironAiken2 force-pushed the 04-23-feat_fr-2691_relocate__data_header_panels_dashboard_host-capacity_cell branch 2 times, most recently from 0f3fbf4 to c84cd7c Compare April 27, 2026 05:43

ironAiken2 force-pushed the 04-24-feat_fr-2696_create_project_admin_data_page branch 2 times, most recently from b9895f4 to c06993e Compare April 27, 2026 06:57

ironAiken2 force-pushed the 04-23-feat_fr-2691_relocate__data_header_panels_dashboard_host-capacity_cell branch 2 times, most recently from 91a0feb to 025ecbb Compare April 27, 2026 08:55

ironAiken2 force-pushed the 04-24-feat_fr-2696_create_project_admin_data_page branch from c06993e to 0162303 Compare April 27, 2026 08:55

ironAiken2 force-pushed the 04-23-feat_fr-2691_relocate__data_header_panels_dashboard_host-capacity_cell branch from 025ecbb to dabf732 Compare April 27, 2026 10:00

ironAiken2 force-pushed the 04-24-feat_fr-2696_create_project_admin_data_page branch from 0162303 to 0381546 Compare April 27, 2026 10:00

ironAiken2 force-pushed the 04-23-feat_fr-2691_relocate__data_header_panels_dashboard_host-capacity_cell branch from dabf732 to 7a91a43 Compare April 28, 2026 02:03

ironAiken2 force-pushed the 04-24-feat_fr-2696_create_project_admin_data_page branch 2 times, most recently from 2ab8da8 to fd60446 Compare April 28, 2026 03:21

ironAiken2 force-pushed the 04-23-feat_fr-2691_relocate__data_header_panels_dashboard_host-capacity_cell branch 2 times, most recently from 2af4049 to f1aff6a Compare April 29, 2026 01:07

ironAiken2 force-pushed the 04-24-feat_fr-2696_create_project_admin_data_page branch 4 times, most recently from bbab28e to 497ad1e Compare April 30, 2026 00:37

graphite-app Bot force-pushed the 04-23-feat_fr-2691_relocate__data_header_panels_dashboard_host-capacity_cell branch from f1aff6a to 687147d Compare April 30, 2026 03:08

graphite-app Bot force-pushed the 04-24-feat_fr-2696_create_project_admin_data_page branch from 497ad1e to cd0ca53 Compare April 30, 2026 03:09

Base automatically changed from 04-23-feat_fr-2691_relocate__data_header_panels_dashboard_host-capacity_cell to main April 30, 2026 03:13

graphite-app Bot merged commit cd0ca53 into main Apr 30, 2026
8 checks passed

graphite-app Bot deleted the 04-24-feat_fr-2696_create_project_admin_data_page branch April 30, 2026 03:14

github-pages Bot temporarily deployed to github-pages April 30, 2026 03:15 Inactive

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(FR-2696): create project admin data page#6962

feat(FR-2696): create project admin data page#6962
graphite-app[bot] merged 1 commit into
mainfrom
04-24-feat_fr-2696_create_project_admin_data_page

ironAiken2 commented Apr 24, 2026 •

edited

Loading

Uh oh!

ironAiken2 commented Apr 24, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Apr 24, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Apr 24, 2026 •

edited

Loading

Uh oh!

agatha197 left a comment

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

graphite-app Bot commented Apr 30, 2026 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

ironAiken2 commented Apr 24, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Changes

New page — /project-data

Project-scoped folder creation

V2 fragment foundation (for FR-2573 follow-ups)

Temporary V1 compatibility

Checklist

Uh oh!

ironAiken2 commented Apr 24, 2026 • 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 Apr 24, 2026 • 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 Apr 24, 2026 • 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!

agatha197 left a comment

Choose a reason for hiding this comment

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!

graphite-app Bot commented Apr 30, 2026 • 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!

3 participants

ironAiken2 commented Apr 24, 2026 •

edited

Loading

New page — `/project-data`

ironAiken2 commented Apr 24, 2026 •

edited

Loading

github-actions Bot commented Apr 24, 2026 •

edited

Loading

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

github-actions Bot commented Apr 24, 2026 •

edited

Loading

Coverage report for `./react`

graphite-app Bot commented Apr 30, 2026 •

edited

Loading