[Backport 2.16] [Bugfix] Add toast message for getting started / Fix Nav Bug for Traces

public/components/getting_started/components/getting_started_collectData.tsx

@@ -31,7 +31,7 @@
 import javaJson from '../getting_started_artifacts/java_client/java_client-1.0.0.json';
 
 import { IntegrationCards } from './getting_started_integrationCards';
-import { uploadAssets } from './utils';
+import { UploadAssets } from './utils';
 
 interface CollectAndShipDataProps {
   isOpen: boolean;
@@ -51,14 +51,14 @@
 }) => {
   const [collectionMethod, setCollectionMethod] = useState('');
   const [specificMethod, setSpecificMethod] = useState('');
   const [_gettingStarted, setGettingStarted] = useState<any>(null);
   const [selectedTabId, setSelectedTabId] = useState('workflow_0');
   const [_selectedWorkflow, setSelectedWorkflow] = useState('');
   const [workflows, setWorkflows] = useState<any[]>([]);
   const [selectedCard, setSelectedCard] = useState('');
   const [collectorOptions, setCollectorOptions] = useState([]);
 
   const technologyJsonMap: Record<string, any> = {
     otel: otelJson,
     csv: csvFileJson,
     golang: golangClientJson,
@@ -86,7 +86,7 @@
       setGettingStarted(null);
       setWorkflows([]);
     }
   }, [specificMethod]);
 
   const handleCollectionMethodChange = (value: string) => {
     setCollectionMethod(value);
@@ -109,7 +109,7 @@
     }
   };
 
   const handleSpecificMethodChange = (selectedOption: any) => {
     if (!selectedOption) {
       return;
     }
@@ -126,7 +126,7 @@
     setWorkflows([]);
   };
 
   const onTabClick = (tab: any) => {
     const workflowIndex = parseInt(tab.id.split('_')[1], 10);
     setSelectedTabId(tab.id);
     setSelectedWorkflow(workflows[workflowIndex].name);
@@ -156,8 +156,8 @@
     );
   };
 
   const renderSteps = (workflow: any) => {
     const steps = workflow.steps.map((step: any) => ({
       title: step.name,
       children: (
         <div>
@@ -172,7 +172,7 @@
               <EuiTitle size="xs">
                 <h4>Input Parameters:</h4>
               </EuiTitle>
               {step['input-params'].map((param: any, idx: number) => (
                 <EuiText key={idx}>
                   <strong>{param.name}:</strong> {param.description} ({param.type})
                 </EuiText>
@@ -216,7 +216,7 @@
     return <EuiSteps steps={steps} />;
   };
 
   const renderSchema = (schemas: any[]) =>
     schemas.map((schema, idx) => (
       <div key={idx}>
         <EuiTitle size="s">
@@ -267,7 +267,7 @@
       </EuiListGroup>
       <EuiButton
         onClick={async () => {
-          await uploadAssets(specificMethod);
+          await UploadAssets(specificMethod);
         }}
         fill
       >

public/components/getting_started/components/utils.tsx

@@ -5,6 +5,7 @@
 
 import { coreRefs } from '../../../framework/core_refs';
 import { uploadBundle } from '../../integrations/components/upload_flyout';
+import { useToast } from '../../../../public/components/common/toast';
 
 const fetchAssets = async (tutorialId: string, assetFilter?: 'dashboards' | 'indexPatterns') => {
   const assetFilterParam = assetFilter ? `${assetFilter}/` : '';
@@ -20,7 +21,8 @@ const fetchAssets = async (tutorialId: string, assetFilter?: 'dashboards' | 'ind
   return responeData;
 };
 
-export const uploadAssets = async (tutorialId: string) => {
+export const UploadAssets = async (tutorialId: string) => {
+  const { setToast } = useToast();
   try {
     const responeData = await fetchAssets(tutorialId);
 
@@ -31,10 +33,11 @@ export const uploadAssets = async (tutorialId: string) => {
     if (error) {
       console.error(error.message);
     } else {
-      console.log('Bundle uploaded successfully');
+      setToast('Created saved object assets successfully', 'success');
     }
   } catch (err) {
     console.error(err.message);
+    setToast('Failed to create saved object assets', 'danger');
   }
 };
 

public/components/trace_analytics/components/dashboard/dashboard_content.tsx

@@ -31,6 +31,7 @@
 import { DashboardProps } from './dashboard';
 import { DashboardTable } from './dashboard_table';
 import { TopGroupsPage } from './top_groups_page';
+import { coreRefs } from '../../../../../public/framework/core_refs';
 
 export function DashboardContent(props: DashboardProps) {
   const {
@@ -46,7 +47,7 @@
     filters,
     setStartTime,
     setEndTime,
     setQuery,
     setFilters,
     mode,
     dataPrepperIndicesExist,
@@ -61,11 +62,12 @@
   const [throughputPltItems, setThroughputPltItems] = useState({ items: [], fixedInterval: '1h' });
   const [errorRatePltItems, setErrorRatePltItems] = useState({ items: [], fixedInterval: '1h' });
   const [percentileMap, setPercentileMap] = useState<{ [traceGroup: string]: number[] }>({});
   const [filteredService, setFilteredService] = useState('');
   const [redirect, setRedirect] = useState(true);
   const [loading, setLoading] = useState(false);
   const [showTimeoutToast, setShowTimeoutToast] = useState(false);
   const { setToast } = useToast();
+  const isNavGroupEnabled = coreRefs?.chrome?.navGroup.getNavGroupEnabled();
 
   useEffect(() => {
     if (showTimeoutToast === true && (!toasts || toasts.length === 0)) {
@@ -79,7 +81,12 @@
   }, [showTimeoutToast]);
 
   useEffect(() => {
-    chrome.setBreadcrumbs([parentBreadcrumb, ...childBreadcrumbs]);
+    if (isNavGroupEnabled) {
+      chrome.setBreadcrumbs([...childBreadcrumbs]);
+    } else {
+      chrome.setBreadcrumbs([parentBreadcrumb, ...childBreadcrumbs]);
+    }
+
     const validFilters = getValidFilterFields(mode, page, attributesFilterFields);
     setFilters([
       ...filters.map((filter) => ({