feat(FR-2631): implement STokenLoginBoundary component core by nowgnuesLee · Pull Request #6853 · lablup/backend.ai-webui

nowgnuesLee · 2026-04-21T14:53:44Z

Resolves FR-2631 (sub-task of Epic FR-2616)

resolves #NNN (FR-MMM)

Checklist: (if applicable)

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

Stack

This PR is part of the Story 1 stack for Epic FR-2616 (Extract sToken login flow into reusable boundary component). See the dev plan for the full scope. The Story 1 PR stack is #6850 → #6851 → #6852 → #6853 → #6854 → #6855 → #6856 on top of spec PR #6828.

nowgnuesLee · 2026-04-21T14:53:56Z

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-21T14:57:04Z

Coverage report for `./react`

St.^❔	Category	Percentage	Covered / Total
🔴	Statements	8.56% (-0.02% 🔻)	1758/20539
🔴	Branches	7.84% (-0.02% 🔻)	1131/14419
🔴	Functions	5.14% (+0.01% 🔼)	286/5561
🔴	Lines	8.28% (-0.02% 🔻)	1650/19928

Show new covered files 🐣

St.^❔	File	Statements	Branches	Functions	Lines
🔴	`...` / STokenLoginBoundary.tsx	0%	0%	0%	0%

Test suite run success

856 tests passing in 39 suites.

Report generated by 🧪jest coverage report action from d1c71fe

Copilot

Pull request overview

Implements the initial core of a reusable STokenLoginBoundary component to encapsulate the sToken-based login sequence (endpoint resolve → ping → token_login → GQL connect) and gate rendering of children until authentication succeeds.

Changes:

Added STokenLoginBoundary / STokenLoginBoundaryInner with a small phase state machine (pending/success/error) and a retry mechanism.
Implemented the login sequence (server reachability check, optional session fast-path, token login + GQL wiring) and dispatches a backend-ai-connected event on success.
Added placeholder fallback and error UI for pending/error phases.

yomybaby

LGTM

graphite-app · 2026-04-23T10:31:28Z

Merge activity

Apr 23, 10:31 AM UTC: yomybaby added this pull request to the Graphite merge queue.
Apr 23, 10:42 AM UTC: Merged by the Graphite merge queue.

