feat: Internal dashboard navigation

When the backend returns the LMS dashboard URL as redirect_url after
login or registration, replace it with getUrlByRouteRole(dashboardRole)
so that RedirectLogistration can use <Navigate> for SPA navigation
instead of a full page reload.

Also hydrate the authenticated user before SPA navigation so the shell
header displays the user's name.  This applies the same
fetchAuthenticatedUser/hydrateAuthenticatedUser pattern already used for
the localNextPath flow to any redirect URL that starts with '/'.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: arbrandes

src/data/utils/dataUtils.js

@@ -1,6 +1,8 @@
 // Utility functions
+import { getSiteConfig, getUrlByRouteRole } from '@openedx/frontend-base';
 import * as QueryString from 'query-string';
 
+import { dashboardRole } from '../../constants';
 import { AUTH_PARAMS } from '../constants';
 
 export const getTpaProvider = (tpaHintProvider, primaryProviders, secondaryProviders) => {
@@ -75,6 +77,19 @@ export const windowScrollTo = (options) => {
   return window.scrollTo(options.top, options.left);
 };
 
+/**
+ * Normalize a backend redirect URL: if the backend returns the LMS dashboard
+ * URL (or nothing), replace it with the role-based dashboard URL so that SPA
+ * navigation can be used when the dashboard lives in the same shell.
+ */
+export const normalizeRedirectUrl = (backendUrl) => {
+  const dashboardUrl = getUrlByRouteRole(dashboardRole);
+  const lmsDashboardUrl = `${getSiteConfig().lmsBaseUrl}/dashboard`;
+  return (!backendUrl || backendUrl.startsWith(lmsDashboardUrl))
+    ? dashboardUrl
+    : backendUrl;
+};
+
 export const isHostAvailableInQueryParams = () => {
   const queryParams = getAllPossibleQueryParams();
   return 'host' in queryParams;

src/data/utils/index.js

@@ -5,6 +5,7 @@ export {
   getActivationStatus,
   isHostAvailableInQueryParams,
   updatePathWithQueryParams,
+  normalizeRedirectUrl,
   windowScrollTo,
 } from './dataUtils';
 export { default as setCookie } from './cookies';

src/login/LoginPage.jsx

@@ -74,6 +74,10 @@ const LoginPage = ({
         // Hydrate in the background — publishes AUTHENTICATED_USER_CHANGED after
         // SPA navigation, so the header picks up the full user profile (avatar, etc.)
         hydrateAuthenticatedUser();
+      } else if (data.redirectUrl?.startsWith('/')) {
+        await fetchAuthenticatedUser({ forceRefresh: true });
+        setLoginResult({ success: true, redirectUrl: data.redirectUrl });
+        hydrateAuthenticatedUser();
       } else {
         setLoginResult({ success: true, redirectUrl: data.redirectUrl || '' });
       }

src/login/data/api.test.ts

@@ -170,12 +170,13 @@ describe('login api', () => {
         extra_data: { some: 'value' },
       };
       const mockResponse = { data: mockResponseData };
+      // normalizeRedirectUrl replaces the LMS dashboard URL with the role-based one
       const expectedCamelCaseInput = {
-        redirectUrl: 'http://localhost:18000/dashboard',
+        redirectUrl: '/dashboard',
         success: true,
       };
       const expectedResult = {
-        redirectUrl: 'http://localhost:18000/dashboard',
+        redirectUrl: '/dashboard',
         success: true,
       };
 

src/login/data/api.ts

@@ -1,6 +1,8 @@
-import { camelCaseObject, getAuthenticatedHttpClient, getSiteConfig, getUrlByRouteRole } from '@openedx/frontend-base';
+import { camelCaseObject, getAuthenticatedHttpClient, getSiteConfig } from '@openedx/frontend-base';
 import * as QueryString from 'query-string';
 
+import { normalizeRedirectUrl } from '../../data/utils';
+
 const login = async (creds) => {
   const requestConfig = {
     headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
@@ -9,9 +11,8 @@ const login = async (creds) => {
   const url = `${getSiteConfig().lmsBaseUrl}/api/user/v2/account/login_session/`;
   const { data } = await getAuthenticatedHttpClient()
     .post(url, QueryString.stringify(creds), requestConfig);
-  const defaultRedirectUrl = getUrlByRouteRole('org.openedx.frontend.role.dashboard');
   return camelCaseObject({
-    redirectUrl: data.redirect_url || defaultRedirectUrl,
+    redirectUrl: normalizeRedirectUrl(data.redirect_url || ''),
     success: data.success || false,
   });
 };

src/register/RegistrationPage.jsx

@@ -116,6 +116,10 @@ const RegistrationPage = (props) => {
         // Hydrate in the background — publishes AUTHENTICATED_USER_CHANGED after
         // SPA navigation, so the header picks up the full user profile (avatar, etc.)
         hydrateAuthenticatedUser();
+      } else if (data.redirectUrl?.startsWith('/')) {
+        await fetchAuthenticatedUser({ forceRefresh: true });
+        setRegistrationResult({ ...data, redirectUrl: data.redirectUrl });
+        hydrateAuthenticatedUser();
       } else {
         setRegistrationResult(data);
       }

src/register/data/api.ts

@@ -1,6 +1,8 @@
-import { getAuthenticatedHttpClient, getHttpClient, getSiteConfig, getUrlByRouteRole } from '@openedx/frontend-base';
+import { getAuthenticatedHttpClient, getHttpClient, getSiteConfig } from '@openedx/frontend-base';
 import * as QueryString from 'query-string';
 
+import { normalizeRedirectUrl } from '../../data/utils';
+
 const registerNewUserApi = async (registrationInformation) => {
   const requestConfig = {
     headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
@@ -14,7 +16,7 @@ const registerNewUserApi = async (registrationInformation) => {
     });
 
   return {
-    redirectUrl: data.redirect_url || getUrlByRouteRole('org.openedx.frontend.role.dashboard'),
+    redirectUrl: normalizeRedirectUrl(data.redirect_url || ''),
     success: data.success || false,
     authenticatedUser: data.authenticated_user,
   };