Showcase / host composition

Model selector.

model-selector.tsx: native <details> trigger variants plus a richer menu (search, provider groups, effort). Host owns selection persistence — no model API calls.

model-selector.tsxhost-chromecompose

triggersoutline · ghost · muted

gpt-5.4-mini

rich menusearch · groups · effort

gpt-5.4-mini

Deferred: live model catalog, search filtering JS, provider logos. Host wires aria-selected / effort.

Install

<link rel="stylesheet" href="tokens.css">
<link rel="stylesheet" href="components/button/button.css">
<link rel="stylesheet" href="components/chat-input/chat-input.css">
<link rel="stylesheet" href="host-chrome.css">