[Monitoring] Love for APM

x-pack/plugins/monitoring/public/components/apm/instance/instance.js

@@ -27,6 +27,10 @@ export function ApmServerInstance({ summary, metrics, ...props }) {
     metrics.apm_output_events_rate_success,
     metrics.apm_output_events_rate_failure,
 
+    metrics.apm_acm_response,
+    metrics.apm_acm_response_errors,
+    metrics.apm_acm_request_count,
+
     metrics.apm_requests,
     metrics.apm_transformations,
 
@@ -56,8 +60,10 @@ export function ApmServerInstance({ summary, metrics, ...props }) {
           </h1>
         </EuiScreenReaderOnly>
         <EuiPageContent>
-          <Status stats={summary} />
-          <EuiSpacer size="s" />
+          <EuiPanel>
+            <Status stats={summary} />
+          </EuiPanel>
+          <EuiSpacer size="m" />
           <EuiFlexGroup wrap>{charts}</EuiFlexGroup>
         </EuiPageContent>
       </EuiPageBody>

x-pack/plugins/monitoring/public/components/chart/get_color.js

@@ -13,10 +13,14 @@
  * @param {Integer} index: index of the chart series, 0-3
  * @returns {String} Hex color to use for chart series at the given index
  */
+import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
+
 export function getColor(app, index) {
   let seriesColors;
   if (app === 'elasticsearch') {
     seriesColors = ['#3ebeb0', '#3b73ac', '#f08656', '#6c478f'];
+  } else if (app === 'apm') {
+    seriesColors = euiPaletteColorBlind();
   } else {
     // for kibana, and fallback (e.g., Logstash and Beats)
     seriesColors = ['#e8488b', '#3b73ac', '#3cab63', '#6c478f'];

x-pack/plugins/monitoring/public/services/breadcrumbs.js

@@ -76,6 +76,7 @@ function getKibanaBreadcrumbs(mainInstance) {
         })
       )
     );
+    breadcrumbs.push(createCrumb(null, mainInstance.instance));
   } else {
     // don't link to Overview when we're possibly on Overview or its sibling tabs
     breadcrumbs.push(createCrumb(null, 'Kibana'));
@@ -160,6 +161,7 @@ function getApmBreadcrumbs(mainInstance) {
         })
       )
     );
+    breadcrumbs.push(createCrumb(null, mainInstance.instance));
   } else {
     // don't link to Overview when we're possibly on Overview or its sibling tabs
     breadcrumbs.push(createCrumb(null, apmLabel));