Resolves FR-2631 (sub-task of Epic [FR-2616](https://lablup.atlassian.net/browse/FR-2616)) resolves #NNN (FR-MMM)   **Checklist:** (if applicable) - [ ] 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 ## Stack This PR is part of the Story 1 stack for Epic FR-2616 (Extract sToken login flow into reusable boundary component). See the [dev plan](../blob/main/.specs/draft-stoken-login-boundary/dev-plan.md) for the full scope. The Story 1 PR stack is #6850 → #6851 → #6852 → #6853 → #6854 → #6855 → #6856 on top of spec PR #6828. [FR-2616]: https://lablup.atlassian.net/browse/FR-2616?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

…int (#6850) Resolves FR-2628 (sub-task of Epic [FR-2616](https://lablup.atlassian.net/browse/FR-2616)) resolves #NNN (FR-MMM)   **Checklist:** (if applicable) - [ ] 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 ## Stack This PR is part of the Story 1 stack for Epic FR-2616 (Extract sToken login flow into reusable boundary component). See the [dev plan](../blob/main/.specs/draft-stoken-login-boundary/dev-plan.md) for the full scope. The Story 1 PR stack is #6850 → #6851 → #6852 → #6853 → #6854 → #6855 → #6856 on top of spec PR #6828. [FR-2616]: https://lablup.atlassian.net/browse/FR-2616?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

) Resolves FR-2629 (sub-task of Epic [FR-2616](https://lablup.atlassian.net/browse/FR-2616)) resolves #NNN (FR-MMM)   **Checklist:** (if applicable) - [ ] 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 ## Stack This PR is part of the Story 1 stack for Epic FR-2616 (Extract sToken login flow into reusable boundary component). See the [dev plan](../blob/main/.specs/draft-stoken-login-boundary/dev-plan.md) for the full scope. The Story 1 PR stack is #6850 → #6851 → #6852 → #6853 → #6854 → #6855 → #6856 on top of spec PR #6828. [FR-2616]: https://lablup.atlassian.net/browse/FR-2616?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

…rning (#6852) Resolves FR-2630 (sub-task of Epic [FR-2616](https://lablup.atlassian.net/browse/FR-2616)) resolves #NNN (FR-MMM)   **Checklist:** (if applicable) - [ ] 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 ## Stack This PR is part of the Story 1 stack for Epic FR-2616 (Extract sToken login flow into reusable boundary component). See the [dev plan](../blob/main/.specs/draft-stoken-login-boundary/dev-plan.md) for the full scope. The Story 1 PR stack is #6850 → #6851 → #6852 → #6853 → #6854 → #6855 → #6856 on top of spec PR #6828. [FR-2616]: https://lablup.atlassian.net/browse/FR-2616?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

…Boundary (#6855) Resolves FR-2632 (sub-task of Epic [FR-2616](https://lablup.atlassian.net/browse/FR-2616)) resolves #NNN (FR-MMM)   **Checklist:** (if applicable) - [ ] 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 ## Stack This PR is part of the Story 1 stack for Epic FR-2616 (Extract sToken login flow into reusable boundary component). See the [dev plan](../blob/main/.specs/draft-stoken-login-boundary/dev-plan.md) for the full scope. The Story 1 PR stack is #6850 → #6851 → #6852 → #6853 → #6854 → #6855 → #6856 on top of spec PR #6828. [FR-2616]: https://lablup.atlassian.net/browse/FR-2616?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Resolves FR-2633 (sub-task of Epic [FR-2616](https://lablup.atlassian.net/browse/FR-2616)) resolves #NNN (FR-MMM)   **Checklist:** (if applicable) - [ ] 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 ## Stack This PR is part of the Story 1 stack for Epic FR-2616 (Extract sToken login flow into reusable boundary component). See the [dev plan](../blob/main/.specs/draft-stoken-login-boundary/dev-plan.md) for the full scope. The Story 1 PR stack is #6850 → #6851 → #6852 → #6853 → #6854 → #6855 → #6856 on top of spec PR #6828. [FR-2616]: https://lablup.atlassian.net/browse/FR-2616?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

This was referenced Apr 21, 2026

feat(FR-2618): add sToken login boundary component spec #6828

Merged

refactor(FR-2628): rename useEduAppApiEndpoint to useResolvedApiEndpoint #6850

Merged

github-actions Bot assigned nowgnuesLee Apr 21, 2026

github-actions Bot added the size:L 100~500 LoC label Apr 21, 2026

nowgnuesLee mentioned this pull request Apr 22, 2026

refactor(FR-2616): rely on React Compiler ('use memo') for memoization #6857

Merged

5 tasks

nowgnuesLee force-pushed the 04-21-feat_fr-2631_implement_stokenloginboundary_component_core branch 2 times, most recently from 082b3a1 to cc085c9 Compare April 22, 2026 02:38

This was referenced Apr 22, 2026

feat(FR-2626): migrate LoginView sToken path to STokenLoginBoundary #6861

Merged

feat(FR-2627): migrate EduAppLauncher sToken path to STokenLoginBoundary #6864

Merged

test(FR-2639): add E2E regression for sToken login boundary routes #6865

Merged

nowgnuesLee force-pushed the 04-21-feat_fr-2631_implement_stokenloginboundary_component_core branch 2 times, most recently from 0737f09 to 8b0c4ca Compare April 22, 2026 03:53

nowgnuesLee force-pushed the 04-21-feat_fr-2630_add_usestoken_hook_with_nuqs_and_stoken_deprecation_warning branch from 741c222 to 68fc2d7 Compare April 22, 2026 03:53

This was referenced Apr 22, 2026

fix(FR-2627): forward api_version/date/endpoint to token_login #6893

Closed

feat(FR-2616): handle totp and concurrent-session inline in STokenLoginBoundary #6897

Merged

nowgnuesLee marked this pull request as ready for review April 23, 2026 06:09

Copilot AI review requested due to automatic review settings April 23, 2026 06:09

Copilot started reviewing on behalf of nowgnuesLee April 23, 2026 06:10 View session

Copilot AI reviewed Apr 23, 2026

View reviewed changes

nowgnuesLee force-pushed the 04-21-feat_fr-2631_implement_stokenloginboundary_component_core branch from 8b0c4ca to ddc7039 Compare April 23, 2026 07:57

nowgnuesLee force-pushed the 04-21-feat_fr-2630_add_usestoken_hook_with_nuqs_and_stoken_deprecation_warning branch 2 times, most recently from 61a25de to f6760d3 Compare April 23, 2026 08:02

nowgnuesLee force-pushed the 04-21-feat_fr-2631_implement_stokenloginboundary_component_core branch from ddc7039 to 42656be Compare April 23, 2026 08:02

nowgnuesLee force-pushed the 04-21-feat_fr-2630_add_usestoken_hook_with_nuqs_and_stoken_deprecation_warning branch from f6760d3 to b931e8a Compare April 23, 2026 08:35

nowgnuesLee force-pushed the 04-21-feat_fr-2631_implement_stokenloginboundary_component_core branch from 42656be to 546add2 Compare April 23, 2026 08:35

yomybaby approved these changes Apr 23, 2026

View reviewed changes

graphite-app Bot force-pushed the 04-21-feat_fr-2630_add_usestoken_hook_with_nuqs_and_stoken_deprecation_warning branch from b931e8a to fa2be96 Compare April 23, 2026 10:34

graphite-app Bot force-pushed the 04-21-feat_fr-2631_implement_stokenloginboundary_component_core branch from 546add2 to d1c71fe Compare April 23, 2026 10:34

Base automatically changed from 04-21-feat_fr-2630_add_usestoken_hook_with_nuqs_and_stoken_deprecation_warning to main April 23, 2026 10:41

graphite-app Bot merged commit d1c71fe into main Apr 23, 2026
8 checks passed

graphite-app Bot deleted the 04-21-feat_fr-2631_implement_stokenloginboundary_component_core branch April 23, 2026 10:42

github-pages Bot temporarily deployed to github-pages April 23, 2026 10:43 Inactive

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(FR-2631): implement STokenLoginBoundary component core#6853

feat(FR-2631): implement STokenLoginBoundary component core#6853
graphite-app[bot] merged 1 commit into
mainfrom
04-21-feat_fr-2631_implement_stokenloginboundary_component_core

nowgnuesLee commented Apr 21, 2026 •

edited by atlassian Bot

Loading

Uh oh!

nowgnuesLee commented Apr 21, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Apr 21, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

yomybaby left a comment

Uh oh!

graphite-app Bot commented Apr 23, 2026 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

nowgnuesLee commented Apr 21, 2026 • edited by atlassian Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Stack

Uh oh!

nowgnuesLee commented Apr 21, 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 21, 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!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

yomybaby left a comment

Choose a reason for hiding this comment

Uh oh!

graphite-app Bot commented Apr 23, 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

nowgnuesLee commented Apr 21, 2026 •

edited by atlassian Bot

Loading

nowgnuesLee commented Apr 21, 2026 •

edited

Loading

github-actions Bot commented Apr 21, 2026 •

edited

Loading

Coverage report for `./react`

graphite-app Bot commented Apr 23, 2026 •

edited

Loading