# Helios UI implementation

Use the read-only local helios-ui MCP server to select components and retrieve actual React source, props, dependencies and resolved design tokens. Reuse shared exports instead of recreating controls. Check keyboard operation, empty/loading/error/recovery states, both themes and supported responsive widths. Respect reduced motion. Treat Figma as read-only unless the user explicitly authorizes an edit. Treat local demos, provider configuration and live service status truthfully. Do not describe preview pricing as an active checkout.

The active website colors are in `react/src/board-palette.css`, generated from the audited BoardUI declarations. The design-token tool retains the unchanged Figma snapshot as design evidence; do not substitute its earlier teal palette for the active website palette. Retrieve the actual component stylesheet/source when implementing website colors. Chart and status colors remain independent of the action accent.