feat(mr): mr settings scaffolding

frontend/src/app/AppRoutes.tsx

@@ -53,6 +53,9 @@
 const CustomServingRuntimeRoutes = React.lazy(
   () => import('../pages/modelServing/customServingRuntimes/CustomServingRuntimeRoutes'),
 );
+const ModelRegistrySettingsPage = React.lazy(
+  () => import('../pages/modelRegistrySettings/ModelRegistrySettings'),
+);
 const GroupSettingsPage = React.lazy(() => import('../pages/groupSettings/GroupSettings'));
 const LearningCenterPage = React.lazy(() => import('../pages/learningCenter/LearningCenter'));
 const BYONImagesPage = React.lazy(() => import('../pages/BYONImages/BYONImages'));
@@ -127,6 +130,7 @@
             <Route path="/clusterSettings" element={<ClusterSettingsPage />} />
             <Route path="/acceleratorProfiles/*" element={<AcceleratorProfileRoutes />} />
             <Route path="/servingRuntimes/*" element={<CustomServingRuntimeRoutes />} />
+            <Route path="/modelRegistrySettings" element={<ModelRegistrySettingsPage />} />
             <Route path="/groupSettings" element={<GroupSettingsPage />} />
           </>
         )}

frontend/src/concepts/areas/const.ts

@@ -77,5 +77,6 @@ export const SupportedAreasStateMap: SupportedAreasState = {
   [SupportedArea.MODEL_REGISTRY]: {
     featureFlags: ['disableModelRegistry'],
     requiredComponents: [StackComponent.MODEL_REGISTRY],
+    requiredCapabilities: [StackCapability.SERVICE_MESH, StackCapability.SERVICE_MESH_AUTHZ],
   },
 };

frontend/src/pages/modelRegistrySettings/ModelRegistrySettings.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import {
+  Button,
+  EmptyState,
+  EmptyStateActions,
+  EmptyStateBody,
+  EmptyStateFooter,
+  EmptyStateHeader,
+  EmptyStateIcon,
+  EmptyStateVariant,
+} from '@patternfly/react-core';
+import { PlusCircleIcon } from '@patternfly/react-icons';
+import ApplicationsPage from '~/pages/ApplicationsPage';
+
+const ModelRegistrySettings: React.FC = () => {
+  const navigate = useNavigate();
+
+  return (
+    <ApplicationsPage
+      title="Model Registry Settings"
+      description="Manage model registry settings for all users in your organization."
+      loaded
+      empty={false}
+      errorMessage="Unable to load model registry settings."
+      emptyMessage="No model registry settings found."
+      provideChildrenPadding
+    >
+      <EmptyState variant={EmptyStateVariant.lg}>
+        <EmptyStateHeader
+          titleText="No model registries"
+          icon={<EmptyStateIcon icon={PlusCircleIcon} />}
+          headingLevel="h5"
+        />
+        <EmptyStateBody>
+          You can create model registries for specific users or projects.
+        </EmptyStateBody>
+        <EmptyStateFooter>
+          <EmptyStateActions>
+            <Button variant="primary" onClick={() => navigate('/modelRegistry')}>
+              Create model registry
+            </Button>
+          </EmptyStateActions>
+        </EmptyStateFooter>
+      </EmptyState>
+    </ApplicationsPage>
+  );
+};
+
+export default ModelRegistrySettings;

frontend/src/utilities/NavData.tsx

@@ -150,6 +150,15 @@ const useCustomRuntimesNav = (): NavDataHref[] =>
     },
   ]);
 
+const useModelRegisterySettingsNav = (): NavDataHref[] =>
+  useAreaCheck<NavDataHref>(SupportedArea.MODEL_REGISTRY, [
+    {
+      id: 'settings-model-registry',
+      label: 'Model registry settings',
+      href: '/modelRegistrySettings',
+    },
+  ]);
+
 const useUserManagementNav = (): NavDataHref[] =>
   useAreaCheck<NavDataHref>(SupportedArea.USER_MANAGEMENT, [
     {
@@ -174,6 +183,7 @@ const useSettingsNav = (): NavDataGroup[] => {
     ...useClusterSettingsNav(),
     ...useAcceleratorProfilesNav(),
     ...useCustomRuntimesNav(),
+    ...useModelRegisterySettingsNav(),
     ...useUserManagementNav(),
   ];