# AI Model Picker

Prompt composer toolbar to select the inference model by cost and latency.

- id: `ai-model-picker`
- Page: https://agentic-ui-kit.com/components/ai-model-picker
- Live preview: https://agentic-ui-kit.com/live/component/ai-model-picker

## Install

```bash
agentic-ui add ai-model-picker
npx shadcn@4.17.0 add @agentic-ui/ai-model-picker
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** cost-badges, speed-badges, category-filtering, real-time-search, context-window-indicator, combobox-keyboard-navigation, empty-state, degraded-state-handling
- **Intents:** configure, orchestrate-agents, explore-detail, generate-content
- **Suits domains:** ai-workspace, ai-content, ai-agents, devtools, saas
- **Interaction:** model-selection, category-filtering, real-time-search, keyboard-navigation
- **Screen role:** detail
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** prompt composer toolbar to select the inference model by cost and latency, configuration panel for autonomous agents to assign specialized models per task, playground or comparative testing interface for LLM models, control panel for costs and token consumption in SaaS environments
- **Avoid when:** the selection is only between two binary options (use switch or toggle-group), multiple AI models or providers are not handled (use a static label)
- **Preserve when adapting:** combobox-keyboard-contract, aria-listbox-semantics, cost-speed-badge-indicators, search-and-filter-behavior, offline-disabled-guard
- **Replace when adapting:** model-catalog-data, pricing-and-speed-metrics, provider-branding
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** badge, button, input, popover
- **npm dependencies:** lucide-react
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives