[AI4SOC] Hide dashboard references from integrations tabs per new fleet setting (#224133)

## Summary

AI4SOC projects will not have access to dashboards, so we want to hide
any links/references to dashboards in the integration pages based on a
new configuration setting `xpack.fleet.hideDashboards` that is defaulted
to false.

## More details

If the config is set, we will hide 
1. The entire screenshots carousel on the Overview tab
2. The mention and count of dashboards on the Overview tab -> Details
panel -> Kibana assets
3. The mention and links to dashboards on the Assets tab

## Screenshots

### Non AI4SOC

<img width="700" alt="Screenshot 2025-06-16 at 3 36 54 PM"
src="https://github.com/user-attachments/assets/8b0b18ac-8fc9-4ace-b109-464d407fd70c"
/>

<img width="700" alt="Screenshot 2025-06-16 at 3 37 05 PM"
src="https://github.com/user-attachments/assets/b64c6511-7df9-4a45-9478-6392aa61c753"
/>

### AI4SOC

<img width="700" alt="Screenshot 2025-06-16 at 3 33 38 PM"
src="https://github.com/user-attachments/assets/7a70d11d-4b7c-4ded-8df5-6ecebb2eb9a8"
/>

<img width="700" alt="Screenshot 2025-06-16 at 3 37 47 PM"
src="https://github.com/user-attachments/assets/fd919f58-9124-413e-b701-d61af099cfdc"
/>

Relates elastic/security-team#11789

Author: kgeller

config/serverless.security.search_ai_lake.yml

@@ -58,6 +58,7 @@ xpack.features.overrides:
 
 # Custom integrations/fleet settings
 xpack.fleet.agentless.isDefault: true
+xpack.fleet.hideDashboards: true
 xpack.fleet.integrationsHomeOverride: '/app/security/configurations/integrations'
 xpack.fleet.prereleaseEnabledByDefault: true
 

src/platform/test/plugin_functional/test_suites/core_plugins/rendering.ts

@@ -271,6 +271,7 @@ export default function ({ getService }: PluginFunctionalProviderContext) {
         'xpack.fleet.developer.maxAgentPoliciesWithInactivityTimeout (number?)',
         'xpack.fleet.integrationsHomeOverride (string?)',
         'xpack.fleet.prereleaseEnabledByDefault (boolean?)',
+        'xpack.fleet.hideDashboards (boolean?)',
         'xpack.global_search.search_timeout (duration?)',
         'xpack.global_search_bar.input_max_limit (number?)',
         'xpack.graph.canEditDrillDownUrls (boolean?)',

x-pack/platform/plugins/shared/fleet/common/types/index.ts

@@ -97,6 +97,7 @@ export interface FleetConfigType {
   };
   integrationsHomeOverride?: string;
   prereleaseEnabledByDefault?: boolean;
+  hideDashboards?: boolean;
 }
 
 // Calling Object.entries(PackagesGroupedByStatus) gave `status: string`

x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/detail/assets/assets.tsx

@@ -32,6 +32,7 @@ import {
   useUIExtension,
   useAuthz,
   useFleetStatus,
+  useConfig,
 } from '../../../../../hooks';
 import { sendGetBulkAssets } from '../../../../../hooks';
 import { SideBarColumn } from '../../../components/side_bar_column';
@@ -51,6 +52,7 @@ export const AssetsPage = ({ packageInfo, refetchPackageInfo }: AssetsPanelProps
   const pkgkey = `${name}-${version}`;
   const { docLinks } = useStartServices();
   const { spaceId } = useFleetStatus();
+  const config = useConfig();
 
   const { useSpaceAwareness } = ExperimentalFeaturesService.get();
 
@@ -265,6 +267,11 @@ export const AssetsPage = ({ packageInfo, refetchPackageInfo }: AssetsPanelProps
 
       // List all assets by order of `displayedAssetTypes`
       ...displayedAssetTypes.map((assetType) => {
+        if (config?.hideDashboards && assetType === 'dashboard') {
+          // If hideDashboards is set, filter out dashboards from displayed assets
+          return null;
+        }
+
         const assets = pkgAssetsByType[assetType] || [];
         const soAssets = assetSavedObjectsByType[assetType] || {};
         const finalAssets = assets.map((asset) => {

x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/detail/overview/details.tsx

@@ -33,7 +33,7 @@ import type {
   RegistryPolicyIntegrationTemplate,
 } from '../../../../../types';
 import { entries } from '../../../../../types';
-import { useGetCategoriesQuery, useStartServices } from '../../../../../hooks';
+import { useConfig, useGetCategoriesQuery, useStartServices } from '../../../../../hooks';
 import { AssetTitleMap, DisplayedAssetsFromPackageInfo, ServiceTitleMap } from '../../../constants';
 
 import { ChangelogModal } from '../settings/changelog_modal';
@@ -68,6 +68,7 @@ const Replacements = euiStyled(EuiFlexItem)`
 
 export const Details: React.FC<Props> = memo(({ packageInfo, integrationInfo }) => {
   const { notifications } = useStartServices();
+  const config = useConfig();
   const { data: categoriesData, isLoading: isLoadingCategories } = useGetCategoriesQuery();
   const {
     changelog,
@@ -139,9 +140,15 @@ export const Details: React.FC<Props> = memo(({ packageInfo, integrationInfo })
     entries(packageInfo.assets).forEach(([service, typeToParts]) => {
       // Filter out assets we are not going to display
       // (currently we only display Kibana and Elasticsearch assets)
+      // and filter out dashboard references if configured
       const filteredTypes: AssetTypeToParts = entries(typeToParts).reduce(
         (acc: any, [asset, value]) => {
-          if (DisplayedAssetsFromPackageInfo[service].includes(asset)) acc[asset] = value;
+          if (
+            DisplayedAssetsFromPackageInfo[service].includes(asset) &&
+            (!config?.hideDashboards || asset !== 'dashboard')
+          ) {
+            acc[asset] = value;
+          }
           return acc;
         },
         {}
@@ -307,6 +314,7 @@ export const Details: React.FC<Props> = memo(({ packageInfo, integrationInfo })
     packageInfo.source?.license,
     packageInfo.owner.type,
     packageInfo.version,
+    config?.hideDashboards,
     toggleLicenseModal,
     toggleNoticeModal,
     toggleChangelogModal,

x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/detail/overview/overview.tsx

@@ -31,6 +31,7 @@ import {
   useLink,
   useStartServices,
   sendGetFileByPath,
+  useConfig,
 } from '../../../../../../../hooks';
 import { isPackageUnverified } from '../../../../../../../services';
 import type { PackageInfo, RegistryPolicyTemplate } from '../../../../../types';
@@ -160,6 +161,7 @@ export const getAnchorId = (name: string | undefined, index?: number) => {
 
 export const OverviewPage: React.FC<Props> = memo(
   ({ packageInfo, integrationInfo, latestGAVersion }) => {
+    const config = useConfig();
     const screenshots = useMemo(
       () => integrationInfo?.screenshots || packageInfo.screenshots || [],
       [integrationInfo, packageInfo.screenshots]
@@ -287,6 +289,7 @@ export const OverviewPage: React.FC<Props> = memo(
     }, [h1, navItems]);
 
     const requireAgentRootPrivileges = isRootPrivilegesRequired(packageInfo);
+    const hideDashboards = config?.hideDashboards;
 
     return (
       <EuiFlexGroup alignItems="flexStart" data-test-subj="epm.OverviewPage">
@@ -328,7 +331,7 @@ export const OverviewPage: React.FC<Props> = memo(
                 <Requirements />
               </EuiFlexItem>
             ) : null}
-            {screenshots.length ? (
+            {!hideDashboards && screenshots.length ? (
               <EuiFlexItem>
                 <Screenshots
                   images={screenshots}

x-pack/platform/plugins/shared/fleet/server/config.ts

@@ -53,6 +53,7 @@ export const config: PluginConfigDescriptor = {
     },
     integrationsHomeOverride: true,
     prereleaseEnabledByDefault: true,
+    hideDashboards: true,
   },
   deprecations: ({ renameFromRoot, unused, unusedFromRoot }) => [
     // Unused settings before Fleet server exists
@@ -316,6 +317,7 @@ export const config: PluginConfigDescriptor = {
       ),
       integrationsHomeOverride: schema.maybe(schema.string()),
       prereleaseEnabledByDefault: schema.boolean({ defaultValue: false }),
+      hideDashboards: schema.boolean({ defaultValue: false }),
     },
     {
       validate: (configToValidate) => {