[Search][Dev Console Improvements] Export as x language by saikatsarkar056 · Pull Request #242487 · elastic/kibana

saikatsarkar056 · 2025-11-10T23:23:56Z

Summary

When users open the Dev Console, it’s not immediately clear how to select a programming language for a given Query DSL. Currently, they need to select a query, open the ellipsis menu, and then choose a language — a workflow that isn’t very discoverable.

Similarly, the Play button used to run queries is easy to overlook, making it harder for users to understand how to execute requests.

This PR introduces the following improvements:

Enlarges the Play button and adds a background to make it more prominent.
Adds a Copy as X Language button next to the Play button for quicker access
Updates the context menu so users can set the default language through the Language Clients option

These changes aim to make both query execution and language selection more intuitive and discoverable for Dev Console users.

Screen.Recording.2025-11-23.at.8.14.37.PM.mov

Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
Documentation was added for features that require explanation or tutorials
Unit or functional tests were updated or added to match the most common scenarios
If a plugin configuration key changed, check if it needs to be allowlisted in the cloud and added to the docker list
This was checked for breaking HTTP API changes, and any breaking changes have been approved by the breaking-change committee. The release_note:breaking label should be applied in these situations.
Flaky Test Runner was used on any tests changed
The PR description includes the appropriate Release Notes section, and the correct release_note:* label is applied per the guidelines
Review the backport guidelines and apply applicable backport:* labels.

Identify risks

Does this PR introduce any risks? For example, consider risks like hard to test bugs, performance regression, potential of data loss.

Describe the risk, its severity, and mitigation for each identified risk. Invite stakeholders and evaluate how to proceed before merging.

See some risk examples
...

Release note

Improves the Console UI to make key actions more intuitive. The Play button is now more prominent, a new "Copy to language" button provides quick access to export the selected command in the user's preferred coding language, and the context menu has been updated to allow users to set a default language preference. These enhancements improve the discoverability of both query execution and export.

…guage

…ana into export-as-x-language

This reverts commit 0fd8b4d.

…guage

mdefazio · 2025-11-25T21:09:23Z

#242487 (review)

Let's keep the play button size as is. If we find this to be a pain point for many users we can tweak it, but part of the desired outcome was to have this easier to click and be visible.

…guage

ElenaStoeva

Latest lgtm with one comment. Thanks for your work on this!

...shared/console/public/application/containers/editor/components/context_menu/context_menu.tsx

kibanamachine · 2025-11-26T09:47:51Z

Flaky Test Runner Stats

🟠 Some tests failed. - kibana-flaky-test-suite-runner#9920

[❌] src/platform/test/functional/apps/console/config.ts: 175/200 tests passed.

see run history

…guage

kibanamachine · 2025-11-26T16:53:31Z

Flaky Test Runner Stats

🎉 All tests passed! - kibana-flaky-test-suite-runner#9926

[✅] src/platform/test/functional/apps/console/config.ts: 25/25 tests passed.

see run history

elasticmachine · 2025-11-26T19:32:43Z

💚 Build Succeeded

Buildkite Build
Commit: b295a10

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
`console`	197.8KB	198.9KB	+1.1KB

History

💛 Build #365270 was flaky 949d964
💛 Build #364644 was flaky 266fa81
💛 Build #364525 was flaky fe684e4
💛 Build #364087 was flaky 7562fdc
💔 Build #363507 failed 9c32642
💔 Build #363500 failed 0c8f6a8

cc @saikatsarkar056

## Summary When users open the Dev Console, it’s not immediately clear how to select a programming language for a given Query DSL. Currently, they need to select a query, open the ellipsis menu, and then choose a language — a workflow that isn’t very discoverable. Similarly, the Play button used to run queries is easy to overlook, making it harder for users to understand how to execute requests. This PR introduces the following improvements: - Enlarges the Play button and adds a background to make it more prominent. - Adds a Copy as X Language button next to the Play button for quicker access - Updates the context menu so users can set the default language through the Language Clients option These changes aim to make both query execution and language selection more intuitive and discoverable for Dev Console users. https://github.com/user-attachments/assets/c6b72ead-da3d-47c8-ad3d-e9703cab7a7d ### Checklist Check the PR satisfies following conditions. Reviewers should verify this PR satisfies this list as well. - [x] Any text added follows [EUI's writing guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses sentence case text and includes [i18n support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md) - [ ] [Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html) was added for features that require explanation or tutorials - [x] [Unit or functional tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html) were updated or added to match the most common scenarios - [ ] If a plugin configuration key changed, check if it needs to be allowlisted in the cloud and added to the [docker list](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker) - [ ] This was checked for breaking HTTP API changes, and any breaking changes have been approved by the breaking-change committee. The `release_note:breaking` label should be applied in these situations. - [x] [Flaky Test Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was used on any tests changed - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) - [x] Review the [backport guidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing) and apply applicable `backport:*` labels. ### Identify risks Does this PR introduce any risks? For example, consider risks like hard to test bugs, performance regression, potential of data loss. Describe the risk, its severity, and mitigation for each identified risk. Invite stakeholders and evaluate how to proceed before merging. - [ ] [See some risk examples](https://github.com/elastic/kibana/blob/main/RISK_MATRIX.mdx) - [ ] ... ## Release note Improves the Console UI to make key actions more intuitive. The Play button is now more prominent, a new "Copy to language" button provides quick access to export the selected command in the user's preferred coding language, and the context menu has been updated to allow users to set a default language preference. These enhancements improve the discoverability of both query execution and export. --------- Co-authored-by: Damian Polewski <125268832+damian-polewski@users.noreply.github.com> Co-authored-by: Rodney Norris <rodney@tattdcodemonkey.com> Co-authored-by: Liam Thompson <leemthompo@gmail.com> Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>

