Skip to content

feat(model-selector): add model selector component - #393

Open
SonyLeo wants to merge 1 commit into
opentiny:developfrom
SonyLeo:feat/model-selector-component
Open

feat(model-selector): add model selector component#393
SonyLeo wants to merge 1 commit into
opentiny:developfrom
SonyLeo:feat/model-selector-component

Conversation

@SonyLeo

@SonyLeo SonyLeo commented Aug 24, 2026

Copy link
Copy Markdown
Collaborator

组件的效果预览

Summary

  • Add the ModelSelector component.
  • Support controlled and uncontrolled model, effort, and open states.
  • Add model search, grouping, disabled options, keyboard navigation, and ARIA support.
  • Add Floating UI positioning, Teleport support, focus restoration, and outside click handling.
  • Support custom trigger, item, group label, empty, panel header, and footer slots.
  • Add built-in reasoning effort selection.

Scope

This PR only adds the ModelSelector component implementation and its styles. Tests, documentation, and demos will be added separately.

Validation

  • pnpm -F @opentiny/tiny-robot type-check

@coderabbitai

coderabbitai Bot commented Aug 24, 2026

Copy link
Copy Markdown

Warning

Review limit reached

Next included review available in 41 minutes.

View limit details

Limit details: You’ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: e207d2b7-774b-475b-8af7-a269245813be

📥 Commits

Reviewing files that changed from the base of the PR and between e8440c0 and e6c3c86.

📒 Files selected for processing (20)
  • packages/components/src/index.ts
  • packages/components/src/model-selector/components/ModelSelectorEffort.vue
  • packages/components/src/model-selector/components/ModelSelectorGroup.vue
  • packages/components/src/model-selector/components/ModelSelectorItem.vue
  • packages/components/src/model-selector/components/ModelSelectorPanel.vue
  • packages/components/src/model-selector/components/ModelSelectorTrigger.vue
  • packages/components/src/model-selector/composables/useModelSelectorEffort.ts
  • packages/components/src/model-selector/composables/useModelSelectorFilter.ts
  • packages/components/src/model-selector/composables/useModelSelectorFloating.ts
  • packages/components/src/model-selector/composables/useModelSelectorNavigation.ts
  • packages/components/src/model-selector/composables/useModelSelectorState.ts
  • packages/components/src/model-selector/index.less
  • packages/components/src/model-selector/index.ts
  • packages/components/src/model-selector/index.type.ts
  • packages/components/src/model-selector/index.vue
  • packages/components/src/model-selector/internal.type.ts
  • packages/components/src/model-selector/normalizeModelEfforts.ts
  • packages/components/src/model-selector/normalizeModelOptions.ts
  • packages/components/src/styles/components/index.css
  • packages/components/src/styles/components/model-selector.less

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actions

github-actions Bot commented Aug 24, 2026

Copy link
Copy Markdown
Contributor

✅ Preview build completed successfully!

Click the image above to preview.
Preview will be automatically removed when this PR is closed.

@github-actions

Copy link
Copy Markdown
Contributor

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.

1 participant