[inspector] show cluster details tab in inspector

src/plugins/inspector/public/views/requests/components/details/clusters/index.tsx

@@ -0,0 +1,21 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import React, { Component } from 'react';
+import type { RequestDetailsProps } from '../../types';
+
+export class Clusters extends Component<RequestDetailsProps> {
+  static shouldShow = (request: Request) =>
+    Boolean(request.response?.json);
+
+  render() {
+    return this.props.request.response?.json
+      ? <div>Cluster details go here</div>
+      : null;
+  }
+}

src/plugins/inspector/public/views/requests/components/details/index.ts

@@ -9,3 +9,4 @@
 export { RequestDetailsRequest } from './req_details_request';
 export { RequestDetailsResponse } from './req_details_response';
 export { RequestDetailsStats } from './req_details_stats';
+export { Clusters } from './clusters';

src/plugins/inspector/public/views/requests/components/request_details.tsx

@@ -11,7 +11,7 @@ import PropTypes from 'prop-types';
 import { i18n } from '@kbn/i18n';
 import { EuiTab, EuiTabs } from '@elastic/eui';
 
-import { RequestDetailsRequest, RequestDetailsResponse, RequestDetailsStats } from './details';
+import { Clusters, RequestDetailsRequest, RequestDetailsResponse, RequestDetailsStats } from './details';
 import { RequestDetailsProps } from './types';
 
 interface RequestDetailsState {
@@ -33,6 +33,13 @@ const DETAILS: DetailViewData[] = [
     }),
     component: RequestDetailsStats,
   },
+  {
+    name: 'clusters',
+    label: i18n.translate('inspector.requests.clustersTabLabel', {
+      defaultMessage: 'Clusters',
+    }),
+    component: Clusters,
+  },
   {
     name: 'Request',
     label: i18n.translate('inspector.requests.requestTabLabel', {