ModelPicker

ModelPicker(__namedParameters): ReactElement

Defined in: react/components/agent/model-picker.tsx:103

A filterable model picker rendered as a table list: one row per model with its provider, name, a cost multiplier badge, a reasoning icon, and a local/remote icon (icons, not text). Type in the filter to narrow the rows; arrow-navigate and press Enter (or double-click) to choose. Columns appear only when at least one model supplies that field, and extraColumns appends your own — so it stays a composable primitive.

<ModelPicker
  value={modelId}
  onSelect={(m) => setModelId(m.id)}
  models={[
    { id: "opus", provider: "Anthropic", name: "Opus 4.8", cost: 2, reasoning: true, location: "remote" },
    { id: "ollama", provider: "Ollama", name: "Llama 3.1", cost: 1, location: "local" },
  ]}
/>

Parameters

__namedParameters

ModelPickerProps

Returns

ReactElement