diff --git a/x-pack/platform/plugins/private/observability_ai_assistant_management/public/routes/components/settings_tab/product_doc_entry.tsx b/x-pack/platform/plugins/private/observability_ai_assistant_management/public/routes/components/settings_tab/product_doc_entry.tsx index afafee70b9a4f..434a1609fef40 100644 --- a/x-pack/platform/plugins/private/observability_ai_assistant_management/public/routes/components/settings_tab/product_doc_entry.tsx +++ b/x-pack/platform/plugins/private/observability_ai_assistant_management/public/routes/components/settings_tab/product_doc_entry.tsx @@ -15,6 +15,7 @@ import { EuiFlexItem, EuiHealth, EuiLoadingSpinner, + EuiToolTip, } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import { FormattedMessage } from '@kbn/i18n-react'; @@ -30,6 +31,8 @@ export function ProductDocEntry() { const knowledgeBase = useKnowledgeBase(); const selectedInferenceId: string | undefined = knowledgeBase.status.value?.currentInferenceId; + const canInstallProductDoc = selectedInferenceId !== undefined; + const [isInstalled, setInstalled] = useState(false); const [isInstalling, setInstalling] = useState(false); @@ -132,19 +135,49 @@ export function ProductDocEntry() { ); } + + const installButton = ( + + {i18n.translate( + 'xpack.observabilityAiAssistantManagement.settingsPage.installProductDocButtonLabel', + { defaultMessage: 'Install' } + )} + + ); + return ( - - {i18n.translate( - 'xpack.observabilityAiAssistantManagement.settingsPage.installProductDocButtonLabel', - { defaultMessage: 'Install' } - )} - + {canInstallProductDoc ? ( + installButton + ) : ( + + {installButton} + + )} ); - }, [isInstalled, isInstalling, isStatusLoading, onClickInstall, onClickUninstall]); + }, [ + canInstallProductDoc, + isInstalled, + isInstalling, + isStatusLoading, + onClickInstall, + onClickUninstall, + ]); return (