Remove connectionTypes SupportedArea

frontend/src/app/AppRoutes.tsx

@@ -82,7 +82,6 @@ const AppRoutes: React.FC = () => {
   const { isAdmin, isAllowed } = useUser();
   const isJupyterEnabled = useCheckJupyterEnabled();
   const isHomeAvailable = useIsAreaAvailable(SupportedArea.HOME).status;
-  const isConnectionTypesAvailable = useIsAreaAvailable(SupportedArea.CONNECTION_TYPES).status;
 
   if (!isAllowed) {
     return (
@@ -140,9 +139,7 @@ const AppRoutes: React.FC = () => {
             <Route path="/acceleratorProfiles/*" element={<AcceleratorProfileRoutes />} />
             <Route path="/hardwareProfiles/*" element={<HardwareProfileRoutes />} />
             <Route path="/servingRuntimes/*" element={<CustomServingRuntimeRoutes />} />
-            {isConnectionTypesAvailable ? (
-              <Route path="/connectionTypes/*" element={<ConnectionTypeRoutes />} />
-            ) : null}
+            <Route path="/connectionTypes/*" element={<ConnectionTypeRoutes />} />
             <Route path="/storageClasses/*" element={<StorageClassesPage />} />
             <Route path="/modelRegistrySettings/*" element={<ModelRegistrySettingsRoutes />} />
             <Route path="/groupSettings" element={<GroupSettingsPage />} />

frontend/src/concepts/areas/const.ts

@@ -51,9 +51,6 @@ export const SupportedAreasStateMap: SupportedAreasState = {
     featureFlags: ['disableCustomServingRuntimes'],
     reliantAreas: [SupportedArea.MODEL_SERVING],
   },
-  [SupportedArea.CONNECTION_TYPES]: {
-    featureFlags: [], // TODO: We want to disable, no flag exists today,
-  },
   [SupportedArea.STORAGE_CLASSES]: {
     featureFlags: ['disableStorageClasses'],
   },

frontend/src/concepts/areas/types.ts

@@ -38,7 +38,6 @@ export enum SupportedArea {
   USER_MANAGEMENT = 'user-management',
   ACCELERATOR_PROFILES = 'accelerator-profiles',
   HARDWARE_PROFILES = 'hardware-profiles',
-  CONNECTION_TYPES = 'connections-types',
   STORAGE_CLASSES = 'storage-classes',
 
   /* DS Projects specific areas */

frontend/src/pages/home/aiFlows/ProjectsGallery.tsx

@@ -5,15 +5,13 @@ import InfoGalleryItem from '~/concepts/design/InfoGalleryItem';
 import { SupportedArea } from '~/concepts/areas';
 import useIsAreaAvailable from '~/concepts/areas/useIsAreaAvailable';
 import useServingPlatformStatuses from '~/pages/modelServing/useServingPlatformStatuses';
-import useConnectionTypesEnabled from '~/concepts/connectionTypes/useConnectionTypesEnabled';
 import InfoGallery from './InfoGallery';
 
 const ProjectsGallery: React.FC<{ onClose: () => void }> = ({ onClose }) => {
   const { status: pipelinesAvailable } = useIsAreaAvailable(SupportedArea.DS_PIPELINES);
   const { status: modelServingAvailable } = useIsAreaAvailable(SupportedArea.MODEL_SERVING);
   const servingPlatformStatuses = useServingPlatformStatuses();
   const modelMeshEnabled = servingPlatformStatuses.modelMesh.enabled;
-  const connectionTypesEnabled = useConnectionTypesEnabled();
 
   const getProjectDescriptionAdditionalText = () => {
     if (pipelinesAvailable && modelServingAvailable) {
@@ -68,39 +66,22 @@ const ProjectsGallery: React.FC<{ onClose: () => void }> = ({ onClose }) => {
       }
       isOpen
     />,
-    connectionTypesEnabled ? (
-      <InfoGalleryItem
-        key="connections"
-        data-testid="ai-flows-connections-info"
-        title="Connections"
-        resourceType={ProjectObjectType.dataConnection}
-        sectionType={SectionType.organize}
-        description={
-          <Content component="small">
-            Connections enable you to store and retrieve information that typically should not be
-            stored in code. For example, you can store details (including credentials) for object
-            storage, databases, and more. You can then attach the connections to artifacts in your
-            project, such as workbenches and model servers.
-          </Content>
-        }
-        isOpen
-      />
-    ) : (
-      <InfoGalleryItem
-        key="data-connections"
-        data-testid="ai-flows-connections-info"
-        title="Data connections"
-        resourceType={ProjectObjectType.dataConnection}
-        sectionType={SectionType.organize}
-        description={
-          <Content component="small">
-            You can add data connections to link your project and its workbenches to data sources,
-            and to object storage buckets which save data and models that you want to deploy.
-          </Content>
-        }
-        isOpen
-      />
-    ),
+    <InfoGalleryItem
+      key="connections"
+      data-testid="ai-flows-connections-info"
+      title="Connections"
+      resourceType={ProjectObjectType.dataConnection}
+      sectionType={SectionType.organize}
+      description={
+        <Content component="small">
+          Connections enable you to store and retrieve information that typically should not be
+          stored in code. For example, you can store details (including credentials) for object
+          storage, databases, and more. You can then attach the connections to artifacts in your
+          project, such as workbenches and model servers.
+        </Content>
+      }
+      isOpen
+    />,
     <InfoGalleryItem
       key="storage"
       data-testid="ai-flows-storage-info"

frontend/src/pages/modelServing/screens/projects/kServeModal/ManageKServeModal.tsx

@@ -6,7 +6,6 @@ import {
   getCreateInferenceServiceLabels,
   getSubmitInferenceServiceResourceFn,
   getSubmitServingRuntimeResourcesFn,
-  isConnectionPathValid,
   useCreateInferenceServiceObject,
   useCreateServingRuntimeObject,
 } from '~/pages/modelServing/screens/projects/utils';
@@ -35,8 +34,6 @@ import ServingRuntimeSizeSection from '~/pages/modelServing/screens/projects/Ser
 import ServingRuntimeTemplateSection from '~/pages/modelServing/screens/projects/ServingRuntimeModal/ServingRuntimeTemplateSection';
 import ProjectSection from '~/pages/modelServing/screens/projects/InferenceServiceModal/ProjectSection';
 import { DataConnection, NamespaceApplicationCase } from '~/pages/projects/types';
-import { AwsKeys } from '~/pages/projects/dataConnections/const';
-import { isAWSValid } from '~/pages/projects/screens/spawner/spawnerUtils';
 import InferenceServiceFrameworkSection from '~/pages/modelServing/screens/projects/InferenceServiceModal/InferenceServiceFrameworkSection';
 import { getDisplayNameFromK8sResource } from '~/concepts/k8s/utils';
 import AuthServingRuntimeSection from '~/pages/modelServing/screens/projects/ServingRuntimeModal/AuthServingRuntimeSection';
@@ -48,7 +45,6 @@ import {
   FormTrackingEventProperties,
   TrackingOutcome,
 } from '~/concepts/analyticsTracking/trackingProperties';
-import useConnectionTypesEnabled from '~/concepts/connectionTypes/useConnectionTypesEnabled';
 import { Connection } from '~/concepts/connectionTypes/types';
 import { ConnectionSection } from '~/pages/modelServing/screens/projects/InferenceServiceModal/ConnectionSection';
 import K8sNameDescriptionField, {
@@ -109,7 +105,6 @@ const ManageKServeModal: React.FC<ManageKServeModalProps> = ({
     initialData: editInfo?.inferenceServiceEditInfo,
   });
 
-  const isConnectionTypesEnabled = useConnectionTypesEnabled();
   const [connection, setConnection] = React.useState<Connection>();
   const [isConnectionValid, setIsConnectionValid] = React.useState(false);
 
@@ -171,23 +166,7 @@ const ManageKServeModal: React.FC<ManageKServeModalProps> = ({
     if (createDataInferenceService.storage.type === InferenceServiceStorageType.EXISTING_URI) {
       return !!createDataInferenceService.storage.uri;
     }
-    if (createDataInferenceService.storage.type === InferenceServiceStorageType.EXISTING_STORAGE) {
-      if (isConnectionTypesEnabled) {
-        return isConnectionValid;
-      }
-      return (
-        createDataInferenceService.storage.dataConnection !== '' &&
-        isConnectionPathValid(createDataInferenceService.storage.path)
-      );
-    }
-    // NEW_STORAGE
-    if (isConnectionTypesEnabled) {
-      return isConnectionValid;
-    }
-    return (
-      isAWSValid(createDataInferenceService.storage.awsData, [AwsKeys.AWS_S3_BUCKET]) &&
-      isConnectionPathValid(createDataInferenceService.storage.path)
-    );
+    return isConnectionValid;
   };
 
   const baseInputValueValid =

frontend/src/pages/projects/screens/detail/ProjectDetails.tsx

@@ -15,14 +15,12 @@ import { ProjectSectionID } from '~/pages/projects/screens/detail/types';
 import { AccessReviewResourceAttributes } from '~/k8sTypes';
 import { useAccessReview } from '~/api';
 import { getDescriptionFromK8sResource, getDisplayNameFromK8sResource } from '~/concepts/k8s/utils';
-import useConnectionTypesEnabled from '~/concepts/connectionTypes/useConnectionTypesEnabled';
 import ResourceNameTooltip from '~/components/ResourceNameTooltip';
 import HeaderIcon from '~/concepts/design/HeaderIcon';
 import useCheckLogoutParams from './useCheckLogoutParams';
 import ProjectOverview from './overview/ProjectOverview';
 import NotebookList from './notebooks/NotebookList';
 import StorageList from './storage/StorageList';
-import DataConnectionsList from './data-connections/DataConnectionsList';
 import ConnectionsList from './connections/ConnectionsList';
 import PipelinesSection from './pipelines/PipelinesSection';
 import ProjectActions from './ProjectActions';
@@ -43,7 +41,6 @@ const ProjectDetails: React.FC = () => {
   const projectSharingEnabled = useIsAreaAvailable(SupportedArea.DS_PROJECTS_PERMISSIONS).status;
   const pipelinesEnabled = useIsAreaAvailable(SupportedArea.DS_PIPELINES).status;
   const modelServingEnabled = useModelServingEnabled();
-  const connectionTypesEnabled = useConnectionTypesEnabled();
   const queryParams = useQueryParams();
   const state = queryParams.get('section');
   const [allowCreate, rbacLoaded] = useAccessReview({
@@ -113,21 +110,11 @@ const ProjectDetails: React.FC = () => {
             title: 'Cluster storage',
             component: <StorageList />,
           },
-          ...(connectionTypesEnabled
-            ? [
-                {
-                  id: ProjectSectionID.CONNECTIONS,
-                  title: 'Connections',
-                  component: <ConnectionsList />,
-                },
-              ]
-            : [
-                {
-                  id: ProjectSectionID.DATA_CONNECTIONS,
-                  title: 'Data connections',
-                  component: <DataConnectionsList />,
-                },
-              ]),
+          {
+            id: ProjectSectionID.CONNECTIONS,
+            title: 'Connections',
+            component: <ConnectionsList />,
+          },
           ...(projectSharingEnabled && allowCreate
             ? [
                 {

frontend/src/utilities/NavData.tsx

@@ -152,14 +152,13 @@ const useCustomRuntimesNav = (): NavDataHref[] =>
     },
   ]);
 
-const useConnectionTypesNav = (): NavDataHref[] =>
-  useAreaCheck<NavDataHref>(SupportedArea.CONNECTION_TYPES, [
-    {
-      id: 'settings-connection-types',
-      label: 'Connection types',
-      href: '/connectionTypes',
-    },
-  ]);
+const useConnectionTypesNav = (): NavDataHref[] => [
+  {
+    id: 'settings-connection-types',
+    label: 'Connection types',
+    href: '/connectionTypes',
+  },
+];
 
 const useStorageClassesNav = (): NavDataHref[] =>
   useAreaCheck<NavDataHref>(SupportedArea.STORAGE_CLASSES, [