February 21, 20261.0.97v1.0.97RSS

v1.0.97 — [UI/UX] Beast Mode Agent Cards Are Clickable Buttons That Also Contain Switches — Conflicting Interactions

Release Notes

Each agent card in the Beast Mode idle view is a full <button> that toggles the agent selection. Inside this button is a <Switch> component with its own onClick handler that calls e.stopPropagation(). This nested interactive element pattern is an accessibility anti-pattern (violates ARIA spec: no interactive descendants in buttons), can fail with assistive technologies, and creates confusing interaction on mobile where the toggle and the card click may conflict.

Category: accessibility File: src/components/beast-mode-tab.tsx Recommendation: Remove the nested Switch inside the button. Instead, make the entire card a styled div with an onClick handler and use a visible checkbox or a custom toggle indicator rendered as a non-interactive element (just a CSS class). The visual affordance of 'selected' state (border-primary/30 bg-primary/5) already communicates selection without needing a redundant Switch control.