diff --git a/x-pack/plugins/enterprise_search/public/applications/vector_search/components/dev_tools_console_code_block/dev_tools_console_code_block.tsx b/x-pack/plugins/enterprise_search/public/applications/vector_search/components/dev_tools_console_code_block/dev_tools_console_code_block.tsx index afa9d37d4fa517..f77f2585d2519f 100644 --- a/x-pack/plugins/enterprise_search/public/applications/vector_search/components/dev_tools_console_code_block/dev_tools_console_code_block.tsx +++ b/x-pack/plugins/enterprise_search/public/applications/vector_search/components/dev_tools_console_code_block/dev_tools_console_code_block.tsx @@ -8,7 +8,6 @@ import React from 'react'; import { useValues } from 'kea'; -import { compressToEncodedURIComponent } from 'lz-string'; import { EuiButtonEmpty, @@ -16,11 +15,13 @@ import { EuiCodeBlockProps, EuiCopy, EuiFlexGroup, + EuiFlexItem, EuiHorizontalRule, EuiPanel, EuiThemeProvider, } from '@elastic/eui'; import { FormattedMessage } from '@kbn/i18n-react'; +import { TryInConsoleButton } from '@kbn/search-api-panels'; import { KibanaLogic } from '../../../shared/kibana'; @@ -32,49 +33,42 @@ export const DevToolsConsoleCodeBlock: React.FC = children, ...props }) => { - const { - application, - share: { url }, - } = useValues(KibanaLogic); + const { application, consolePlugin, share } = useValues(KibanaLogic); - const consolePreviewLink = - !!application?.capabilities?.dev_tools?.show && - url.locators - .get('CONSOLE_APP_LOCATOR') - ?.useUrl( - { loadFrom: `data:text/plain,${compressToEncodedURIComponent(children)}` }, - undefined, - [] - ); + const showConsoleLink = !!application?.capabilities?.dev_tools?.show; return ( - - {consolePreviewLink && ( - - + {showConsoleLink && ( + + - + )} - - {(copy) => ( - - - - )} - + + + {(copy) => ( + + + + )} + +