openmcp-project · andreaskienle · Oct 7, 2025 · Sep 24, 2025 · Sep 24, 2025 · Sep 24, 2025
diff --git a/index.html b/index.html
@@ -3,9 +3,14 @@
 
 <head>
   <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="/logo.png" />
+  <link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
+  <link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
+  <link rel="shortcut icon" href="/favicon/favicon.ico" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
+  <meta name="apple-mobile-web-app-title" content="ManagedControlPlane UI" />
+  <link rel="manifest" href="/favicon/site.webmanifest" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>MCP</title>
+  <title>ManagedControlPlane UI</title>
 </head>
 
 <body>

diff --git a/public/favicon/apple-touch-icon.png b/public/favicon/apple-touch-icon.png
diff --git a/public/favicon/favicon-96x96.png b/public/favicon/favicon-96x96.png
diff --git a/public/favicon/favicon.ico b/public/favicon/favicon.ico
diff --git a/public/favicon/favicon.svg b/public/favicon/favicon.svg
diff --git a/public/favicon/site.webmanifest b/public/favicon/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "ManagedControlPlane UI",
+  "short_name": "MCP UI",
+  "icons": [
+    {
+      "src": "/favicon/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/favicon/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/public/favicon/web-app-manifest-192x192.png b/public/favicon/web-app-manifest-192x192.png
diff --git a/public/favicon/web-app-manifest-512x512.png b/public/favicon/web-app-manifest-512x512.png
diff --git a/public/locales/en.json b/public/locales/en.json
@@ -118,6 +118,7 @@
     "subtitleMessage": "Looks like this page is not opened inside of the Hyperspace Portal. Contact admins for help."
   },
   "ShellBar": {
+    "applicationName": "ManagedControlPlane UI",
     "betaButton": "Beta",
     "betaButtonDescription": "This web app is currently in Beta, and may not be 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",

diff --git a/public/logo.png b/public/logo.png
diff --git a/public/touch-icon-180x180.png b/public/touch-icon-180x180.png
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,21 +1,12 @@
 import AppRouter from './AppRouter';
 import { useAuthOnboarding } from './spaces/onboarding/auth/AuthContextOnboarding.tsx';
 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 { BusyIndicator } from '@ui5/webcomponents-react';
 import * as Sentry from '@sentry/react';
 
 function App() {
   const auth = useAuthOnboarding();
-  const frontendConfig = useFrontendConfig();
-
-  useEffect(() => {
-    if (frontendConfig && frontendConfig.landscape) {
-      document.title = `[${frontendConfig.landscape}] MCP`;
-    }
-  }, [frontendConfig]);
 
   if (auth.isLoading) {
     return <BusyIndicator active />;

diff --git a/src/assets/images/sap-logo.svg b/src/assets/images/sap-logo.svg
diff --git a/src/components/Core/ShellBar.tsx b/src/components/Core/ShellBar.tsx
@@ -14,12 +14,14 @@ import { ShellBarProfileClickEventDetail } from '@ui5/webcomponents-fiori/dist/S
 import PopoverPlacement from '@ui5/webcomponents/dist/types/PopoverPlacement.js';
 import { useTranslation } from 'react-i18next';
 import { generateInitialsForEmail } from '../Helper/generateInitialsForEmail.ts';
+import SapLogo from '../../assets/images/sap-logo.svg';
 import styles from './ShellBar.module.css';
 
 export function ShellBarComponent() {
   const auth = useAuthOnboarding();
   const profilePopoverRef = useRef<PopoverDomRef>(null);
   const [profilePopoverOpen, setProfilePopoverOpen] = useState(false);
+  const { t } = useTranslation();
 
   const onProfileClick = (e: Ui5CustomEvent<ShellBarDomRef, ShellBarProfileClickEventDetail>) => {
     profilePopoverRef.current!.opener = e.detail.targetRef;
@@ -44,8 +46,8 @@ export function ShellBarComponent() {
         startButton={
           <div className={styles.container}>
             <div className={styles.logoWrapper}>
-              <img src="/logo.png" alt="MCP" className={styles.logo} />
-              <span className={styles.logoText}>MCP</span>
+              <img src={SapLogo} alt="" className={styles.logo} />
+              <span className={styles.logoText}>{t('ShellBar.applicationName')}</span>
             </div>
           </div>
         }