[ML] Move APM Latency Correlations from flyout to transactions page. (#…

…107266)

- Moves APM Latency Correlations from flyout to transactions page.
- Introduces a tab based navigation for `Trace samples` / `Latency correlations` / `Failed transactions correlations`
- For trace samples, the previous low detailed histogram chart gets replaced with the new log log based histogram chart. Users can drag select a range of lantency to filter trace samples.
- Removes code related to the previous distribution chart. Renames `useTransactionDistributionFetcher` to `useTransactionTraceSamplesFetcher`. Instead of a histogram with top hits, this will now just return a sample of traces for the given filters.

x-pack/plugins/apm/common/search_strategies/correlations/types.ts

@@ -27,7 +27,7 @@ export interface SearchServiceParams {
   start?: string;
   end?: string;
   percentileThreshold?: number;
-  percentileThresholdValue?: number;
+  analyzeCorrelations?: boolean;
 }
 
 export interface SearchServiceFetchParams extends SearchServiceParams {

x-pack/plugins/apm/public/components/app/correlations/error_correlations.tsx

@@ -42,11 +42,7 @@ type CorrelationsApiResponse = NonNullable<
   APIReturnType<'GET /api/apm/correlations/errors/failed_transactions'>
 >;
 
-interface Props {
-  onClose: () => void;
-}
-
-export function ErrorCorrelations({ onClose }: Props) {
+export function ErrorCorrelations() {
   const [
     selectedSignificantTerm,
     setSelectedSignificantTerm,
@@ -130,7 +126,9 @@ export function ErrorCorrelations({ onClose }: Props) {
   );
 
   const trackApmEvent = useUiTracker({ app: 'apm' });
-  trackApmEvent({ metric: 'view_errors_correlations' });
+  trackApmEvent({ metric: 'view_failed_transactions' });
+
+  const onFilter = () => {};
 
   return (
     <>
@@ -175,7 +173,7 @@ export function ErrorCorrelations({ onClose }: Props) {
             }
             status={correlationsStatus}
             setSelectedSignificantTerm={setSelectedSignificantTerm}
-            onFilter={onClose}
+            onFilter={onFilter}
           />
         </EuiFlexItem>
         <EuiFlexItem>