Merge branch 'main' into spike/bff

Author: andreaskienle

.github/workflows/on-release.yaml

@@ -57,7 +57,7 @@ jobs:
 
       - name: Build and push Docker image
         id: push
-        uses: docker/build-push-action@14487ce63c7a62a4a324b0bfb37086795e31c6c1 # v6.16.0
+        uses: docker/build-push-action@1dc73863535b631f98b2378be8619f83b136f4a0 # v6.17.0
         with:
           context: .
           push: true

Dockerfile

@@ -1,6 +1,6 @@
 # Use the latest LTS version of Node.js
 # https://hub.docker.com/_/node
-FROM node:22-alpine3.20@sha256:686b8892b69879ef5bfd6047589666933508f9a5451c67320df3070ba0e9807b AS build-stage
+FROM node:22-alpine3.20@sha256:224173ad6a700ec322c7117f616836d0dc6cadd8d6baac57703ccc2eb418a73f AS build-stage
 WORKDIR /usr/src/app
 
 # Copy package.json and package-lock.json

README.md

@@ -4,7 +4,11 @@
 
 ## About this project
 
-UI frontend for @openmcp-project
+This repository contains code relevant for the frontend component required in the Managed Control Plane UI (MCP UI), which is part of the @openmcp-project, more info [here](https://github.com/openmcp-project).
+
+The MCP UI enables endusers to work with Managed Control Planes, without having to use kubectl. Note that the current focus of the UI is on displaying information about the various managed resources, as well as the MCP instances themselves. It is also possible to check the status of the resources, and display / copy their YAML representations.
+
+Overall, the UI provides an easy jump-start for everyone interested in checking the status of Managed Control Planes, without having to use kubectl.
 
 ## Requirements and Setup
 
@@ -59,4 +63,4 @@ We as members, contributors, and leaders pledge to make participation in our com
 
 ## Licensing
 
-Copyright 2025 SAP SE or an SAP affiliate company and ui-frontend contributors. Please see our [LICENSE](LICENSE) for copyright and license information. Detailed information including third-party components and their licensing/copyright information is available [via the REUSE tool](https://api.reuse.software/info/github.com/openmcp-project/ui-frontend).
+Copyright 2025 SAP SE or an SAP affiliate company and ui-frontend contributors. Please see our [LICENSE](LICENSE) for copyright and license information. Detailed information including third-party components and their licensing/copyright information is available [via the REUSE tool](https://api.reuse.software/info/github.com/openmcp-project/ui-frontend).

frontend-config.json

@@ -1,6 +1,6 @@
 {
   "backendUrl": "http://localhost:3000",
-  "gatewayUrl": "https://gateway.ui.dev-core.mcpd.shoot.canary.k8s-hana.ondemand.com/kubernetes/graphql",
+  "gatewayUrl": "http://localhost:3000",
   "landscape": "LOCAL",
   "documentationBaseUrl": "http://localhost:3000",
   "oidcConfig": {

package-lock.json

@@ -65,7 +65,7 @@
     "@types/js-yaml": "^4.0.9",
     "@types/node": "^22.13.5",
     "@types/react": "^19.0.10",
-    "@types/react-dom": "19.1.3",
+    "@types/react-dom": "19.1.4",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@ui5/webcomponents-cypress-commands": "^2.7.2",
     "@vitejs/plugin-react": "^4.3.4",

package.json

@@ -93,6 +93,7 @@
     "subtitleMessage": "Looks like this page is not opened inside of the Hyperspace Portal. Contact admins for help."
   },
   "ShellBar": {
+    "betaButtonDescription": "This web app is currently in Beta, and may not ready for productive use. We're actively improving the experience and would love your feedback — your input helps shape the future of the app!",
     "signOutButton": "Sign Out"
   },
   "CreateProjectDialog": {

public/locales/en.json

@@ -115,7 +115,7 @@ export default function FluxList() {
           'True',
         statusUpdateTime: item.status.conditions.find((x) => x.type === 'Ready')
           ?.lastTransitionTime,
-        revision: shortenCommitHash(item.status.artifact.revision),
+        revision: shortenCommitHash(item.status.artifact?.revision ?? '-'),
         created: timeAgo.format(new Date(item.metadata.creationTimestamp)),
       };
     }) ?? [];

src/components/ControlPlane/FluxList.tsx

@@ -17,7 +17,7 @@ import {
 import ReactTimeAgo from 'react-time-ago';
 import { AnimatedHoverTextButton } from '../Helper/AnimatedHoverTextButton.tsx';
 import { useTranslation } from 'react-i18next';
-import { useFrontendConfig } from '../../context/FrontendConfigContext.tsx';
+import { useLink } from '../../lib/shared/useLink.ts';
 export default function MCPHealthPopoverButton({
   mcpStatus,
   projectName,
@@ -31,7 +31,7 @@ export default function MCPHealthPopoverButton({
 }) {
   const popoverRef = useRef(null);
   const [open, setOpen] = useState(false);
-  const { links } = useFrontendConfig();
+  const { githubIssuesSupportTicket } = useLink();
 
   const { t } = useTranslation();
 
@@ -82,7 +82,7 @@ export default function MCPHealthPopoverButton({
       'what-happened': statusDetails,
     });
 
-    return `${links.COM_PAGE_SUPPORT_GITHUB_ISSUE}?${params}`;
+    return `${githubIssuesSupportTicket}?${params}`;
   };
 
   const statusTableColumns: AnalyticalTableColumnDefinition[] = [

src/components/ControlPlane/MCPHealthPopoverButton.tsx

@@ -8,15 +8,15 @@ import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
 import { ControlPlaneListWorkspaceGridTile } from './ControlPlaneListWorkspaceGridTile.tsx';
 import { useApiResource } from '../../../lib/api/useApiResource.ts';
 import { ListWorkspaces } from '../../../lib/api/types/crate/listWorkspaces.ts';
-import { useFrontendConfig } from '../../../context/FrontendConfigContext.tsx';
+import { useLink } from '../../../lib/shared/useLink.ts';
 import { useTranslation } from 'react-i18next';
 
 interface Props {
   projectName: string;
 }
 
 export default function ControlPlaneListAllWorkspaces({ projectName }: Props) {
-  const { links } = useFrontendConfig();
+  const { workspaceCreationGuide } = useLink();
   const { data: allWorkspaces, error } = useApiResource(
     ListWorkspaces(projectName),
   );
@@ -45,7 +45,7 @@ export default function ControlPlaneListAllWorkspaces({ projectName }: Props) {
             design={ButtonDesign.Emphasized}
             icon="sap-icon://question-mark"
             onClick={() => {
-              window.open(links.COM_PAGE_GETTING_STARTED_WORKSPACE, '_blank');
+              window.open(workspaceCreationGuide, '_blank');
             }}
           >
             Help