+
+ {i18n.translate('xpack.fleet.eisCosts.tour.description', {
+ defaultMessage:
+ 'Integration documentation and metadata are automatically indexed using Elastic Inference Service (EIS) to help agents understand your environment. Manage settings here.',
+ })}
+
+
+ }
+ isStepOpen={isOpen}
+ anchorPosition={anchorPosition}
+ step={1}
+ stepsTotal={1}
+ onFinish={dismiss}
+ footerAction={[
+
+ {i18n.translate('xpack.fleet.eisCosts.tour.dismiss', {
+ defaultMessage: 'Dismiss',
+ })}
+ ,
+ ...(ctaLink
+ ? [
+
+ {i18n.translate('xpack.fleet.eisCosts.tour.cta', {
+ defaultMessage: 'Learn more',
+ })}
+ ,
+ ]
+ : []),
+ ]}
+ >
+ {children}
+
+ );
+};
diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/installed_integrations/components/installed_integration_action_menu.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/installed_integrations/components/installed_integration_action_menu.tsx
index 0d94230e55bf5..1d5bd29a0865b 100644
--- a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/installed_integrations/components/installed_integration_action_menu.tsx
+++ b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/installed_integrations/components/installed_integration_action_menu.tsx
@@ -18,26 +18,31 @@ import { FormattedMessage } from '@kbn/i18n-react';
import type { InstalledPackageUIPackageListItem } from '../types';
import { useInstalledIntegrationsActions } from '../hooks/use_installed_integrations_actions';
import { ExperimentalFeaturesService } from '../../../../../services';
-import { useLicense } from '../../../../../hooks';
+import { useLicense, useStartServices } from '../../../../../hooks';
+
+import { IntegrationKnowledgeFlyout } from './integration_knowledge_flyout';
+import { EisCostTour } from './eis_cost_tour';
export const InstalledIntegrationsActionMenu: React.FunctionComponent<{
selectedItems: InstalledPackageUIPackageListItem[];
}> = ({ selectedItems }) => {
- const [isOpen, setIsOpen] = useState(false);
+ const [isPopoverOpen, setIsPopoverOpen] = useState(false);
+ const [showIntegrationKnowledgeFlyout, setShowIntegrationKnowledgeFlyout] = useState(false);
const { enablePackageRollback } = ExperimentalFeaturesService.get();
const licenseService = useLicense();
+ const { cloud, docLinks } = useStartServices();
const button = (
-