[8.10] [Fleet] Only show agent dashboard links if there is more than one non-server agent and if the dashboards exist (#164469)

x-pack/plugins/fleet/.storybook/context/index.tsx

@@ -16,6 +16,8 @@ import { I18nProvider } from '@kbn/i18n-react';
 import { CoreScopedHistory } from '@kbn/core/public';
 import { getStorybookContextProvider } from '@kbn/custom-integrations-plugin/storybook';
 
+import type { DashboardStart } from '@kbn/dashboard-plugin/public';
+
 import { IntegrationsAppContext } from '../../public/applications/integrations/app';
 import type { FleetConfigType, FleetStartServices } from '../../public/plugin';
 import { ExperimentalFeaturesService } from '../../public/services';
@@ -76,6 +78,7 @@ export const StorybookContext: React.FC<{ storyContext?: Parameters<DecoratorFn>
         languageClientsUiComponents: {},
       },
       customBranding: getCustomBranding(),
+      dashboard: {} as unknown as DashboardStart,
       docLinks: getDocLinks(),
       http: getHttp(),
       i18n: {

x-pack/plugins/fleet/kibana.jsonc

@@ -23,7 +23,8 @@
       "taskManager",
       "guidedOnboarding",
       "files",
-      "uiActions"
+      "uiActions",
+      "dashboard"
     ],
     "optionalPlugins": [
       "features",

x-pack/plugins/fleet/public/applications/fleet/sections/agents/agent_list_page/components/dashboards_buttons.tsx

@@ -5,13 +5,37 @@
  * 2.0.
  */
 
-import React from 'react';
+import React, { useEffect } from 'react';
 import { EuiFlexGroup, EuiFlexItem, EuiButtonEmpty } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n-react';
 
 import { DASHBOARD_LOCATORS_IDS } from '../../../../../../../common/constants';
 
-import { useDashboardLocator } from '../../../../hooks';
+import { useDashboardLocator, useStartServices } from '../../../../hooks';
+
+const useDashboardExists = (dashboardId: string) => {
+  const [dashboardExists, setDashboardExists] = React.useState<boolean>(false);
+  const [loading, setLoading] = React.useState<boolean>(true);
+  const { dashboard: dashboardPlugin } = useStartServices();
+
+  useEffect(() => {
+    const fetchDashboard = async () => {
+      try {
+        const findDashboardsService = await dashboardPlugin.findDashboardsService();
+        const [dashboard] = await findDashboardsService.findByIds([dashboardId]);
+        setLoading(false);
+        setDashboardExists(dashboard?.status === 'success');
+      } catch (e) {
+        setLoading(false);
+        setDashboardExists(false);
+      }
+    };
+
+    fetchDashboard();
+  }, [dashboardId, dashboardPlugin]);
+
+  return { dashboardExists, loading };
+};
 
 export const DashboardsButtons: React.FunctionComponent = () => {
   const dashboardLocator = useDashboardLocator();
@@ -20,6 +44,14 @@ export const DashboardsButtons: React.FunctionComponent = () => {
     return dashboardLocator?.getRedirectUrl({ dashboardId }) || '';
   };
 
+  const { dashboardExists, loading: dashboardLoading } = useDashboardExists(
+    DASHBOARD_LOCATORS_IDS.ELASTIC_AGENT_OVERVIEW
+  );
+
+  if (dashboardLoading || !dashboardExists) {
+    return null;
+  }
+
   return (
     <>
       <EuiFlexGroup gutterSize="s" justifyContent="flexStart">

x-pack/plugins/fleet/public/applications/fleet/sections/agents/agent_list_page/components/search_and_filter_bar.tsx

@@ -22,6 +22,8 @@ import {
 import { FormattedMessage } from '@kbn/i18n-react';
 import styled from 'styled-components';
 
+import { useIsFirstTimeAgentUserQuery } from '../../../../../integrations/sections/epm/screens/detail/hooks';
+
 import type { Agent, AgentPolicy } from '../../../../types';
 import { SearchBar } from '../../../../components';
 import { AGENTS_INDEX, AGENTS_PREFIX } from '../../../../constants';
@@ -94,6 +96,8 @@ export const SearchAndFilterBar: React.FunctionComponent<SearchAndFilterBarProps
 }) => {
   const { euiTheme } = useEuiTheme();
   const { isFleetServerStandalone } = useFleetServerStandalone();
+  const { isFirstTimeAgentUser, isLoading: isFirstTimeAgentUserLoading } =
+    useIsFirstTimeAgentUserQuery();
   const showAddFleetServerBtn = !isFleetServerStandalone;
 
   // Policies state for filtering
@@ -126,7 +130,9 @@ export const SearchAndFilterBar: React.FunctionComponent<SearchAndFilterBarProps
       <EuiFlexGroup direction="column">
         {/* Top Buttons and Links */}
         <EuiFlexGroup>
-          <EuiFlexItem>{totalAgents > 0 && <DashboardsButtons />}</EuiFlexItem>
+          <EuiFlexItem>
+            {!isFirstTimeAgentUserLoading && !isFirstTimeAgentUser && <DashboardsButtons />}
+          </EuiFlexItem>
           <EuiFlexGroup gutterSize="s" justifyContent="flexEnd">
             <EuiFlexItem grow={false}>
               <AgentActivityButton

x-pack/plugins/fleet/public/mock/fleet_start_services.tsx

@@ -90,6 +90,7 @@ export const createStartServices = (basePath: string = '/mock'): MockedFleetStar
       ...cloudStart,
       ...cloudSetup,
     },
+    dashboard: {} as unknown as MockedFleetStartServices['dashboard'],
     storage: new Storage(createMockStore()) as jest.Mocked<Storage>,
     authz: fleetAuthzMock,
     guidedOnboarding: guidedOnboardingMock.createStart(),

x-pack/plugins/fleet/public/plugin.ts

@@ -49,6 +49,8 @@ import type { SendRequestResponse } from '@kbn/es-ui-shared-plugin/public';
 import type { UnifiedSearchPublicPluginStart } from '@kbn/unified-search-plugin/public';
 import type { GuidedOnboardingPluginStart } from '@kbn/guided-onboarding-plugin/public';
 
+import type { DashboardStart } from '@kbn/dashboard-plugin/public';
+
 import { PLUGIN_ID, INTEGRATIONS_PLUGIN_ID, setupRouteService, appRoutesService } from '../common';
 import { calculateAuthz, calculatePackagePrivilegesFromCapabilities } from '../common/authz';
 import { parseExperimentalConfigValue } from '../common/experimental_features';
@@ -115,6 +117,7 @@ export interface FleetSetupDeps {
 export interface FleetStartDeps {
   licensing: LicensingPluginStart;
   data: DataPublicPluginStart;
+  dashboard: DashboardStart;
   dataViews: DataViewsPublicPluginStart;
   unifiedSearch: UnifiedSearchPublicPluginStart;
   navigation: NavigationPublicPluginStart;
@@ -128,6 +131,7 @@ export interface FleetStartDeps {
 export interface FleetStartServices extends CoreStart, Exclude<FleetStartDeps, 'cloud'> {
   storage: Storage;
   share: SharePluginStart;
+  dashboard: DashboardStart;
   cloud?: CloudSetup & CloudStart;
   discover?: DiscoverStart;
   spaces?: SpacesPluginStart;

x-pack/plugins/fleet/tsconfig.json

@@ -100,5 +100,6 @@
     "@kbn/core-http-router-server-mocks",
     "@kbn/core-application-browser",
     "@kbn/core-saved-objects-base-server-internal",
+    "@kbn/dashboard-plugin",
   ]
 }