implementation
Implement in your agent
# Implement Icon button in your agent ## Objective Implement Icon button for this verified behavior: A compact button represented visually by an icon but still given its own stable accessible action name. ## Prerequisites - Inspect the repository, design system, and existing tests first. - Preserve unrelated changes and keep the file scope bounded. - Confirm that Icon button matches the need before writing code. ## Required behavior - Pointer, Enter, or Space activation runs one named action exactly once. - Pointer hover or keyboard focus reveals the information after a short delay. ## States to cover - Copy code ready — Copy code ready - Code copied — Code copied ## Accessibility - The primary control or named region for Icon button has a stable accessible name from visible text or an explicit programmatic label; placeholder text and tooltips are not names. - The full button target, not only the glyph, receives a visible focus indicator. - The button itself does not dismiss; any surface it controls follows that surface's separate contract. - Tab focuses the icon button - Enter and Space activate it - Escape dismisses any supplementary tooltip ## Non-goals - The icon is ambiguous for the audience - There is enough room for a clearer visible text button ## Acceptance criteria - The button has its own stable accessible name - The icon is from the project's single icon family - The touch target remains comfortably operable beyond the glyph - Tooltip is supplementary and keyboard reachable
sha256:bfbffad7472d74640a7286b91fce14f8742b696e28e15736984d138b877f5b6e