Merge branch 'main' into feature/display-resource-yaml-for-mcp-

Author: lucasgoral

.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

package-lock.json

@@ -53,7 +53,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

@@ -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

src/components/ControlPlanes/List/ControlPlaneListAllWorkspaces.tsx

@@ -35,7 +35,7 @@ import { APIError } from '../../../lib/api/error.ts';
 import { useTranslation } from 'react-i18next';
 import { YamlViewButtonWithLoader } from '../../Yaml/YamlViewButtonWithLoader.tsx';
 import { IllustratedBanner } from '../../Ui/IllustratedBanner/IllustratedBanner.tsx';
-import { useFrontendConfig } from '../../../context/FrontendConfigContext.tsx';
+import { useLink } from '../../../lib/shared/useLink.ts';
 import IllustrationMessageType from '@ui5/webcomponents-fiori/dist/types/IllustrationMessageType.js';
 
 interface Props {
@@ -65,7 +65,7 @@ export function ControlPlaneListWorkspaceGridTile({
     DeleteWorkspaceResource(projectNamespace, workspaceName),
   );
 
-  const { links } = useFrontendConfig();
+  const { mcpCreationGuide } = useLink();
   const errorView = createErrorView(cpsError);
 
   function createErrorView(error: APIError) {
@@ -156,7 +156,7 @@ export function ControlPlaneListWorkspaceGridTile({
               subtitle={t('IllustratedBanner.subtitleMessage')}
               illustrationName={IllustrationMessageType.NoData}
               help={{
-                link: links.COM_PAGE_GETTING_STARTED_MCP,
+                link: mcpCreationGuide,
                 buttonText: t('IllustratedBanner.helpButton'),
               }}
             />

src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx

@@ -14,7 +14,7 @@ import {
 import { KubectlTerminal } from './KubectlTerminal';
 import { useState, useEffect, ReactNode } from 'react';
 import { useTranslation, Trans } from 'react-i18next';
-import { useFrontendConfig } from '../../../context/FrontendConfigContext.tsx';
+import { useLink } from '../../../lib/shared/useLink.ts';
 
 export interface FormField {
   id: string;
@@ -47,7 +47,7 @@ export const KubectlBaseDialog = ({
   customCommands,
 }: KubectlBaseDialogProps) => {
   const { t } = useTranslation();
-  const { links } = useFrontendConfig();
+  const { gettingStartedGuide } = useLink();
   const [formValues, setFormValues] = useState<Record<string, string>>({});
 
   useEffect(() => {
@@ -165,9 +165,7 @@ export const KubectlBaseDialog = ({
           <Trans
             i18nKey="KubectlBaseDialog.onboardingGuide"
             components={{
-              link1: (
-                <Link href={links.COM_PAGE_GETTING_STARTED} target="_blank" />
-              ),
+              link1: <Link href={gettingStartedGuide} target="_blank" />,
             }}
           />
         </MessageStrip>