Update traces span redirection

public/components/trace_analytics/components/services/service_view.tsx

@@ -28,11 +28,6 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import { DataSourceManagementPluginSetup } from '../../../../../../../src/plugins/data_source_management/public';
 import { DataSourceOption } from '../../../../../../../src/plugins/data_source_management/public/components/data_source_menu/types';
-import {
-  DEFAULT_DATA_SOURCE_NAME,
-  DEFAULT_DATA_SOURCE_TYPE,
-} from '../../../../../common/constants/data_sources';
-import { observabilityLogsID } from '../../../../../common/constants/shared';
 import { setNavBreadCrumbs } from '../../../../../common/utils/set_nav_bread_crumbs';
 import { coreRefs } from '../../../../framework/core_refs';
 import { HeaderControlledComponentsWrapper } from '../../../../plugin_helpers/plugin_headerControl';
@@ -66,7 +61,7 @@
 
 export function ServiceView(props: ServiceViewProps) {
   const { mode, page, setCurrentSelectedService } = props;
   const [fields, setFields] = useState<any>({});
   const [serviceMap, setServiceMap] = useState<ServiceObject>({});
   const [serviceMapIdSelected, setServiceMapIdSelected] = useState<
     'latency' | 'error_rate' | 'throughput'
@@ -177,15 +172,16 @@
                 name: 'View logs',
                 'data-test-subj': 'viewLogsButton',
                 onClick: () => {
-                  coreRefs?.application!.navigateToApp(observabilityLogsID, {
-                    path: `#/explorer`,
-                    state: {
-                      DEFAULT_DATA_SOURCE_NAME,
-                      DEFAULT_DATA_SOURCE_TYPE,
-                      queryToRun: `source = ss4o_logs-* | where serviceName='${props.serviceName}'`,
-                      startTimeRange: props.startTime,
-                      endTimeRange: props.endTime,
-                    },
+                  coreRefs?.application!.navigateToApp('data-explorer', {
+                    path: `discover#?_a=(discover:(columns:!(_source),isDirty:!f,sort:!()),metadata:(view:discover))&_g=(filters:!(),refreshInterval:(pause:!t,value:0),time:(from:${
+                      props.startTime
+                    },to:${props.endTime}))&_q=(filters:!(),query:(dataset:(dataSource:(id:'${
+                      props.dataSourceMDSId[0].id ?? ''
+                    }',title:'',type:DATA_SOURCE),id:'${
+                      props.dataSourceMDSId[0].id
+                    }::ss4o_logs-*',timeFieldName:'%40timestamp',title:'ss4o_logs-*',type:INDEXES),language:PPL,query:'source%20%3D%20ss4o_logs-*%20%7C%20where%20serviceName%20%3D%20${
+                      props.serviceName
+                    }'))`,
                   });
                 },
               },
@@ -380,12 +376,12 @@
 
   const [currentSpan, setCurrentSpan] = useState('');
   const storedFilters = sessionStorage.getItem('TraceAnalyticsSpanFilters');
   const [spanFilters, setSpanFilters] = useState<Array<{ field: string; value: any }>>(
     storedFilters ? JSON.parse(storedFilters) : []
   );
   const [DSL, setDSL] = useState<any>({});
 
   const setSpanFiltersWithStorage = (newFilters: Array<{ field: string; value: any }>) => {
     setSpanFilters(newFilters);
     sessionStorage.setItem('TraceAnalyticsSpanFilters', JSON.stringify(newFilters));
   };
@@ -423,7 +419,7 @@
     setDSL(spanDSL);
   }, [props.startTime, props.endTime, props.serviceName, spanFilters]);
 
   const addSpanFilter = (field: string, value: any) => {
     const newFilters = [...spanFilters];
     const index = newFilters.findIndex(({ field: filterField }) => field === filterField);
     if (index === -1) {

public/components/trace_analytics/components/traces/span_detail_flyout.tsx

@@ -23,11 +23,6 @@
 import moment from 'moment';
 import React, { useEffect, useState } from 'react';
 import { HttpSetup } from '../../../../../../../src/core/public';
-import {
-  DEFAULT_DATA_SOURCE_NAME,
-  DEFAULT_DATA_SOURCE_TYPE,
-} from '../../../../../common/constants/data_sources';
-import { observabilityLogsID } from '../../../../../common/constants/shared';
 import { TRACE_ANALYTICS_DATE_FORMAT } from '../../../../../common/constants/trace_analytics';
 import { SpanField, TraceAnalyticsMode } from '../../../../../common/types/trace_analytics';
 import { coreRefs } from '../../../../framework/core_refs';
@@ -81,7 +76,7 @@
   spanId: string;
   isFlyoutVisible: boolean;
   closeFlyout: () => void;
   addSpanFilter: (field: string, value: any) => void;
   mode: TraceAnalyticsMode;
   dataSourceMDSId: string;
   serviceName?: string;
@@ -91,11 +86,11 @@
   setCurrentSpan?: React.Dispatch<React.SetStateAction<string>>;
 }) {
   const { mode } = props;
   const [span, setSpan] = useState<any>({});
 
   useEffect(() => {
     handleSpansFlyoutRequest(props.http, props.spanId, setSpan, mode, props.dataSourceMDSId);
   }, [props.spanId]);
 
   const getListItem = (
     fieldKey: string | undefined,
@@ -307,15 +302,14 @@
   const redirectToExplorer = () => {
     const spanId = getSpanValue(span, mode, 'SPAN_ID');
     const spanField = getSpanFieldKey(mode, 'SPAN_ID');
-    coreRefs?.application!.navigateToApp(observabilityLogsID, {
-      path: `#/explorer`,
-      state: {
-        DEFAULT_DATA_SOURCE_NAME,
-        DEFAULT_DATA_SOURCE_TYPE,
-        queryToRun: `source = ss4o_logs-* | where ${spanField}='${spanId}'`,
-        startTimeRange: props.startTime,
-        endTimeRange: props.endTime,
-      },
+    coreRefs?.application!.navigateToApp('data-explorer', {
+      path: `discover#?_a=(discover:(columns:!(_source),isDirty:!f,sort:!()),metadata:(view:discover))&_g=(filters:!(),refreshInterval:(pause:!t,value:0),time:(from:${
+        props.startTime
+      },to:${props.endTime}))&_q=(filters:!(),query:(dataset:(dataSource:(id:'${
+        props.dataSourceMDSId ?? ''
+      }',title:'',type:DATA_SOURCE),id:'${
+        props.dataSourceMDSId
+      }::ss4o_logs-*',timeFieldName:'%40timestamp',title:'ss4o_logs-*',type:INDEXES),language:PPL,query:'source%20%3D%20ss4o_logs-*%20%7C%20where%20${spanField}%20%3D%20!'${spanId}!''))`,
     });
   };