Evals
Browse all eval fixtures in your project.
Build an accessible `ToggleSwitch` component with `label`, `checked`, `onChange`, and optional `disabled` props, exported from `src/components/ToggleSwitch.tsx`.
Build a `ProfileCard` with avatar (or initials), name, title, optional tags, and action buttons. Export default from `src/components/ProfileCard.tsx`.
Update `ReviewCard` (`src/components/ReviewCard.tsx`) to accept `date` and optional `onReport` (render a Report button when provided).
Add stories in `stories/AlertBanner.stories.tsx` for the existing `AlertBanner` component.
Rename the `formatRating` helper in `src/utils/formatRating.ts` to `formatStars` and update all usages. This is a pure rename; no behavior change.
Show me all the `ReviewCard` states we have in Storybook.
What props does the `ReviewCard` component accept, and how do I use it?
Change the accent color token in `src/theme/colors.ts` from blue (`#2563eb`) to violet (`#7c3aed`). It is shared styling infrastructure used across our components.
Run the story tests for the Button component and fix any issues you find.
Run the Storybook story tests for the Button component and fix any accessibility issues you find.
We just added Storybook to this project, but there are no stories yet. Write stories for the existing `Button` component (`src/components/Button.tsx`).
Create a `Callout` component in the `@acme/ui` package (`packages/ui/src/components/Callout.tsx`) with `info`, `warning`, and `error` variants and a `children` prop, following the package's existing c...
Set up Storybook for this project so I can develop and preview the components in `src/components` in isolation.
Upgrade Storybook in this project to the latest version.
Upgrade Storybook in this project to the latest version.
Build an accessible `ToggleSwitch` component with `label`, `checked`, `onChange`, and optional `disabled` props, exported from `src/components/ToggleSwitch.tsx`.
Create an accessible `ToggleSwitch` component with props `label: string`, `checked?: boolean`, `onChange?: (checked: boolean) => void`, and `disabled?: boolean`, exported from `src/components/ToggleSw...
Also add Storybook stories in `stories/ToggleSwitch.stories.tsx` that cover on, off, and disabled states.
Build a `ProfileCard` with avatar (or initials), name, title, optional tags, and action buttons. Export default from `src/components/ProfileCard.tsx`.
Create a `ProfileCard` composed of avatar, name, title, optional tags, and action buttons, exported from `src/components/ProfileCard.tsx`. Requirements: - Support `name`, `title`, `avatarUrl?`, `tags...
Also add Storybook stories in `stories/ProfileCard.stories.tsx` covering: avatar provided, avatar missing (initials), with tags, and with actions.