feat(FR-2904): expose all DeploymentFilter fields, ordering, and table columns in deployment list

Author: agatha197

react/src/components/DeploymentList.tsx

@@ -25,6 +25,7 @@ import {
   BAITable,
   filterOutEmpty,
   filterOutNullAndUndefined,
+  isValidUUID,
   toLocalId,
   useBAILogger,
   type BAIColumnType,
@@ -53,9 +54,9 @@ const COLUMN_KEY_TO_FIELD: Record<string, string> = {
   name: 'NAME',
   createdAt: 'CREATED_AT',
   domainName: 'DOMAIN',
-  projectName: 'PROJECT',
+  projectId: 'PROJECT',
   resourceGroup: 'RESOURCE_GROUP',
-  tag: 'TAG',
+  tags: 'TAG',
 };
 
 /** All valid order strings accepted by BAITable for deployments. */
@@ -64,6 +65,14 @@ export const availableDeploymentOrderValues = [
   '-name',
   'createdAt',
   '-createdAt',
+  'domainName',
+  '-domainName',
+  'projectId',
+  '-projectId',
+  'resourceGroup',
+  '-resourceGroup',
+  'tags',
+  '-tags',
 ] as const;
 
 export type DeploymentOrderValue =
@@ -159,16 +168,20 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
         edges {
           node {
             id
+            createdUserId
             metadata {
               name
               status
               createdAt
+              updatedAt
               domainName
               projectId
+              resourceGroupName
               ...DeploymentTagChips_metadata
             }
             networkAccess {
               endpointUrl
+              openToPublic
             }
             replicaState {
               desiredReplicaCount
@@ -207,6 +220,11 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
   const supportsExtendedFilter =
     baiClient?.supports('model-deployment-extended-filter') ?? false;
 
+  const uuidRule = {
+    message: t('general.InvalidUUID'),
+    validate: (value: string) => isValidUUID(value.toLowerCase()),
+  };
+
   const baseFilterProperties = [
     {
       key: 'name',
@@ -223,6 +241,11 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
       propertyLabel: t('deployment.filter.EndpointUrl'),
       type: 'string' as const,
     },
+    {
+      key: 'openToPublic',
+      propertyLabel: t('deployment.filter.OpenToPublic'),
+      type: 'boolean' as const,
+    },
   ];
 
   const extendedAdminFilterProperties =
@@ -238,13 +261,34 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
             propertyLabel: t('deployment.filter.ResourceGroup'),
             type: 'string' as const,
           },
+          {
+            key: 'projectId',
+            propertyLabel: t('deployment.filter.ProjectId'),
+            type: 'uuid' as const,
+            fixedOperator: 'equals' as const,
+            rule: uuidRule,
+          },
+          {
+            key: 'createdUserId',
+            propertyLabel: t('deployment.filter.CreatedUserId'),
+            type: 'uuid' as const,
+            fixedOperator: 'equals' as const,
+            rule: uuidRule,
+          },
           {
             key: 'createdAt',
             propertyLabel: t('deployment.filter.CreatedAt'),
             type: 'datetime' as const,
             operators: ['after' as const, 'before' as const],
             defaultOperator: 'after' as const,
           },
+          {
+            key: 'destroyedAt',
+            propertyLabel: t('deployment.filter.DestroyedAt'),
+            type: 'datetime' as const,
+            operators: ['after' as const, 'before' as const],
+            defaultOperator: 'after' as const,
+          },
         ]
       : [];
 
@@ -388,6 +432,7 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
       key: 'tags',
       title: t('deployment.Tags'),
       defaultHidden: true,
+      sorter: true,
       render: (_text, row) => (
         <DeploymentTagChips
           metadataFrgmt={row.metadata}
@@ -406,10 +451,49 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
         return createdAt ? dayjs(createdAt).format('ll LT') : '-';
       },
     },
+    {
+      key: 'updatedAt',
+      title: t('deployment.UpdatedAt'),
+      defaultHidden: true,
+      render: (_text, row) => {
+        const updatedAt = row.metadata?.updatedAt;
+        return updatedAt ? dayjs(updatedAt).format('ll LT') : '-';
+      },
+    },
+    {
+      key: 'openToPublic',
+      title: t('deployment.OpenToPublic'),
+      defaultHidden: true,
+      render: (_text, row) => {
+        const isPublic = row.networkAccess?.openToPublic;
+        return isPublic == null ? (
+          <Typography.Text type="secondary">-</Typography.Text>
+        ) : (
+          <Typography.Text>
+            {isPublic ? t('deployment.Public') : t('deployment.Private')}
+          </Typography.Text>
+        );
+      },
+    },
+    {
+      key: 'resourceGroup',
+      title: t('deployment.ResourceGroup'),
+      defaultHidden: true,
+      sorter: true,
+      render: (_text, row) => {
+        const resourceGroup = row.metadata?.resourceGroupName;
+        return resourceGroup ? (
+          <Typography.Text>{resourceGroup}</Typography.Text>
+        ) : (
+          <Typography.Text type="secondary">-</Typography.Text>
+        );
+      },
+    },
     isAdminMode && {
       key: 'domainName',
       title: t('deployment.Domain'),
       defaultHidden: true,
+      sorter: true,
       render: (_text, row) => {
         const domain = row.metadata?.domainName;
         return domain ? (
@@ -419,6 +503,33 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
         );
       },
     },
+    isAdminMode && {
+      key: 'projectId',
+      title: t('deployment.ProjectId'),
+      defaultHidden: true,
+      sorter: true,
+      render: (_text, row) => {
+        const projectId = row.metadata?.projectId;
+        return projectId ? (
+          <BAIId globalId={projectId} copyable />
+        ) : (
+          <Typography.Text type="secondary">-</Typography.Text>
+        );
+      },
+    },
+    isAdminMode && {
+      key: 'createdUserId',
+      title: t('deployment.CreatedBy'),
+      defaultHidden: true,
+      render: (_text, row) => {
+        const userId = row.createdUserId;
+        return userId ? (
+          <BAIId globalId={userId} copyable />
+        ) : (
+          <Typography.Text type="secondary">-</Typography.Text>
+        );
+      },
+    },
     isAdminMode && {
       key: 'owner',
       title: t('deployment.Owner'),

react/src/pages/DeploymentListPage.tsx

@@ -19,6 +19,7 @@ import DeploymentSettingModal from '../components/DeploymentSettingModal';
 import { useWebUINavigate } from '../hooks';
 import { useBAIPaginationOptionStateOnSearchParam } from '../hooks/reactPaginationQueryOptions';
 import { useBAISettingUserState } from '../hooks/useBAISetting';
+import { useCurrentProjectValue } from '../hooks/useCurrentProject';
 import { useToggle } from 'ahooks';
 import { Button, Skeleton } from 'antd';
 import {
@@ -72,6 +73,8 @@ const DeploymentListPageContent: React.FC = () => {
 
   const [fetchKey, updateFetchKey] = useFetchKey();
 
+  const currentProject = useCurrentProjectValue();
+
   const sort = tableOrderToSort(queryParams.order);
   const orderBy: DeploymentOrderBy[] | undefined = sort
     ? [
@@ -86,10 +89,14 @@ const DeploymentListPageContent: React.FC = () => {
     queryParams.statusCategory === 'finished'
       ? { status: { in: finishedStatuses } }
       : { status: { notIn: finishedStatuses } };
+  const projectFilter: DeploymentFilter = currentProject.id
+    ? { projectId: { equals: currentProject.id } }
+    : {};
   const queryVariables = {
     filter: {
       ...((queryParams.filter ?? {}) as DeploymentFilter),
       ...statusCategoryFilter,
+      ...projectFilter,
     },
     orderBy,
     limit: baiPaginationOption.limit,

resources/i18n/de.json

@@ -996,6 +996,7 @@
     "Private": "Privat",
     "PrivateDeploymentAlertTitle": "Private Bereitstellung — verwenden Sie ein Zugriffstoken, um auf den Endpunkt zuzugreifen.",
     "Project": "Projekt",
+    "ProjectId": "Projekt-ID",
     "Public": "Öffentlich",
     "QuickDeploy": "Bereitstellen",
     "QuickDeployDetailed": "Konfigurieren und bereitstellen...",
@@ -1048,10 +1049,13 @@
     },
     "filter": {
       "CreatedAt": "Erstellt am",
+      "CreatedUserId": "Ersteller-ID",
+      "DestroyedAt": "Gelöscht am",
       "DomainName": "Domäne",
       "EndpointUrl": "Endpunkt-URL",
       "Name": "Name",
       "OpenToPublic": "Öffentlich",
+      "ProjectId": "Projekt-ID",
       "ResourceGroup": "Ressourcengruppe",
       "Status": "Status",
       "Tags": "Tags"

resources/i18n/el.json

@@ -996,6 +996,7 @@
     "Private": "Ιδιωτικό",
     "PrivateDeploymentAlertTitle": "Ιδιωτική ανάπτυξη — χρησιμοποιήστε ένα διακριτικό πρόσβασης για να αποκτήσετε πρόσβαση στο τελικό σημείο.",
     "Project": "Έργο",
+    "ProjectId": "ID έργου",
     "Public": "Δημόσιο",
     "QuickDeploy": "Ανάπτυξη",
     "QuickDeployDetailed": "Διαμόρφωση και ανάπτυξη...",
@@ -1048,10 +1049,13 @@
     },
     "filter": {
       "CreatedAt": "Δημιουργήθηκε",
+      "CreatedUserId": "ID δημιουργού",
+      "DestroyedAt": "Καταστράφηκε στις",
       "DomainName": "Τομέας",
       "EndpointUrl": "URL τελικού σημείου",
       "Name": "Όνομα",
       "OpenToPublic": "Δημόσιο",
+      "ProjectId": "ID έργου",
       "ResourceGroup": "Ομάδα πόρων",
       "Status": "Κατάσταση",
       "Tags": "Ετικέτες"

resources/i18n/en.json

@@ -1015,6 +1015,7 @@
     "Private": "Private",
     "PrivateDeploymentAlertTitle": "Private deployment — use an access token to access the endpoint.",
     "Project": "Project",
+    "ProjectId": "Project ID",
     "Public": "Public",
     "QuickDeploy": "Deploy",
     "QuickDeployDetailed": "Configure and deploy",
@@ -1067,10 +1068,13 @@
     },
     "filter": {
       "CreatedAt": "Created At",
+      "CreatedUserId": "Creator ID",
+      "DestroyedAt": "Destroyed At",
       "DomainName": "Domain",
       "EndpointUrl": "Endpoint URL",
       "Name": "Name",
       "OpenToPublic": "Public",
+      "ProjectId": "Project ID",
       "ResourceGroup": "Resource Group",
       "Status": "Status",
       "Tags": "Tags"

resources/i18n/es.json

@@ -996,6 +996,7 @@
     "Private": "Privado",
     "PrivateDeploymentAlertTitle": "Despliegue privado — use un token de acceso para acceder al endpoint.",
     "Project": "Proyecto",
+    "ProjectId": "ID del proyecto",
     "Public": "Público",
     "QuickDeploy": "Desplegar",
     "QuickDeployDetailed": "Configurar y desplegar...",
@@ -1048,10 +1049,13 @@
     },
     "filter": {
       "CreatedAt": "Creado el",
+      "CreatedUserId": "ID del creador",
+      "DestroyedAt": "Eliminado el",
       "DomainName": "Dominio",
       "EndpointUrl": "URL del endpoint",
       "Name": "Nombre",
       "OpenToPublic": "Público",
+      "ProjectId": "ID del proyecto",
       "ResourceGroup": "Grupo de recursos",
       "Status": "Estado",
       "Tags": "Etiquetas"

resources/i18n/fi.json

@@ -996,6 +996,7 @@
     "Private": "Yksityinen",
     "PrivateDeploymentAlertTitle": "Yksityinen käyttöönotto — käytä käyttöoikeustunnusta päätepisteen käyttämiseen.",
     "Project": "Projekti",
+    "ProjectId": "Projektin tunnus",
     "Public": "Julkinen",
     "QuickDeploy": "Ota käyttöön",
     "QuickDeployDetailed": "Määritä ja ota käyttöön...",
@@ -1048,10 +1049,13 @@
     },
     "filter": {
       "CreatedAt": "Luotu",
+      "CreatedUserId": "Luojan tunnus",
+      "DestroyedAt": "Tuhottu",
       "DomainName": "Verkkotunnus",
       "EndpointUrl": "Päätepisteen URL",
       "Name": "Nimi",
       "OpenToPublic": "Julkinen",
+      "ProjectId": "Projektin tunnus",
       "ResourceGroup": "Resurssiryhmä",
       "Status": "Tila",
       "Tags": "Tunnisteet"

resources/i18n/fr.json

@@ -996,6 +996,7 @@
     "Private": "Privé",
     "PrivateDeploymentAlertTitle": "Déploiement privé — utilisez un jeton d'accès pour accéder au point de terminaison.",
     "Project": "Projet",
+    "ProjectId": "ID du projet",
     "Public": "Public",
     "QuickDeploy": "Déployer",
     "QuickDeployDetailed": "Configurer et déployer...",
@@ -1048,10 +1049,13 @@
     },
     "filter": {
       "CreatedAt": "Créé le",
+      "CreatedUserId": "ID du créateur",
+      "DestroyedAt": "Supprimé le",
       "DomainName": "Domaine",
       "EndpointUrl": "URL du point de terminaison",
       "Name": "Nom",
       "OpenToPublic": "Public",
+      "ProjectId": "ID du projet",
       "ResourceGroup": "Groupe de ressources",
       "Status": "Statut",
       "Tags": "Étiquettes"

resources/i18n/id.json

@@ -996,6 +996,7 @@
     "Private": "Privat",
     "PrivateDeploymentAlertTitle": "Penerapan privat — gunakan token akses untuk mengakses endpoint.",
     "Project": "Proyek",
+    "ProjectId": "ID proyek",
     "Public": "Publik",
     "QuickDeploy": "Terapkan",
     "QuickDeployDetailed": "Konfigurasi dan terapkan...",
@@ -1048,10 +1049,13 @@
     },
     "filter": {
       "CreatedAt": "Dibuat Pada",
+      "CreatedUserId": "ID Pembuat",
+      "DestroyedAt": "Dihancurkan Pada",
       "DomainName": "Domain",
       "EndpointUrl": "URL Titik Akhir",
       "Name": "Nama",
       "OpenToPublic": "Publik",
+      "ProjectId": "ID proyek",
       "ResourceGroup": "Grup Sumber Daya",
       "Status": "Status",
       "Tags": "Tag"