feat(dashboard): add provider, modality, and capability filters to Model Registry
This commit enhances the Model Registry UI by adding dropdown filters for Provider, Modality (Text/Image/Audio), and Capabilities (Tool Calling/Reasoning) alongside the existing text search. The filtering logic has been refactored to be non-destructive and apply instantly on the client side.
This commit is contained in:
@@ -284,8 +284,31 @@ class Dashboard {
|
||||
<h3 class="card-title">Model Registry</h3>
|
||||
<p class="card-subtitle">Manage model availability and custom pricing</p>
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<input type="text" id="model-search" placeholder="Search models..." class="form-control" style="margin-bottom: 0; padding: 4px 8px; width: 250px;">
|
||||
<div class="card-actions" style="display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap;">
|
||||
<select id="model-provider-filter" class="form-control" style="margin-bottom: 0; padding: 4px 8px; width: auto;">
|
||||
<option value="">All Providers</option>
|
||||
<option value="openai">OpenAI</option>
|
||||
<option value="anthropic">Anthropic / Gemini</option>
|
||||
<option value="google">Google</option>
|
||||
<option value="deepseek">DeepSeek</option>
|
||||
<option value="xai">xAI</option>
|
||||
<option value="meta">Meta</option>
|
||||
<option value="cohere">Cohere</option>
|
||||
<option value="mistral">Mistral</option>
|
||||
<option value="other">Other</option>
|
||||
</select>
|
||||
<select id="model-modality-filter" class="form-control" style="margin-bottom: 0; padding: 4px 8px; width: auto;">
|
||||
<option value="">All Modalities</option>
|
||||
<option value="text">Text</option>
|
||||
<option value="image">Vision/Image</option>
|
||||
<option value="audio">Audio</option>
|
||||
</select>
|
||||
<select id="model-capability-filter" class="form-control" style="margin-bottom: 0; padding: 4px 8px; width: auto;">
|
||||
<option value="">All Capabilities</option>
|
||||
<option value="tool_call">Tool Calling</option>
|
||||
<option value="reasoning">Reasoning</option>
|
||||
</select>
|
||||
<input type="text" id="model-search" placeholder="Search models..." class="form-control" style="margin-bottom: 0; padding: 4px 8px; width: 200px;">
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-container">
|
||||
|
||||
Reference in New Issue
Block a user