Merge branch 'main' into yaml-view-improvements

Author: lucasgoral

.github/workflows/main.yaml

@@ -40,7 +40,7 @@ jobs:
             type=raw,value={{branch}}
 
       - name: Log in to the Container registry
-        uses: docker/login-action@184bdaa0721073962dff0199f1fb9940f07167d1 # v3.5.0
+        uses: docker/login-action@5e57cd118135c172c3672efd75eb46360885c0ef # v3.6.0
         with:
           registry: ${{ env.REGISTRY }}
           username: ${{ github.actor }}

.github/workflows/on-release.yaml

@@ -49,7 +49,7 @@ jobs:
           fi
 
       - name: Log in to the Container registry
-        uses: docker/login-action@184bdaa0721073962dff0199f1fb9940f07167d1 # v3.5.0
+        uses: docker/login-action@5e57cd118135c172c3672efd75eb46360885c0ef # v3.6.0
         with:
           registry: ${{ env.REGISTRY }}
           username: ${{ github.actor }}

package-lock.json

@@ -42,7 +42,7 @@
     "@ui5/webcomponents-icons": "2.14.0",
     "@ui5/webcomponents-react": "2.14.1",
     "@ui5/webcomponents-react-charts": "2.14.1",
-    "@xyflow/react": "12.8.5",
+    "@xyflow/react": "12.8.6",
     "clsx": "2.1.1",
     "dagre": "0.8.5",
     "diff": "^8.0.2",
@@ -59,7 +59,7 @@
     "react-error-boundary": "6.0.0",
     "react-hook-form": "7.63.0",
     "react-i18next": "16.0.0",
-    "react-router-dom": "7.9.2",
+    "react-router-dom": "7.9.3",
     "react-syntax-highlighter": "15.6.6",
     "react-time-ago": "7.3.5",
     "swr": "2.3.6",
@@ -74,7 +74,7 @@
     "@types/dagre": "0.7.53",
     "@types/js-yaml": "4.0.9",
     "@types/node": "22.18.6",
-    "@types/react": "19.1.13",
+    "@types/react": "19.1.14",
     "@types/react-dom": "19.1.9",
     "@types/react-syntax-highlighter": "15.5.13",
     "@ui5/webcomponents-cypress-commands": "2.14.1",

package.json

@@ -1,9 +1,9 @@
 {
-  "Login": {
-    "welcomeMessage": "Welcome to openMCP UI",
-    "description": "Your place to manage your openMCPs, see your installed components and managed resources!",
-    "learnMore": "Learn more in our documentation",
-    "signInButton": "Sign in"
+  "SignInPage": {
+    "welcomeMessage": "Welcome to ManagedControlPlane UI",
+    "subtitle": "Your central hub to orchestrate control planes, components, and managed resources",
+    "learnMoreLink": "Learn about ManagedControlPlanes",
+    "signInButton": "Sign In"
   },
   "Entities": {
     "ManagedControlPlane": "ManagedControlPlane",

public/co-logo-orchestrating.png

@@ -3,7 +3,7 @@ import { useAuthOnboarding } from './spaces/onboarding/auth/AuthContextOnboardin
 import '@ui5/webcomponents-icons/dist/AllIcons.d.ts';
 import { useEffect } from 'react';
 import { useFrontendConfig } from './context/FrontendConfigContext.tsx';
-import LoginView from './views/Login.tsx';
+import { SignInPage } from './spaces/onboarding/pages/SignInPage/SignInPage.tsx';
 import { BusyIndicator } from '@ui5/webcomponents-react';
 import * as Sentry from '@sentry/react';
 
@@ -22,7 +22,7 @@ function App() {
   }
 
   if (!auth.isAuthenticated) {
-    return <LoginView />;
+    return <SignInPage />;
   }
 
   Sentry.setUser({

public/locales/en.json

@@ -0,0 +1,49 @@
+import { SignInPage } from './SignInPage.tsx';
+import { useAuthOnboarding } from '../../auth/AuthContextOnboarding.tsx';
+import { useLink } from '../../../../lib/shared/useLink.ts'; // if useLink relies on router
+
+describe('SignInPage', () => {
+  let logInCalled = false;
+  const fakeUseAuthOnboarding = (() => ({
+    login: () => {
+      logInCalled = true;
+    },
+  })) as typeof useAuthOnboarding;
+
+  beforeEach(() => {
+    logInCalled = false;
+  });
+
+  it('renders the SignInPage', () => {
+    cy.mount(<SignInPage useAuthOnboarding={fakeUseAuthOnboarding} />);
+
+    cy.get('ui5-title').should('exist');
+  });
+
+  it('calls the login function when the user clicks the "Sign In" button', () => {
+    cy.mount(<SignInPage useAuthOnboarding={fakeUseAuthOnboarding} />);
+
+    cy.wrap(null).then(() => {
+      expect(logInCalled).to.equal(false);
+    });
+
+    cy.get('ui5-button').eq(0).should('contain', 'Sign In').click();
+
+    cy.wrap(null).then(() => {
+      expect(logInCalled).to.equal(true);
+    });
+  });
+
+  it('contains a link to the documentation', () => {
+    const fakeUseLink = (() => ({
+      documentationHomepage: 'https://link-to-documentation.com',
+    })) as typeof useLink;
+
+    cy.mount(<SignInPage useAuthOnboarding={fakeUseAuthOnboarding} useLink={fakeUseLink} />);
+
+    cy.get('a')
+      .should('have.attr', 'target', '_blank')
+      .and('have.attr', 'rel', 'noreferrer')
+      .and('have.attr', 'href', 'https://link-to-documentation.com');
+  });
+});