feat(FR-2905): deployment list polish — projectV2 display, revision drawer link, drop createdUserId, strictSelection on enum filters

Author: yomybaby

react/src/components/DeploymentList.tsx

@@ -7,10 +7,12 @@ import {
   DeploymentList_modelDeploymentConnection$data,
   DeploymentList_modelDeploymentConnection$key,
 } from '../__generated__/DeploymentList_modelDeploymentConnection.graphql';
+import type { DeploymentRevisionDetail_revision$key } from '../__generated__/DeploymentRevisionDetail_revision.graphql';
 import { DeploymentSettingModal_deployment$key } from '../__generated__/DeploymentSettingModal_deployment.graphql';
 import { useSuspendedBackendaiClient } from '../hooks';
 import BAIRadioGroup from './BAIRadioGroup';
 import DeploymentOwnerInfo from './DeploymentOwnerInfo';
+import DeploymentRevisionDetailDrawer from './DeploymentRevisionDetailDrawer';
 import DeploymentStatusTag, { DeploymentStatus } from './DeploymentStatusTag';
 import DeploymentTagChips from './DeploymentTagChips';
 import QuestionIconWithTooltip from './QuestionIconWithTooltip';
@@ -23,6 +25,7 @@ import {
   BAIId,
   BAINameActionCell,
   BAITable,
+  BAIUnmountAfterClose,
   filterOutEmpty,
   filterOutNullAndUndefined,
   isValidUUID,
@@ -151,6 +154,8 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
     id: string;
     name: string;
   } | null>(null);
+  const [drawerRevisionFrgmt, setDrawerRevisionFrgmt] =
+    useState<DeploymentRevisionDetail_revision$key | null>(null);
 
   const [commitDeleteMutation, isInFlightDeleteMutation] =
     useMutation<DeploymentListDeleteMutation>(graphql`
@@ -168,14 +173,19 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
         edges {
           node {
             id
-            createdUserId
             metadata {
               name
               status
               createdAt
               updatedAt
               domainName
               projectId
+              projectV2 @since(version: "26.4.3") {
+                basicInfo {
+                  name
+                }
+                id
+              }
               resourceGroupName
               ...DeploymentTagChips_metadata
             }
@@ -202,6 +212,7 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
                   name
                 }
               }
+              ...DeploymentRevisionDetail_revision
             }
             ...DeploymentOwnerInfo_deployment
           }
@@ -268,13 +279,6 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
             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'),
@@ -349,10 +353,14 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
         </BAIFlex>
       ),
       render: (_text, row) => {
-        const revisionNumber = row.currentRevision?.revisionNumber;
-        if (revisionNumber == null)
+        const revision = row.currentRevision;
+        if (revision?.revisionNumber == null)
           return <Typography.Text type="secondary">-</Typography.Text>;
-        return <Typography.Text>{`#${revisionNumber}`}</Typography.Text>;
+        return (
+          <Typography.Link
+            onClick={() => setDrawerRevisionFrgmt(revision)}
+          >{`#${revision.revisionNumber}`}</Typography.Link>
+        );
       },
     },
     {
@@ -505,28 +513,31 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
     },
     isAdminMode && {
       key: 'projectId',
-      title: t('deployment.ProjectId'),
+      title: t('deployment.Project'),
       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>
+        if (!projectId) {
+          return <Typography.Text type="secondary">-</Typography.Text>;
+        }
+        const projectName = row.metadata?.projectV2?.basicInfo?.name;
+        return (
+          <BAIFlex gap="xs" align="center" wrap="nowrap">
+            {projectName ? (
+              <Typography.Text
+                ellipsis={{ tooltip: projectName }}
+                style={{ maxWidth: 160 }}
+              >
+                {projectName}
+              </Typography.Text>
+            ) : null}
+            <BAIFlex gap={0} align="center">
+              {'('}
+              <BAIId globalId={projectId} copyable />
+              {')'}
+            </BAIFlex>
+          </BAIFlex>
         );
       },
     },
@@ -628,6 +639,13 @@ const DeploymentList: React.FC<DeploymentListProps> = ({
         }}
         onCancel={() => setDeletingDeployment(null)}
       />
+      <BAIUnmountAfterClose>
+        <DeploymentRevisionDetailDrawer
+          open={!!drawerRevisionFrgmt}
+          revisionFrgmt={drawerRevisionFrgmt}
+          onClose={() => setDrawerRevisionFrgmt(null)}
+        />
+      </BAIUnmountAfterClose>
     </>
   );
 };

react/src/components/DeploymentReplicasTab.tsx

@@ -239,6 +239,7 @@ const DeploymentReplicasTab: React.FC<DeploymentReplicasTabProps> = ({
       propertyLabel: t('deployment.TrafficStatus'),
       type: 'enum' as const,
       options: trafficStatusOptions,
+      strictSelection: true,
     },
   ];
 

resources/i18n/de.json

@@ -1049,7 +1049,6 @@
     },
     "filter": {
       "CreatedAt": "Erstellt am",
-      "CreatedUserId": "Ersteller-ID",
       "DestroyedAt": "Gelöscht am",
       "DomainName": "Domäne",
       "EndpointUrl": "Endpunkt-URL",

resources/i18n/el.json

@@ -1049,7 +1049,6 @@
     },
     "filter": {
       "CreatedAt": "Δημιουργήθηκε",
-      "CreatedUserId": "ID δημιουργού",
       "DestroyedAt": "Καταστράφηκε στις",
       "DomainName": "Τομέας",
       "EndpointUrl": "URL τελικού σημείου",

resources/i18n/en.json

@@ -1068,7 +1068,6 @@
     },
     "filter": {
       "CreatedAt": "Created At",
-      "CreatedUserId": "Creator ID",
       "DestroyedAt": "Destroyed At",
       "DomainName": "Domain",
       "EndpointUrl": "Endpoint URL",

resources/i18n/es.json

@@ -1049,7 +1049,6 @@
     },
     "filter": {
       "CreatedAt": "Creado el",
-      "CreatedUserId": "ID del creador",
       "DestroyedAt": "Eliminado el",
       "DomainName": "Dominio",
       "EndpointUrl": "URL del endpoint",

resources/i18n/fi.json

@@ -1049,7 +1049,6 @@
     },
     "filter": {
       "CreatedAt": "Luotu",
-      "CreatedUserId": "Luojan tunnus",
       "DestroyedAt": "Tuhottu",
       "DomainName": "Verkkotunnus",
       "EndpointUrl": "Päätepisteen URL",

resources/i18n/fr.json

@@ -1049,7 +1049,6 @@
     },
     "filter": {
       "CreatedAt": "Créé le",
-      "CreatedUserId": "ID du créateur",
       "DestroyedAt": "Supprimé le",
       "DomainName": "Domaine",
       "EndpointUrl": "URL du point de terminaison",

resources/i18n/id.json

@@ -1049,7 +1049,6 @@
     },
     "filter": {
       "CreatedAt": "Dibuat Pada",
-      "CreatedUserId": "ID Pembuat",
       "DestroyedAt": "Dihancurkan Pada",
       "DomainName": "Domain",
       "EndpointUrl": "URL Titik Akhir",

resources/i18n/it.json

@@ -1049,7 +1049,6 @@
     },
     "filter": {
       "CreatedAt": "Creato il",
-      "CreatedUserId": "ID creatore",
       "DestroyedAt": "Eliminato il",
       "DomainName": "Dominio",
       "EndpointUrl": "URL endpoint",