[8.14] [Playground] Adding TECH PREVIEW badge for Playground (#182019) (#182065)

# Backport

This will backport the following commits from `main` to `8.14`:
- [[Playground] Adding TECH PREVIEW badge for Playground
(#182019)](https://github.com/elastic/kibana/pull/182019)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Samiul
Monir","email":"150824886+Samiul-TheSoccerFan@users.noreply.github.com"},"sourceCommit":{"committedDate":"2024-04-30T00:23:23Z","message":"[Playground]
Adding TECH PREVIEW badge for Playground (#182019)\n\n##
Summary\r\n\r\n- Adding badge in Playground\r\n- Enabling for
Serverless\r\n\r\n###
Serverless\r\n\r\n![serverless](6dde57b1-dd2b-4c55-ac6f-37e55cc4a61e)\r\n\r\n###
Stack\r\n\r\n![stack](3fd7f81f-c324-499a-bdd5-1f0bb1eae3e1)\r\n\r\n\r\n###
Checklist\r\n\r\nDelete any items that are not applicable to this
PR.\r\n\r\n- [ ] Any text added follows [EUI's
writing\r\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\r\nsentence case text and includes
[i18n\r\nsupport](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)\r\n-
[
]\r\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\r\nwas
added for features that require explanation or tutorials\r\n- [ ] [Unit
or
functional\r\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\r\nwere
updated or added to match the most common scenarios\r\n- [ ] [Flaky
Test\r\nRunner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1)
was\r\nused on any tests changed\r\n- [ ] Any UI touched in this PR is
usable by keyboard only (learn more\r\nabout [keyboard
accessibility](https://webaim.org/techniques/keyboard/))\r\n- [ ] Any UI
touched in this PR does not create any new axe failures\r\n(run axe in
browser:\r\n[FF](https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/),\r\n[Chrome](https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd?hl=en-US))\r\n-
[ ] If a plugin configuration key changed, check if it needs to
be\r\nallowlisted in the cloud and added to the
[docker\r\nlist](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)\r\n-
[ ] This renders correctly on smaller devices using a
responsive\r\nlayout. (You can test this [in
your\r\nbrowser](https://www.browserstack.com/guide/responsive-testing-on-local-server))\r\n-
[ ] This was checked for
[cross-browser\r\ncompatibility](https://www.elastic.co/support/matrix#matrix_browsers)\r\n\r\n\r\n\r\n###
For maintainers\r\n\r\n- [ ] This was checked for breaking API changes
and was
[labeled\r\nappropriately](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"d08ce905592d060a98bd488521eaceea9ff2aa47","branchLabelMapping":{"^v8.15.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Team:EnterpriseSearch","v8.14.0","v8.15.0"],"title":"[Playground]
Adding TECH PREVIEW badge for
Playground","number":182019,"url":"https://github.com/elastic/kibana/pull/182019","mergeCommit":{"message":"[Playground]
Adding TECH PREVIEW badge for Playground (#182019)\n\n##
Summary\r\n\r\n- Adding badge in Playground\r\n- Enabling for
Serverless\r\n\r\n###
Serverless\r\n\r\n![serverless](6dde57b1-dd2b-4c55-ac6f-37e55cc4a61e)\r\n\r\n###
Stack\r\n\r\n![stack](3fd7f81f-c324-499a-bdd5-1f0bb1eae3e1)\r\n\r\n\r\n###
Checklist\r\n\r\nDelete any items that are not applicable to this
PR.\r\n\r\n- [ ] Any text added follows [EUI's
writing\r\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\r\nsentence case text and includes
[i18n\r\nsupport](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)\r\n-
[
]\r\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\r\nwas
added for features that require explanation or tutorials\r\n- [ ] [Unit
or
functional\r\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\r\nwere
updated or added to match the most common scenarios\r\n- [ ] [Flaky
Test\r\nRunner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1)
was\r\nused on any tests changed\r\n- [ ] Any UI touched in this PR is
usable by keyboard only (learn more\r\nabout [keyboard
accessibility](https://webaim.org/techniques/keyboard/))\r\n- [ ] Any UI
touched in this PR does not create any new axe failures\r\n(run axe in
browser:\r\n[FF](https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/),\r\n[Chrome](https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd?hl=en-US))\r\n-
[ ] If a plugin configuration key changed, check if it needs to
be\r\nallowlisted in the cloud and added to the
[docker\r\nlist](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)\r\n-
[ ] This renders correctly on smaller devices using a
responsive\r\nlayout. (You can test this [in
your\r\nbrowser](https://www.browserstack.com/guide/responsive-testing-on-local-server))\r\n-
[ ] This was checked for
[cross-browser\r\ncompatibility](https://www.elastic.co/support/matrix#matrix_browsers)\r\n\r\n\r\n\r\n###
For maintainers\r\n\r\n- [ ] This was checked for breaking API changes
and was
[labeled\r\nappropriately](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"d08ce905592d060a98bd488521eaceea9ff2aa47"}},"sourceBranch":"main","suggestedTargetBranches":["8.14"],"targetPullRequestStates":[{"branch":"8.14","label":"v8.14.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v8.15.0","branchLabelMappingKey":"^v8.15.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/182019","number":182019,"mergeCommit":{"message":"[Playground]
Adding TECH PREVIEW badge for Playground (#182019)\n\n##
Summary\r\n\r\n- Adding badge in Playground\r\n- Enabling for
Serverless\r\n\r\n###
Serverless\r\n\r\n![serverless](6dde57b1-dd2b-4c55-ac6f-37e55cc4a61e)\r\n\r\n###
Stack\r\n\r\n![stack](3fd7f81f-c324-499a-bdd5-1f0bb1eae3e1)\r\n\r\n\r\n###
Checklist\r\n\r\nDelete any items that are not applicable to this
PR.\r\n\r\n- [ ] Any text added follows [EUI's
writing\r\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\r\nsentence case text and includes
[i18n\r\nsupport](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)\r\n-
[
]\r\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\r\nwas
added for features that require explanation or tutorials\r\n- [ ] [Unit
or
functional\r\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\r\nwere
updated or added to match the most common scenarios\r\n- [ ] [Flaky
Test\r\nRunner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1)
was\r\nused on any tests changed\r\n- [ ] Any UI touched in this PR is
usable by keyboard only (learn more\r\nabout [keyboard
accessibility](https://webaim.org/techniques/keyboard/))\r\n- [ ] Any UI
touched in this PR does not create any new axe failures\r\n(run axe in
browser:\r\n[FF](https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/),\r\n[Chrome](https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd?hl=en-US))\r\n-
[ ] If a plugin configuration key changed, check if it needs to
be\r\nallowlisted in the cloud and added to the
[docker\r\nlist](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)\r\n-
[ ] This renders correctly on smaller devices using a
responsive\r\nlayout. (You can test this [in
your\r\nbrowser](https://www.browserstack.com/guide/responsive-testing-on-local-server))\r\n-
[ ] This was checked for
[cross-browser\r\ncompatibility](https://www.elastic.co/support/matrix#matrix_browsers)\r\n\r\n\r\n\r\n###
For maintainers\r\n\r\n- [ ] This was checked for breaking API changes
and was
[labeled\r\nappropriately](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"d08ce905592d060a98bd488521eaceea9ff2aa47"}}]}]
BACKPORT-->

Co-authored-by: Samiul Monir <150824886+Samiul-TheSoccerFan@users.noreply.github.com>
This commit is contained in:
Kibana Machine 2024-04-29 21:40:06 -04:00 committed by GitHub
parent ef29004b82
commit 8896e3a326
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 48 additions and 10 deletions

View file

@ -46,4 +46,4 @@ xpack.ml.compatibleModuleType: 'search'
data_visualizer.resultLinks.fileBeat.enabled: false
# Search Playground
xpack.searchPlayground.ui.enabled: false
xpack.searchPlayground.ui.enabled: true

View file

@ -11,8 +11,11 @@ import { useSearchParams } from 'react-router-dom-v5-compat';
import { useValues } from 'kea';
import { EuiBetaBadge, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n-react';
import { KibanaLogic } from '../../../shared/kibana';
import { EnterpriseSearchApplicationsPageTemplate } from '../layout/page_template';
@ -39,9 +42,27 @@ export const Playground: React.FC = () => {
}),
]}
pageHeader={{
pageTitle: i18n.translate('xpack.enterpriseSearch.content.playground.headerTitle', {
defaultMessage: 'Playground',
}),
pageTitle: (
<EuiFlexGroup>
<EuiFlexItem grow={false}>
<FormattedMessage
id="xpack.enterpriseSearch.content.playground.headerTitle"
defaultMessage="Playground"
/>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiBetaBadge
label={i18n.translate(
'xpack.enterpriseSearch.content.playground.headerTitle.techPreview',
{
defaultMessage: 'TECH PREVIEW',
}
)}
color="hollow"
/>
</EuiFlexItem>
</EuiFlexGroup>
),
rightSideItems: [<searchPlayground.PlaygroundToolbar />],
}}
pageViewTelemetry="Playground"

View file

@ -7,7 +7,8 @@
import { i18n } from '@kbn/i18n';
import React from 'react';
import { EuiPageTemplate } from '@elastic/eui';
import { EuiBetaBadge, EuiFlexGroup, EuiFlexItem, EuiPageTemplate } from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n-react';
import { PlaygroundProvider } from './providers/playground_provider';
import { App } from './components/app';
@ -23,11 +24,27 @@ export const ChatPlaygroundOverview: React.FC = () => {
>
<EuiPageTemplate offset={0} grow restrictWidth data-test-subj="svlPlaygroundPage">
<EuiPageTemplate.Header
pageTitle={i18n.translate('xpack.searchPlayground.pageTitle', {
defaultMessage: 'Playground',
})}
data-test-subj="svlPlaygroundPageTitle"
restrictWidth
pageTitle={
<EuiFlexGroup>
<EuiFlexItem grow={false}>
<span data-test-subj="chat-playground-home-page-title">
<FormattedMessage
id="xpack.searchPlayground.pageTitle"
defaultMessage="Playground"
/>
</span>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiBetaBadge
label={i18n.translate('xpack.searchPlayground.pageTitle.techPreview', {
defaultMessage: 'TECH PREVIEW',
})}
color="hollow"
/>
</EuiFlexItem>
</EuiFlexGroup>
}
data-test-subj="chat-playground-home-page"
rightSideItems={[<PlaygroundHeaderDocs />, <PlaygroundToolbar />]}
/>
<App />