feat(chat): implement provider auto-redirect to skip provider selection page

apps/chat-e2e/src/tests/overlay/overlayAuth.ts

@@ -21,8 +21,9 @@ for (let i = 0; i < overlayUsernames.length; i++) {
 
     const loginPage = new LoginPage(newPage);
     await newPage.waitForLoadState();
-    await loginPage.auth0SignInButton.click();
-
+    if (await loginPage.auth0SignInButton.isVisible()) {
+      await loginPage.auth0SignInButton.click();
+    }
     const auth0Page = new Auth0Page(newPage);
     await newPage.waitForLoadState();
     const auth0Form = auth0Page.getAuth0();

apps/chat-e2e/src/ui/actions/auth0Login.ts

@@ -2,6 +2,7 @@ import { LocalStorageManager } from '@/src/core/localStorageManager';
 import { ProviderLogin } from '@/src/ui/actions/providerLogin';
 import { Auth0Page } from '@/src/ui/pages/auth0Page';
 import { LoginPage } from '@/src/ui/pages/loginPage';
+import { BaseElement } from '@/src/ui/webElements';
 
 export class Auth0Login extends ProviderLogin<Auth0Page> {
   constructor(
@@ -12,7 +13,7 @@ export class Auth0Login extends ProviderLogin<Auth0Page> {
     super(loginPage, authProviderPage, localStorageManager);
   }
 
-  public async navigateToCredentialsPage() {
-    await this.loginPage.auth0SignInButton.click();
+  getSignInButton(): BaseElement {
+    return this.loginPage.auth0SignInButton;
   }
 }

apps/chat-e2e/src/ui/actions/azureADLogin.ts

@@ -2,6 +2,7 @@ import { LocalStorageManager } from '@/src/core/localStorageManager';
 import { ProviderLogin } from '@/src/ui/actions/providerLogin';
 import { AzureADPage } from '@/src/ui/pages/azureADPage';
 import { LoginPage } from '@/src/ui/pages/loginPage';
+import { BaseElement } from '@/src/ui/webElements';
 
 export class AzureADLogin extends ProviderLogin<AzureADPage> {
   constructor(
@@ -12,7 +13,7 @@ export class AzureADLogin extends ProviderLogin<AzureADPage> {
     super(loginPage, authProviderPage, localStorageManager);
   }
 
-  public async navigateToCredentialsPage() {
-    await this.loginPage.keycloakSignInButton.click();
+  getSignInButton(): BaseElement {
+    return this.loginPage.keycloakSignInButton;
   }
 }

apps/chat-e2e/src/ui/actions/keycloakLogin.ts

@@ -2,6 +2,7 @@ import { LocalStorageManager } from '@/src/core/localStorageManager';
 import { ProviderLogin } from '@/src/ui/actions/providerLogin';
 import { KeycloakPage } from '@/src/ui/pages';
 import { LoginPage } from '@/src/ui/pages/loginPage';
+import { BaseElement } from '@/src/ui/webElements';
 
 export class KeycloakLogin extends ProviderLogin<KeycloakPage> {
   constructor(
@@ -12,7 +13,7 @@ export class KeycloakLogin extends ProviderLogin<KeycloakPage> {
     super(loginPage, authProviderPage, localStorageManager);
   }
 
-  public async navigateToCredentialsPage() {
-    await this.loginPage.keycloakSignInButton.click();
+  getSignInButton(): BaseElement {
+    return this.loginPage.keycloakSignInButton;
   }
 }

apps/chat-e2e/src/ui/actions/providerLogin.ts

@@ -3,6 +3,7 @@ import { API } from '@/src/testData';
 import { LoginInterface } from '@/src/ui/actions/loginInterface';
 import { BasePage } from '@/src/ui/pages/basePage';
 import { LoginPage } from '@/src/ui/pages/loginPage';
+import { BaseElement } from '@/src/ui/webElements';
 import { TestInfo } from '@playwright/test';
 
 export abstract class ProviderLogin<T extends BasePage & LoginInterface> {
@@ -20,7 +21,14 @@ export abstract class ProviderLogin<T extends BasePage & LoginInterface> {
     this.localStorageManager = localStorageManager;
   }
 
-  abstract navigateToCredentialsPage(): Promise<void>;
+  abstract getSignInButton(): BaseElement;
+
+  async navigateToCredentialsPage(): Promise<void> {
+    const signInButton = this.getSignInButton();
+    if (await signInButton.isVisible()) {
+      await signInButton.click();
+    }
+  }
 
   public async login(
     testInfo: TestInfo,

apps/chat/src/pages/auth/signin/index.tsx

@@ -0,0 +1,31 @@
+import { signIn, useSession } from 'next-auth/react';
+import { useEffect } from 'react';
+
+import { useRouter } from 'next/router';
+
+import { getCommonPageProps } from '@/src/utils/server/get-common-page-props';
+
+import { sanitizeUri } from 'micromark-util-sanitize-uri';
+
+interface PageProps {
+  defaultAuthProvider?: string;
+}
+
+export default function Signin({ defaultAuthProvider }: PageProps) {
+  const router = useRouter();
+  const { status } = useSession();
+  useEffect(() => {
+    if (status === 'unauthenticated') {
+      signIn(defaultAuthProvider);
+    } else if (status === 'authenticated') {
+      const { callbackUrl } = router.query;
+      const safeUrl = callbackUrl ? sanitizeUri(callbackUrl.toString()) : '/';
+
+      router.push(safeUrl);
+    }
+  }, [status, router, defaultAuthProvider]);
+
+  return <div></div>;
+}
+
+export const getServerSideProps = getCommonPageProps;

apps/chat/src/utils/auth/auth-pages.ts

@@ -1,11 +1,13 @@
 import { PagesOptions } from 'next-auth';
 
+import { DEFAULT_PROVIDER } from './auth-providers';
+
 export const pages: Partial<PagesOptions> = {
   // Put here your custom pages for authentication,
   // which will be used by next-auth instead of the default ones
   // https://authjs.dev/getting-started/session-management/custom-pages
   // ------------------------------------------------------------------
-  // signIn: '/auth/signin',
+  signIn: DEFAULT_PROVIDER ? '/auth/signin' : undefined,
   // signOut: '/auth/signout',
   // error: '/auth/error',
   // verifyRequest: '/auth/verify-request',

apps/chat/src/utils/auth/auth-providers.ts

@@ -1,4 +1,4 @@
-import { Provider } from 'next-auth/providers';
+import { OAuthProviderType, Provider } from 'next-auth/providers';
 import Auth0Provider from 'next-auth/providers/auth0';
 import AzureProvider from 'next-auth/providers/azure-ad';
 import CognitoProvider from 'next-auth/providers/cognito';
@@ -156,6 +156,24 @@ const allProviders: (Provider | boolean)[] = [
 
 export const authProviders = allProviders.filter(Boolean) as Provider[];
 
+/**
+ * Sets the DEFAULT_PROVIDER to the single available provider's ID if:
+ * - There is only one authentication provider configured.
+ * - The provider supports federated logout.
+ *
+ * This allows us to skip the NextAuth provider selection page and
+ * directly use the single available provider for authentication.
+ * By ensuring the provider supports federated logout, we maintain
+ * proper session management and user experience during logout operations.
+ */
+const FEDERATED_LOGOUT_PROVIDERS: OAuthProviderType[] = ['auth0', 'keycloak'];
+
+export const DEFAULT_PROVIDER: OAuthProviderType | null =
+  authProviders.length === 1 &&
+  FEDERATED_LOGOUT_PROVIDERS.includes(authProviders[0]?.id as OAuthProviderType)
+    ? (authProviders[0]?.id as OAuthProviderType)
+    : null;
+
 /**
  * Is authorization enabled
  *

apps/chat/src/utils/server/get-common-page-props.ts

@@ -3,7 +3,10 @@ import { getServerSession } from 'next-auth/next';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 import { pages } from '@/src/utils/auth/auth-pages';
-import { isAuthDisabled } from '@/src/utils/auth/auth-providers';
+import {
+  DEFAULT_PROVIDER,
+  isAuthDisabled,
+} from '@/src/utils/auth/auth-providers';
 import { isServerSessionValid } from '@/src/utils/auth/session';
 
 import { StorageType } from '@/src/types/storage';
@@ -143,6 +146,7 @@ export const getCommonPageProps: GetServerSideProps = async ({
         locale ?? 'en',
         Object.values(Translation),
       )),
+      defaultAuthProvider: DEFAULT_PROVIDER ?? undefined,
     },
   };
 };