feat(export-code): improve query to language discoverability COMPASS-8348

[ivandevp]

Description

Move position of "export code" button to improve discoverability.

Documents tab

Aggregations tab

Documents tab - short width

Agreggations tab - short width

Checklist

• New tests and/or benchmarks are included
• Documentation is changed or added
• If this change updates the UI, screenshots/videos are added and a design review is requested
• If this change could impact the load on the MongoDB cluster, please describe the expected and worst case impact
• I have signed the MongoDB Contributor License Agreement (https://www.mongodb.com/legal/contributor-agreement)

Motivation and Context

• Bugfix
• New feature
• Dependency update
• Misc

Open Questions

How do we update documentation after releasing these changes?

Dependents

Types of changes

• Backport Needed
• Patch (non-breaking change which fixes an issue)
• Minor (non-breaking change which adds functionality)
• Major (fix or feature that would cause existing functionality to change)

[Copilot]

Pull request overview

This PR improves the discoverability of the "export query to language" feature by moving the export code button from the query bar to more prominent toolbar locations. The button is relocated to the CRUD documents toolbar and the aggregations pipeline settings area, making it more visible and accessible to users.

Key changes:

• Removed export-to-language button from the query bar component
• Added "Export Code" button to the CRUD documents toolbar
• Added "Export Data" and "Export Code" buttons to the aggregations pipeline toolbar
• Updated all associated tests to reflect the UI changes

Reviewed changes

Copilot reviewed 18 out of 18 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
packages/compass-query-bar/src/components/query-bar.tsx	Removed export-to-language button and related props/logic
packages/compass-query-bar/src/components/query-bar.spec.tsx	Removed tests for the removed export button
packages/compass-crud/src/stores/crud-store.ts	Added openQueryExportToLanguageDialog method
packages/compass-crud/src/components/document-list.tsx	Wired new export handler to toolbar
packages/compass-crud/src/components/crud-toolbar.tsx	Added Export Code button with responsive text hiding
packages/compass-crud/src/components/crud-toolbar.spec.tsx	Added onOpenExportToLanguage prop to tests
packages/compass-aggregations/src/plugin.tsx	Removed showExportButton prop
packages/compass-aggregations/src/plugin.spec.tsx	Updated test to remove export button assertion
packages/compass-aggregations/src/components/pipeline/pipeline.tsx	Removed showExportButton prop type
packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-settings/index.tsx	Added Export Data dropdown and Export Code button
packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-settings/index.spec.tsx	Updated tests for new buttons
packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-header/pipeline-actions.tsx	Removed Export aggregation button
packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-header/pipeline-actions.spec.tsx	Removed export button tests
packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-header/index.tsx	Removed showExportButton prop
packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-header/index.spec.tsx	Removed showExportButton prop from test
packages/compass-aggregations/src/components/pipeline-toolbar/index.tsx	Removed showExportButton prop
packages/compass-aggregations/src/components/pipeline-toolbar/index.spec.tsx	Removed showExportButton prop from tests
packages/compass-aggregations/src/components/aggregations/aggregations.spec.tsx	Removed showExportButton prop from test

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[ivandevp]

Last commit updated the aggregations tab to render "export data" as button instead of a dropdown: