Cannot read properties of undefined (reading 'show') on Observability > Overview when certain capabilities are disabled

[JAndritsch]

Kibana version: 8.2.2

Elasticsearch version: 8.2.2

Server OS version: Ubuntu 20.04.4 LTS

Browser version: Chrome 102.0.5005.63

Browser OS version:

Original install method (e.g. download page, yum, from source, etc.):

Using the official Docker image for Kibana, tag 8.2.2.

Describe the bug:

The Observability > Overview page crashes with the following JS error when APM (or another capability) is disabled:

Steps to reproduce:

1. Disable or remove any of the following capabilities: 'logs', 'infrastructure', 'apm', 'uptime'
2. Navigate to the Observability > Overview page
3. Observe the page is blank and the error shown above appears in the developer console

Expected behavior:

The page should still work if APM is disabled/removed.

Screenshots (if relevant):

Errors in browser console (if relevant): See screenshot above.

Provide logs and/or server output (if relevant):

Any additional context:

It seems the logic that checks the capabilities assumes that each capability exists in the list of fetched capabilities when checking its show property. It does not account for one of those capabilities missing.

The logic in question:

const CAPABILITIES_KEYS = ['logs', 'infrastructure', 'apm', 'uptime'];

a few lines later...

CAPABILITIES_KEYS.forEach((feature) => {
  if (capabilities[feature].show === false) {
    trackMetric({
      metric: `oblt_disabled_feature_${feature === 'infrastructure' ? 'metrics' : feature}`,
    });
  }
});

[elasticmachine]

Pinging @elastic/unified-observability (Team:Observability)