saikatsarkar056 self-assigned this Nov 10, 2025

saikatsarkar056 requested a review from a team as a code owner November 10, 2025 23:23

saikatsarkar056 marked this pull request as draft November 10, 2025 23:24

saikatsarkar056 added backport:skip This PR does not require backporting release_note:skip Skip the PR/issue when compiling release notes Team:Search v9.3.0 labels Nov 14, 2025

saikatsarkar056 force-pushed the export-as-x-language branch from 58c9f6b to be7433d Compare November 14, 2025 01:58

saikatsarkar056 added 12 commits November 13, 2025 18:59

Add Language clients link

ca3b644

Make the right arrow size larger

affb35a

Use svg for play and hover

bb8c25c

Add FTR tests

5cf8844

Use the play and hover icons for the buttons

b95d53e

Refactor code

21d6125

Add short-cut badges

eb8c6aa

Add copy button on the action-panel

8cfd3a8

Refactor code

21b8542

Add FTR test for copy-to-language

36530aa

Change the right-arrow with an icon

5058a57

Enlarge the play button

efc8070

saikatsarkar056 force-pushed the export-as-x-language branch from be7433d to efc8070 Compare November 14, 2025 02:00

saikatsarkar056 marked this pull request as ready for review November 14, 2025 02:01

saikatsarkar056 changed the title ~~Export as x language~~ Nov 14, 2025

saikatsarkar056 added 7 commits November 13, 2025 19:17

Fix the unit test

08ec5f3

Fix the size of the play button

5622aa2

Fix i18n issue

5b8b14e

Add horizontal rule after each language

7a43cee

Remove unused code

50a83f2

Fix the test

0741802

Fix i18n issue

05d2122

saikatsarkar056 and others added 2 commits November 24, 2025 16:33

Merge branch 'main' of github.com:elastic/kibana into export-as-x-lan…

f5ea0a7

…guage

Changes from node scripts/regenerate_moon_projects.js --update

266fa81

elastic-vault-github-plugin-prod bot requested a review from a team as a code owner November 24, 2025 23:54

saikatsarkar056 and others added 4 commits November 24, 2025 21:46

Merge branch 'main' of github.com:elastic/kibana into export-as-x-lan…

960afab

…guage

Merge branch 'export-as-x-language' of github.com:saikatsarkar056/kib…

ab76989

…ana into export-as-x-language

Remove unwanted changes

c509562

Changes from node scripts/regenerate_moon_projects.js --update

0fd8b4d

saikatsarkar056 removed request for TattdCodeMonkey and damian-polewski November 25, 2025 16:40

saikatsarkar056 added 2 commits November 25, 2025 09:44

Revert "Changes from node scripts/regenerate_moon_projects.js --update"

39e1065

This reverts commit 0fd8b4d.

Merge branch 'main' of github.com:elastic/kibana into export-as-x-lan…

949d964

…guage

jbudz removed the request for review from a team November 25, 2025 20:17

saikatsarkar056 added 5 commits November 25, 2025 17:23

Make consistent short-cuts

2e08092

Merge branch 'main' of github.com:elastic/kibana into export-as-x-lan…

700f664

…guage

Update the badges for short cuts

263c895

Merge branch 'main' of github.com:elastic/kibana into export-as-x-lan…

6948f85

…guage

Return back large button

3b30b48

ElenaStoeva approved these changes Nov 26, 2025

View reviewed changes

...shared/console/public/application/containers/editor/components/context_menu/context_menu.tsx Outdated Show resolved Hide resolved

saikatsarkar056 added 3 commits November 26, 2025 08:47

Add translation to short-cuts

a2a83eb

Merge branch 'main' of github.com:elastic/kibana into export-as-x-lan…

2414275

…guage

fix i18n

b295a10

saikatsarkar056 enabled auto-merge (squash) November 26, 2025 16:59

saikatsarkar056 merged commit 2617783 into elastic:main Nov 26, 2025
12 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Search][Dev Console Improvements] Export as x language#242487

[Search][Dev Console Improvements] Export as x language#242487
saikatsarkar056 merged 93 commits intoelastic:mainfrom
saikatsarkar056:export-as-x-language

saikatsarkar056 commented Nov 10, 2025 •

edited

Loading

mdefazio commented Nov 25, 2025

ElenaStoeva left a comment

Uh oh!

kibanamachine commented Nov 26, 2025

kibanamachine commented Nov 26, 2025

Uh oh!

elasticmachine commented Nov 26, 2025

Labels

10 participants

Conversation

saikatsarkar056 commented Nov 10, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Checklist

Identify risks

Release note

mdefazio commented Nov 25, 2025

ElenaStoeva left a comment

Choose a reason for hiding this comment

Uh oh!

kibanamachine commented Nov 26, 2025

Flaky Test Runner Stats

🟠 Some tests failed. - kibana-flaky-test-suite-runner#9920

kibanamachine commented Nov 26, 2025

Flaky Test Runner Stats

🎉 All tests passed! - kibana-flaky-test-suite-runner#9926

Uh oh!

elasticmachine commented Nov 26, 2025

💚 Build Succeeded

Metrics [docs]

Async chunks

History

Labels

10 participants

saikatsarkar056 commented Nov 10, 2025 •

edited

Loading