fix

Author: lucasgoral

src/components/Wizards/CreateManagedControlPlane/EditManagedControlPlaneWizardDataLoader.module.css

@@ -0,0 +1,7 @@
+.absolute {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 100;
+}

src/components/Wizards/CreateManagedControlPlane/EditManagedControlPlaneWizardDataLoader.tsx

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { useApiResource } from '../../../lib/api/useApiResource.ts';
 import { ResourceObject } from '../../../lib/api/types/crate/resourceObject.ts';
-
+import styles from './EditManagedControlPlaneWizardDataLoader.module.css';
 import Loading from '../../Shared/Loading.tsx';
 import { CreateManagedControlPlaneWizardContainer } from './CreateManagedControlPlaneWizardContainer.tsx';
 import { PROJECT_NAME_LABEL, WORKSPACE_LABEL } from '../../../lib/api/types/shared/keyNames.ts';
@@ -25,20 +25,27 @@ export const EditManagedControlPlaneWizardDataLoader: FC<EditManagedControlPlane
     true,
     !isOpen,
   );
-
-  if (isLoading) return <Loading />;
+  if (isLoading) {
+    return (
+      <div className={styles.absolute}>
+        <Loading />
+      </div>
+    );
+  }
   if (error || !data) {
     return null;
   }
 
   return (
-    <CreateManagedControlPlaneWizardContainer
-      isOpen={isOpen}
-      setIsOpen={setIsOpen}
-      projectName={`project-${data?.metadata?.labels?.[PROJECT_NAME_LABEL]}`}
-      workspaceName={data?.metadata?.labels?.[WORKSPACE_LABEL]}
-      isEditMode={true}
-      initialData={data}
-    />
+    <>
+      <CreateManagedControlPlaneWizardContainer
+        isOpen={isOpen}
+        setIsOpen={setIsOpen}
+        projectName={`project-${data?.metadata?.labels?.[PROJECT_NAME_LABEL]}`}
+        workspaceName={data?.metadata?.labels?.[WORKSPACE_LABEL]}
+        isEditMode={true}
+        initialData={data}
+      />
+    </>
   );
 };

src/components/Wizards/CreateManagedControlPlane/mcp_type.ts

@@ -0,0 +1,125 @@
+// ManagedControlPlane TypeScript interfaces generated from example JSON
+// These interfaces are intentionally permissive (optional fields, string unions with fallbacks)
+// to remain forward-compatible with the API while providing strong typing for known fields.
+
+export interface ManagedControlPlane {
+  apiVersion: 'core.openmcp.cloud/v1alpha1' | string;
+  kind: 'ManagedControlPlane' | string;
+  metadata: KubernetesObjectMeta;
+  spec: ManagedControlPlaneSpec;
+  status?: ManagedControlPlaneStatus;
+}
+
+export interface KubernetesObjectMeta {
+  name: string;
+  namespace?: string;
+  uid?: string;
+  resourceVersion?: string;
+  generation?: number;
+  creationTimestamp?: string;
+  annotations?: Record<string, string>;
+  labels?: Record<string, string>;
+  finalizers?: string[];
+  managedFields?: ManagedFieldsEntry[];
+}
+
+export interface ManagedFieldsEntry {
+  apiVersion?: string;
+  fieldsType?: string;
+  fieldsV1?: unknown;
+  manager?: string;
+  operation?: string;
+  subresource?: string;
+  time?: string;
+}
+
+export interface ManagedControlPlaneSpec {
+  authentication?: MCPAuthenticationSpec;
+  authorization?: MCPAuthorizationSpec;
+  components?: MCPComponentsSpec;
+}
+
+export interface MCPAuthenticationSpec {
+  enableSystemIdentityProvider?: boolean;
+}
+
+export interface MCPAuthorizationSpec {
+  roleBindings?: MCPRoleBinding[];
+}
+
+export interface MCPRoleBinding {
+  role: 'admin' | 'view' | string;
+  subjects: MCPSubject[];
+}
+
+export interface MCPSubject {
+  kind: 'User' | 'ServiceAccount' | string;
+  name: string;
+  namespace?: string;
+}
+
+export interface MCPComponentsSpec {
+  apiServer?: MCPApiServerComponent;
+  crossplane?: MCPCrossplaneComponent;
+  externalSecretsOperator?: MCPVersionedComponent;
+  flux?: MCPVersionedComponent;
+}
+
+export interface MCPApiServerComponent {
+  type?: 'GardenerDedicated' | string;
+}
+
+export interface MCPCrossplaneComponent {
+  version?: string;
+  providers?: MCPCrossplaneProvider[];
+}
+
+export interface MCPCrossplaneProvider {
+  name: string;
+  version?: string;
+}
+
+export interface MCPVersionedComponent {
+  version?: string;
+}
+
+export interface ManagedControlPlaneStatus {
+  components?: MCPStatusComponents;
+  conditions?: MCPCondition[];
+  observedGeneration?: number;
+  status?: string;
+}
+
+export interface MCPStatusComponents {
+  apiServer?: {
+    endpoint?: string;
+    serviceAccountIssuer?: string;
+  };
+  authentication?: {
+    access?: {
+      key?: string;
+      name?: string;
+      namespace?: string;
+    };
+  };
+  authorization?: Record<string, unknown>;
+  cloudOrchestrator?: Record<string, unknown>;
+}
+
+export interface MCPCondition {
+  lastTransitionTime?: string;
+  managedBy?: string;
+  message?: string;
+  reason?: string;
+  status?: 'True' | 'False' | 'Unknown' | string;
+  type?:
+    | 'APIServerHealthy'
+    | 'AuthenticationHealthy'
+    | 'AuthorizationHealthy'
+    | 'CloudOrchestratorHealthy'
+    | 'CrossplaneReady'
+    | 'ExternalSecretsOperatorReady'
+    | 'Ready'
+    | 'MCPSuccessful'
+    | string;
+}