Skip to content

Add component search empty state suggestions#2453

Open
Mbeaulne wants to merge 1 commit into
06-23-decouple_editor_component_search_inputfrom
06-23-add_component_search_empty_state_suggestions
Open

Add component search empty state suggestions#2453
Mbeaulne wants to merge 1 commit into
06-23-decouple_editor_component_search_inputfrom
06-23-add_component_search_empty_state_suggestions

Conversation

@Mbeaulne

@Mbeaulne Mbeaulne commented Jun 23, 2026

Copy link
Copy Markdown
Collaborator

Description

Adds clickable suggested search terms ("csv", "train", "predict", "dataframe") to the component search empty state. When a search returns no results, users now see these suggestions as clickable buttons that populate the search input and trigger a new search. The suggestions are rendered via a new shared ComponentSearchEmptyStateSuggestions component, and the list of suggestions is centralized in componentSearchSuggestions.ts.

The DebouncedComponentSearchInput in the editor now accepts an initialValue prop so that clicking a suggestion correctly reflects the new query in the input field.

Related Issue and Pull requests

Type of Change

  • Bug fix
  • New feature
  • Improvement
  • Cleanup/Refactor
  • Breaking change
  • Documentation update

Checklist

  • I have tested this does not break current pipelines / runs functionality
  • I have tested the changes on staging

Screenshots (if applicable)

Test Instructions

  1. Open the component search in either the Dashboard or Editor view.
  2. Enter a search term that returns no results (e.g., "no-such-component").
  3. Verify that the empty state displays suggested search buttons: "csv", "train", "predict", "dataframe".
  4. Click one of the suggestion buttons and confirm the search input updates to that value and a new search is triggered.

Additional Comments

The suggestions are defined as a const array in src/services/componentSearchSuggestions.ts, making it straightforward to add or remove suggestions in one place.

@github-actions

github-actions Bot commented Jun 23, 2026

Copy link
Copy Markdown

🎩 Preview

A preview build has been created at: 06-23-add_component_search_empty_state_suggestions/cfeb63b

Mbeaulne commented Jun 23, 2026

Copy link
Copy Markdown
Collaborator Author

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

This stack of pull requests is managed by Graphite. Learn more about stacking.

@Mbeaulne Mbeaulne force-pushed the 06-23-decouple_editor_component_search_input branch from 078b721 to b06233a Compare June 24, 2026 18:11
@Mbeaulne Mbeaulne force-pushed the 06-23-add_component_search_empty_state_suggestions branch from 4ccd778 to 8aded43 Compare June 24, 2026 18:11
@Mbeaulne Mbeaulne force-pushed the 06-23-decouple_editor_component_search_input branch from b06233a to eda467b Compare June 24, 2026 18:24
@Mbeaulne Mbeaulne force-pushed the 06-23-add_component_search_empty_state_suggestions branch from 8aded43 to f106bd7 Compare June 24, 2026 18:24
@Mbeaulne Mbeaulne force-pushed the 06-23-decouple_editor_component_search_input branch from eda467b to ec1b577 Compare June 24, 2026 18:36
@Mbeaulne Mbeaulne force-pushed the 06-23-add_component_search_empty_state_suggestions branch from f106bd7 to 86431a8 Compare June 24, 2026 18:36
@Mbeaulne Mbeaulne marked this pull request as ready for review June 24, 2026 18:56
@Mbeaulne Mbeaulne requested a review from a team as a code owner June 24, 2026 18:56
@Mbeaulne Mbeaulne force-pushed the 06-23-decouple_editor_component_search_input branch from ec1b577 to 87d28db Compare June 24, 2026 19:52
@Mbeaulne Mbeaulne force-pushed the 06-23-add_component_search_empty_state_suggestions branch 2 times, most recently from 32559c1 to b03fd0f Compare June 25, 2026 15:55
@Mbeaulne Mbeaulne force-pushed the 06-23-decouple_editor_component_search_input branch from 0ea0a15 to 9551590 Compare June 25, 2026 19:38
@Mbeaulne Mbeaulne force-pushed the 06-23-add_component_search_empty_state_suggestions branch from b03fd0f to 3e09547 Compare June 25, 2026 19:38
@Mbeaulne Mbeaulne force-pushed the 06-23-add_component_search_empty_state_suggestions branch from 3e09547 to cfeb63b Compare June 25, 2026 19:43
@Mbeaulne Mbeaulne force-pushed the 06-23-decouple_editor_component_search_input branch from 9551590 to 76d80b5 Compare June 25, 2026 19:43
Comment thread src/components/shared/ComponentSearchEmptyStateSuggestions.tsx
Comment thread src/components/shared/ComponentSearchEmptyStateSuggestions.tsx
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants