Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Add DatasetCombobox and DatasetSelect#5208

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Open
simeonlee wants to merge17 commits intosimeonlee/function-selector-combobox
base:simeonlee/function-selector-combobox
Choose a base branch
Loading
fromsimeonlee/dataset-selector-combobox

Conversation

@simeonlee
Copy link
Collaborator

@simeonleesimeonlee commentedDec 15, 2025
edited
Loading

Summary

Splits the monolithicDatasetSelector into two specialized components:

  • DatasetCombobox: Input-style selector for forms (type to search/create), uses the new genericCombobox component
  • DatasetSelect: Button-style selector for inline actions

Both share data fetching and filtering logic viauseDatasetOptions hook.

This addresses consistency issues with the other comboboxes implemented as part of#4804 as well as closes the loop on some dataset selector updates as part of#1236. From conversation with@GabrielBianconi we decided to keep the button-style selector as-is but upgrade the combobox creation flow for a consistent creation pattern with our model selector combobox work from last week.

Test plan

  • DatasetCombobox in Launch Evaluation modal
  • DatasetCombobox in playground
  • DatasetCombobox in new datapoint form (with creation)
  • DatasetSelect in Add to Dataset button
  • DatasetSelect in clone datapoint flow
  • Storybook stories render correctly

Important

IntroduceDatasetCombobox andDatasetSelect components to replaceDatasetSelector, with shared logic and updated tests and stories.

  • Components:
    • IntroduceDatasetCombobox for input-style selection in forms, usingCombobox component.
    • IntroduceDatasetSelect for button-style selection for inline actions.
    • Both components share logic viauseDatasetOptions hook.
  • Replacements:
    • ReplaceDatasetSelector withDatasetCombobox inNewDatapointForm.tsx andDatasetBuilderForm.tsx.
    • ReplaceDatasetSelector withDatasetSelect inCloneDatapointButton.tsx andAddToDatasetButton.tsx.
  • Storybook:
    • AddDatasetCombobox.stories.tsx forDatasetCombobox.
    • RenameDatasetSelector.stories.tsx toDatasetSelect.stories.tsx and update forDatasetSelect.
  • Tests:
    • Update e2e tests to use new components and verify functionality.
  • Misc:
    • Adddataset-stories-fixtures.ts for mock dataset data.
    • UpdateformatCompactNumber inchart.ts for number formatting.

This description was created byEllipsis for5595577. You cancustomize this summary. It will automatically update as commits are pushed.

ellipsis-dev[bot] reacted with rocket emoji
…onSelector- Create DatasetComboboxSelector for input-style dataset selection- Rename DatasetSelector to DatasetButtonSelector for button-style selection- Add ComboboxContent and ComboboxHint components- Update imports across codebase to use appropriate selector variant- DatasetComboboxSelector used in: LaunchEvaluationModal, playground, NewDatapointForm- DatasetButtonSelector used in: CloneDatapointButton, AddToDatasetButton, evaluation page
@simeonleesimeonlee marked this pull request as draftDecember 15, 2025 19:59
@simeonleesimeonlee changed the base branch frommain tosimeonlee/function-selector-comboboxDecember 15, 2025 19:59
- Extract useDatasetSelector hook for shared data fetching and helpers- Extract ComboboxMenuItems for shared menu rendering- Add count pill to DatasetButtonSelector selected state- Update Combobox to use ComboboxMenuItems internally- Update e2e tests for new placeholder text
- Add DatasetCombobox for input-as-trigger pattern- Add DatasetSelect for button-as-trigger pattern- Add shared use-dataset-options hook for data fetching and filtering- Add searchPlaceholder for DatasetSelect CommandInput- Add default styles to CommandEmpty (text-fg-tertiary)- Update test placeholders to match new text
@simeonleesimeonleeforce-pushed thesimeonlee/dataset-selector-combobox branch frome248cba to17a84abCompareDecember 15, 2025 23:15
@simeonleesimeonlee changed the titleAdd DatasetComboboxSelector and DatasetButtonSelectorAdd DatasetCombobox and DatasetSelectDec 15, 2025
- Simplify DatasetCombobox to use Combobox directly (~146 to ~53 lines)- Rename getItemIcon/getItemSuffix to getPrefix/getSuffix- Fix create icon showing when allowCreation is false- Fix creationHint/createHeading only passed when allowCreation is true- Remove default allowCreation=true from DatasetFormField- Export items from useDatasetOptions hook- Unify suffix styling as styled pill elements
Copy link
CollaboratorAuthor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

In the future, this will also reuse a standard Select

- Extract shared fixtures to dataset-stories-fixtures.ts- Add Disabled story to both components- Add TODO for virtualization on large lists- Rename creationHint to createHint for consistency
},
};

// TODO: we should handle extremely long lists (1000+) of datasets gracefully (e.g. virtualization)
Copy link
CollaboratorAuthor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

This TODO comment was pre-existing (but noted)

@simeonleesimeonlee marked this pull request as ready for reviewDecember 16, 2025 00:20
Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment

Reviewers

@virajmehtavirajmehtavirajmehta approved these changes

Assignees

No one assigned

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@simeonlee@virajmehta

[8]ページ先頭

©2009-2025 Movatter.jp