# AI composer

AI composer: a free component, built on your design tokens, to use where people ask an assistant a question with files or sources attached. Where a person asks an assistant something: attached sources (one still reading), a mode switch, and a send button that stays quiet until there is text.

Prompt: Add the OpenDesigner component ai-composer to this project: https://opendesigner.dev/library/r/ai-composer.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: empty, typing, focus, source uploading, mode picked.

Accessibility: A labelled form: the modes are a native radio group, every icon button has a name, and the focus ring wraps the whole box.

File: https://opendesigner.dev/library/r/ai-composer.html