Model Selector
A searchable model picker with providers in groups, glyph keys, context size, speed and cost meters, capability chips, a New tag and a compact trigger.
Preview
Raised trigger
Using Pebble 4 · 400K context
In a composer toolbar
Ask anything
Pebble Labs
Pebble 4new, 400K context, medium speed, medium cost, Vision, Tools, Reasoning, current model
Pebble Lite128K context, fast, low cost, Tools
Pebble Research
Pebble Deep1M context, slow, high cost, Reasoning, Files, Tools
Pebble Swift200K context, fast, medium cost, Vision, Tools
Open weights
Pebble Vision 264K context, medium speed, low cost, Vision
Pebble 8B32K context, fast, low cost
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| models | ModelOption[] | — | { id, name, provider, glyph?, context?, speed?: 1–3, cost?: 1–3, capabilities?, isNew?, disabled? }; grouped by provider. |
| value / defaultValue | string | first model | Current model; onValueChange reports picks. |
| open / defaultOpen | boolean | false | Popover state; onOpenChange reports changes. |
| variant | "raised" | "ghost" | "raised" | Raised pill trigger, or a flat one for toolbars. |
| side / align | "top" | "bottom" / "start" | "center" | "end" | "bottom" / "start" | Popover placement. |
| searchPlaceholder | string | "Search models" | Search box placeholder. Search matches name, provider and capabilities. |
| ModelSelectorList | component | — | The list without the popover: models, value, onSelect, listClassName. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.