You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The current model selection interface doesn't provide an easy way to filter and identify free models from OpenRouter. Users often need to manually scan through the model list to find free options, which is time-consuming and may lead to accidentally selecting paid models. By implementing a dedicated free models toggle, we can help users quickly access free AI models and make informed choices about their model selection.
Scope
Add a toggle switch specifically for OpenRouter provider to filter free models
Implement model filtering based on :free suffix in model names
Add proper sorting of models by provider name
Style the toggle following Bolt design system
Implement responsive layout (30/70 split) for provider/model selection
Add text truncation for long model names
Ensure proper accessibility with ARIA labels and focus states
Maintain proper TypeScript type safety
Add hover states and smooth transitions
Options
Implementation approach:
Use RadixUI Switch component for the toggle
Filter models using the pattern model.name.includes(':free')
Sort models alphabetically by provider name
Style using Tailwind CSS classes matching Bolt design system
Add proper state management for toggle visibility
Implement responsive design with flexbox
Technical considerations:
// Model filtering logicconstfilteredModelList=provider?.name==='OpenRouter'
? modelList.filter((m)=>m.provider==='OpenRouter').sort((a,b)=>getProviderName(a.label).localeCompare(getProviderName(b.label))).filter((m)=>!showFreeModels||m.name.includes(':free'))
: modelList.filter((m)=>m.provider===provider?.name);
Related
Related to model selection UX improvements
Part of the OpenRouter integration features
Enhances model accessibility for new users
Supports free tier usage optimization
The text was updated successfully, but these errors were encountered:
YadavSourabhGH
added
the
feature
A pretty vague description of how a capability of our software can be added or improved.
label
Feb 9, 2025
Motivation
The current model selection interface doesn't provide an easy way to filter and identify free models from OpenRouter. Users often need to manually scan through the model list to find free options, which is time-consuming and may lead to accidentally selecting paid models. By implementing a dedicated free models toggle, we can help users quickly access free AI models and make informed choices about their model selection.
Scope
:free
suffix in model namesOptions
Implementation approach:
model.name.includes(':free')
Technical considerations:
Related
The text was updated successfully, but these errors were encountered: