## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/audimate/f5eee044-0aa0-46f8-a989-58039412e614-1792130731-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/audimate/f5eee044-0aa0-46f8-a989-58039412e614-1792130546049-full.webp
- Component on Kage: https://kage.design/component/audimate-stats

## Before you start
Ask what the user's product and brand are, then apply the principles below to that product rather than reproducing the reference.

Build a centered status-state strip for an AI assistant. Place a short heading and one-line explanation above a row of five compact pill controls representing stages such as listening, planning, acting, waiting, and complete. Give each state a distinct small colored dot or activity glyph, with charcoal pill backgrounds (#151518), subtle borders, and muted explanatory labels beneath. Use even spacing and allow horizontal scrolling on small screens. Include accessible state labels and a visible selected/current state.

Never: use the reference's logo, product name, copy, illustrations, imagery, or exact visual identity.