Add Azure identity fields to data plane details popup

Closes #1917

Author: GregorShear

src/api/dataPlanes.ts

@@ -26,6 +26,8 @@ export interface BaseDataPlaneQuery {
     cidr_blocks: string[] | null;
     gcp_service_account_email: string | null;
     aws_iam_user_arn: string | null;
+    azure_application_name: string | null;
+    azure_application_client_id: string | null;
     data_plane_fqdn: string | null;
     // aws_link_endpoints: AwsLinkEndpoint | null;
 }
@@ -38,6 +40,8 @@ const COLUMNS = [
     'cidr_blocks',
     'gcp_service_account_email',
     'aws_iam_user_arn',
+    // 'azure_application_name', TODO uncomment after RLS policy is updated
+    'azure_application_client_id',
     // 'aws_link_endpoints', TODO uncomment after https://github.com/estuary/flow/pull/1816 is done
 ];
 

src/components/shared/Entity/DetailsForm/useDataPlaneOptions.ts

@@ -42,6 +42,8 @@ export const useDataPlaneOptions = () => {
                             gcp_service_account_email: null,
                             aws_iam_user_arn: null,
                             data_plane_fqdn: null,
+                            azure_application_name: null,
+                            azure_application_client_id: null,
                         },
                         dataPlaneNames.at(0)
                     )

src/components/tables/DataPlanes/DataPlaneDialog.tsx

@@ -130,6 +130,30 @@ function DataPlaneDialog({ onClose, dataPlane }: DataPlaneDialogProps) {
                             },
                         ]}
                     />
+
+                    <DataPlaneDialogField
+                        label={intl.formatMessage({
+                            id: 'data.azureConsentLink',
+                        })}
+                        value={
+                            dataPlane.azure_application_client_id
+                                ? `https://login.microsoftonline.com/organizations/v2.0/adminconsent?client_id=${dataPlane.azure_application_client_id}&scope=https://storage.azure.com/.default`
+                                : intl.formatMessage({
+                                      id: 'admin.dataPlanes.dialog.notAvailable',
+                                  })
+                        }
+                    />
+                    <DataPlaneDialogField
+                        label={intl.formatMessage({
+                            id: 'data.azureApplicationName',
+                        })}
+                        value={
+                            dataPlane.azure_application_name ??
+                            intl.formatMessage({
+                                id: 'admin.dataPlanes.dialog.notAvailable',
+                            })
+                        }
+                    />
                     <ToggleField
                         lowercaseButton
                         label={intl.formatMessage({

src/hooks/dataPlanes/useEvaluateDataPlaneOptions.ts

@@ -107,6 +107,8 @@ export const useEvaluateDataPlaneOptions = () => {
                             gcp_service_account_email: null,
                             aws_iam_user_arn: null,
                             data_plane_fqdn: null,
+                            azure_application_name: null,
+                            azure_application_client_id: null,
                         },
                         defaultDataPlaneName
                     );
@@ -134,6 +136,8 @@ export const useEvaluateDataPlaneOptions = () => {
                               gcp_service_account_email: null,
                               aws_iam_user_arn: null,
                               data_plane_fqdn: null,
+                              azure_application_name: null,
+                              azure_application_client_id: null,
                           },
                           existingDataPlane.name ?? ''
                       )

src/lang/en-US/Data.ts

@@ -33,6 +33,9 @@ export const Data: Record<string, string> = {
     'data.scope': `Scope`,
     'data.gcpServiceAccount': `GCP Service Account Email`,
     'data.awsIamUserArn': `AWS IAM User ARN`,
+    'data.azureApplicationName': `Azure Application Name`,
+    'data.azureApplicationClientId': `Azure Application Client ID`,
+    'data.azureConsentLink': `Azure Consent Link`,
     'data.idProvider': `IAM OIDC`,
     'data.errors': `Errors`,
     'data.completed': `Completed`,