feat(FR-2838): show private-deployment alert with access-token shortcut on deployment detail

Author: yomybaby

react/src/pages/DeploymentDetailPage.tsx

@@ -13,7 +13,7 @@ import DeploymentStatusTag, {
 } from '../components/DeploymentStatusTag';
 import { useCurrentUserInfo } from '../hooks/backendai';
 import { QuestionCircleOutlined } from '@ant-design/icons';
-import { Skeleton, Tooltip, Typography, theme } from 'antd';
+import { Alert, Button, Skeleton, Tooltip, Typography, theme } from 'antd';
 import { BAICard, BAIFlex, toGlobalId } from 'backend.ai-ui';
 import React, { Suspense } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -40,6 +40,9 @@ const DeploymentDetailPage: React.FC = () => {
             name
             status
           }
+          networkAccess {
+            openToPublic
+          }
           creator @since(version: "26.4.3") {
             basicInfo {
               email
@@ -74,6 +77,15 @@ const DeploymentDetailPage: React.FC = () => {
   const isOwnedByCurrentUser =
     !creatorEmail || creatorEmail === currentUser.email;
 
+  const isPrivateDeployment =
+    deployment.networkAccess.openToPublic === false && !isDeploymentDestroying;
+
+  const scrollToAccessTokens = () => {
+    document
+      .getElementById('deployment-access-tokens')
+      ?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+  };
+
   return (
     <BAIFlex direction="column" align="stretch" gap="md">
       <BAIFlex direction="row" align="center" gap="sm">
@@ -82,6 +94,19 @@ const DeploymentDetailPage: React.FC = () => {
         </Typography.Title>
         <DeploymentStatusTag status={deploymentStatus} />
       </BAIFlex>
+      {isPrivateDeployment && (
+        <Alert
+          type="info"
+          showIcon
+          title={t('deployment.PrivateDeploymentAlertTitle')}
+          description={t('deployment.PrivateDeploymentAlertDescription')}
+          action={
+            <Button onClick={scrollToAccessTokens}>
+              {t('deployment.ManageAccessTokens')}
+            </Button>
+          }
+        />
+      )}
       <DeploymentConfigurationSection
         deploymentId={toGlobalId('ModelDeployment', deploymentId)}
         isDeploymentDestroying={isDeploymentDestroying}
@@ -109,12 +134,14 @@ const DeploymentDetailPage: React.FC = () => {
         </BAIErrorBoundary>
       </BAICard>
       <DeploymentAutoScalingTab deploymentFrgmt={deployment} />
-      <DeploymentAccessTokensTab
-        deploymentFrgmt={deployment}
-        deploymentId={toGlobalId('ModelDeployment', deploymentId)}
-        isOwnedByCurrentUser={isOwnedByCurrentUser}
-        isDeploymentDestroying={isDeploymentDestroying}
-      />
+      <div id="deployment-access-tokens">
+        <DeploymentAccessTokensTab
+          deploymentFrgmt={deployment}
+          deploymentId={toGlobalId('ModelDeployment', deploymentId)}
+          isOwnedByCurrentUser={isOwnedByCurrentUser}
+          isDeploymentDestroying={isDeploymentDestroying}
+        />
+      </div>
     </BAIFlex>
   );
 };

resources/i18n/de.json

@@ -945,6 +945,7 @@
     "Image": "Image",
     "LegacyRouteRedirected": "Die Endpunkt-URL wurde verschoben. Sie wurden zur neuen Bereitstellungsseite weitergeleitet.",
     "LivenessStatus": "Liveness-Status",
+    "ManageAccessTokens": "Zugriffstoken verwalten",
     "Model": "Modell",
     "ModelDefinitionPath": "Pfad zur Modelldefinitionsdatei",
     "ModelFolder": "Modellordner",
@@ -965,6 +966,8 @@
     "Overview": "Übersicht",
     "Owner": "Eigentümer",
     "Private": "Privat",
+    "PrivateDeploymentAlertDescription": "Verwenden Sie ein Zugriffstoken, um den Endpunkt dieser Bereitstellung zu nutzen.",
+    "PrivateDeploymentAlertTitle": "Private Bereitstellung",
     "Project": "Projekt",
     "Public": "Öffentlich",
     "QuickDeploy": "Bereitstellen",

resources/i18n/el.json

@@ -945,6 +945,7 @@
     "Image": "Image",
     "LegacyRouteRedirected": "Το URL τελικού σημείου μετακινήθηκε. Ανακατευθυνθήκατε στη νέα σελίδα αναπτύξεων.",
     "LivenessStatus": "Κατάσταση Liveness",
+    "ManageAccessTokens": "Διαχείριση διακριτικών πρόσβασης",
     "Model": "Μοντέλο",
     "ModelDefinitionPath": "Διαδρομή αρχείου ορισμού μοντέλου",
     "ModelFolder": "Φάκελος μοντέλου",
@@ -965,6 +966,8 @@
     "Overview": "Επισκόπηση",
     "Owner": "Ιδιοκτήτης",
     "Private": "Ιδιωτικό",
+    "PrivateDeploymentAlertDescription": "Χρησιμοποιήστε ένα διακριτικό πρόσβασης για να αποκτήσετε πρόσβαση στο τελικό σημείο αυτής της ανάπτυξης.",
+    "PrivateDeploymentAlertTitle": "Ιδιωτική ανάπτυξη",
     "Project": "Έργο",
     "Public": "Δημόσιο",
     "QuickDeploy": "Ανάπτυξη",

resources/i18n/en.json

@@ -947,6 +947,7 @@
     "Image": "Image",
     "LegacyRouteRedirected": "The endpoint URL has moved. You have been redirected to the new Deployments page.",
     "LivenessStatus": "Liveness Status",
+    "ManageAccessTokens": "Manage Access Tokens",
     "Model": "Model",
     "ModelDefinitionPath": "Model Definition File Path",
     "ModelFolder": "Model Folder",
@@ -967,6 +968,8 @@
     "Overview": "Overview",
     "Owner": "Owner",
     "Private": "Private",
+    "PrivateDeploymentAlertDescription": "Use an access token to access this deployment's endpoint.",
+    "PrivateDeploymentAlertTitle": "Private deployment",
     "Project": "Project",
     "Public": "Public",
     "QuickDeploy": "Deploy",

resources/i18n/es.json

@@ -945,6 +945,7 @@
     "Image": "Imagen",
     "LegacyRouteRedirected": "La URL del endpoint ha cambiado. Ha sido redirigido a la nueva página de despliegues.",
     "LivenessStatus": "Estado de Liveness",
+    "ManageAccessTokens": "Administrar tokens de acceso",
     "Model": "Modelo",
     "ModelDefinitionPath": "Ruta del archivo de definición del modelo",
     "ModelFolder": "Carpeta del modelo",
@@ -965,6 +966,8 @@
     "Overview": "Resumen",
     "Owner": "Propietario",
     "Private": "Privado",
+    "PrivateDeploymentAlertDescription": "Use un token de acceso para acceder al endpoint de este despliegue.",
+    "PrivateDeploymentAlertTitle": "Despliegue privado",
     "Project": "Proyecto",
     "Public": "Público",
     "QuickDeploy": "Desplegar",

resources/i18n/fi.json

@@ -945,6 +945,7 @@
     "Image": "Image",
     "LegacyRouteRedirected": "Päätepisteen URL on muuttunut. Sinut on ohjattu uudelle käyttöönottosivulle.",
     "LivenessStatus": "Liveness-tila",
+    "ManageAccessTokens": "Hallitse käyttöoikeustunnuksia",
     "Model": "Malli",
     "ModelDefinitionPath": "Mallimäärittelytiedoston polku",
     "ModelFolder": "Mallikansio",
@@ -965,6 +966,8 @@
     "Overview": "Yleiskatsaus",
     "Owner": "Omistaja",
     "Private": "Yksityinen",
+    "PrivateDeploymentAlertDescription": "Käytä käyttöoikeustunnusta tämän käyttöönoton päätepisteen käyttämiseen.",
+    "PrivateDeploymentAlertTitle": "Yksityinen käyttöönotto",
     "Project": "Projekti",
     "Public": "Julkinen",
     "QuickDeploy": "Ota käyttöön",

resources/i18n/fr.json

@@ -945,6 +945,7 @@
     "Image": "Image",
     "LegacyRouteRedirected": "L'URL du point de terminaison a changé. Vous avez été redirigé vers la nouvelle page de déploiements.",
     "LivenessStatus": "État Liveness",
+    "ManageAccessTokens": "Gérer les jetons d'accès",
     "Model": "Modèle",
     "ModelDefinitionPath": "Chemin du fichier de définition du modèle",
     "ModelFolder": "Dossier du modèle",
@@ -965,6 +966,8 @@
     "Overview": "Aperçu",
     "Owner": "Propriétaire",
     "Private": "Privé",
+    "PrivateDeploymentAlertDescription": "Utilisez un jeton d'accès pour accéder au point de terminaison de ce déploiement.",
+    "PrivateDeploymentAlertTitle": "Déploiement privé",
     "Project": "Projet",
     "Public": "Public",
     "QuickDeploy": "Déployer",

resources/i18n/id.json

@@ -945,6 +945,7 @@
     "Image": "Image",
     "LegacyRouteRedirected": "URL titik akhir telah dipindahkan. Anda telah diarahkan ke halaman Penerapan baru.",
     "LivenessStatus": "Status Liveness",
+    "ManageAccessTokens": "Kelola token akses",
     "Model": "Model",
     "ModelDefinitionPath": "Jalur File Definisi Model",
     "ModelFolder": "Folder Model",
@@ -965,6 +966,8 @@
     "Overview": "Ikhtisar",
     "Owner": "Pemilik",
     "Private": "Privat",
+    "PrivateDeploymentAlertDescription": "Gunakan token akses untuk mengakses endpoint penerapan ini.",
+    "PrivateDeploymentAlertTitle": "Penerapan privat",
     "Project": "Proyek",
     "Public": "Publik",
     "QuickDeploy": "Terapkan",

resources/i18n/it.json

@@ -945,6 +945,7 @@
     "Image": "Image",
     "LegacyRouteRedirected": "L'URL dell'endpoint è stata spostata. Sei stato reindirizzato alla nuova pagina Distribuzioni.",
     "LivenessStatus": "Stato Liveness",
+    "ManageAccessTokens": "Gestisci token di accesso",
     "Model": "Modello",
     "ModelDefinitionPath": "Percorso file di definizione modello",
     "ModelFolder": "Cartella modello",
@@ -965,6 +966,8 @@
     "Overview": "Panoramica",
     "Owner": "Proprietario",
     "Private": "Privato",
+    "PrivateDeploymentAlertDescription": "Usa un token di accesso per accedere all'endpoint di questa distribuzione.",
+    "PrivateDeploymentAlertTitle": "Distribuzione privata",
     "Project": "Progetto",
     "Public": "Pubblico",
     "QuickDeploy": "Distribuisci",

resources/i18n/ja.json

@@ -945,6 +945,7 @@
     "Image": "イメージ",
     "LegacyRouteRedirected": "エンドポイントURLが変更されました。新しいデプロイページにリダイレクトされました。",
     "LivenessStatus": "Liveness 状態",
+    "ManageAccessTokens": "アクセストークンを管理",
     "Model": "モデル",
     "ModelDefinitionPath": "モデル定義ファイルパス",
     "ModelFolder": "モデルフォルダー",
@@ -965,6 +966,8 @@
     "Overview": "概要",
     "Owner": "オーナー",
     "Private": "非公開",
+    "PrivateDeploymentAlertDescription": "このデプロイメントのエンドポイントにアクセスするには、アクセストークンを使用してください。",
+    "PrivateDeploymentAlertTitle": "非公開デプロイメント",
     "Project": "プロジェクト",
     "Public": "公開",
     "QuickDeploy": "デプロイ",