feat(slo): improve burn rate panel (elastic#197339)

Author: kdelemme

x-pack/plugins/observability_solution/slo/public/components/slo/burn_rate/alert_details/alert_details_app_section.tsx renamed to x-pack/plugins/observability_solution/slo/public/components/alert_details/alert_details_app_section.tsx

@@ -9,8 +9,8 @@ import React, { useEffect } from 'react';
 import { EuiFlexGroup, EuiLink } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { AlertDetailsAppSectionProps } from '@kbn/observability-plugin/public';
-import { useKibana } from '../../../../hooks/use_kibana';
-import { useFetchSloDetails } from '../../../../hooks/use_fetch_slo_details';
+import { useKibana } from '../../hooks/use_kibana';
+import { useFetchSloDetails } from '../../hooks/use_fetch_slo_details';
 import { CustomAlertDetailsPanel } from './components/custom_panels/custom_panels';
 import { ErrorRatePanel } from './components/error_rate/error_rate_panel';
 import { BurnRateAlert, BurnRateRule } from './types';

x-pack/plugins/observability_solution/slo/public/components/slo/burn_rate/alert_details/components/custom_panels/apm/apm_alert_details.tsx renamed to x-pack/plugins/observability_solution/slo/public/components/alert_details/components/custom_panels/apm/apm_alert_details.tsx

@@ -9,7 +9,7 @@ import { GetSLOResponse } from '@kbn/slo-schema';
 import React from 'react';
 import { LogRateAnalysisPanel } from './log_rate_analysis_panel';
 import { BurnRateAlert, BurnRateRule } from '../../../types';
-import { useLicense } from '../../../../../../../hooks/use_license';
+import { useLicense } from '../../../../../hooks/use_license';
 
 interface Props {
   slo: GetSLOResponse;

x-pack/plugins/observability_solution/slo/public/components/slo/burn_rate/alert_details/components/custom_panels/apm/embeddable_root.tsx renamed to x-pack/plugins/observability_solution/slo/public/components/alert_details/components/custom_panels/apm/embeddable_root.tsx

@@ -23,11 +23,11 @@ import { colorTransformer } from '@kbn/observability-shared-plugin/common';
 import { KQLCustomIndicator, DurationUnit } from '@kbn/slo-schema';
 import { i18n } from '@kbn/i18n';
 import type { Message } from '@kbn/observability-ai-assistant-plugin/public';
-import type { WindowSchema } from '../../../../../../../typings';
-import { TimeRange } from '../../../../../error_rate_chart/use_lens_definition';
+import type { WindowSchema } from '../../../../../typings';
+import { TimeRange } from '../../../../slo/error_rate_chart/use_lens_definition';
 import { BurnRateAlert, BurnRateRule } from '../../../types';
 import { getActionGroupFromReason } from '../../../utils/alert';
-import { useKibana } from '../../../../../../../hooks/use_kibana';
+import { useKibana } from '../../../../../hooks/use_kibana';
 import { getESQueryForLogRateAnalysis } from './helpers/log_rate_analysis_query';
 function getDataTimeRange(
   timeRange: { gte: string; lte?: string },

x-pack/plugins/observability_solution/slo/public/components/slo/burn_rate/alert_details/components/custom_panels/custom_kql/custom_kql_panels.tsx renamed to x-pack/plugins/observability_solution/slo/public/components/alert_details/components/custom_panels/custom_kql/custom_kql_panels.tsx

@@ -23,9 +23,9 @@ import { FormattedMessage } from '@kbn/i18n-react';
 import { ALERT_EVALUATION_VALUE, ALERT_TIME_RANGE } from '@kbn/rule-data-utils';
 import { GetSLOResponse } from '@kbn/slo-schema';
 import React from 'react';
-import { useKibana } from '../../../../../../hooks/use_kibana';
-import { ErrorRateChart } from '../../../../error_rate_chart';
-import { TimeRange } from '../../../../error_rate_chart/use_lens_definition';
+import { useKibana } from '../../../../hooks/use_kibana';
+import { ErrorRateChart } from '../../../slo/error_rate_chart';
+import { TimeRange } from '../../../slo/error_rate_chart/use_lens_definition';
 import { BurnRateAlert } from '../../types';
 import { getActionGroupWindow } from '../../utils/alert';
 import { getLastDurationInUnit } from '../../utils/last_duration_i18n';
@@ -153,7 +153,7 @@ export function ErrorRatePanel({ alert, slo, isLoading }: Props) {
               dataTimeRange={dataTimeRange}
               alertTimeRange={alertTimeRange}
               threshold={actionGroupWindow!.burnRateThreshold}
-              showErrorRateAsLine
+              variant="danger"
             />
           </EuiFlexItem>
         </EuiFlexGroup>