A - accessibility
- on-accent-warm text token (For Sale badge, flags) and darker Sunset/Ocean
colors to meet WCAG AA contrast
- 44px touch targets for Herd and Shows filters on phones
- status badge on non-active Herd grid cards; drop redundant View Herd
B - consistency
- FormControls (Field, FieldGroup, Input, Select, Textarea, FileInput,
Segmented) used by every form, with labels wired to their inputs
- ConfirmDialog + useConfirm replace window.confirm and hand-built modals
- ErrorPanel with Try Again for failed lists; LoadError built on it
C - layout
- ActionMenu: rabbit header is Edit, Status, More
- Herd folds Status/Sort/view behind a Filters button on phones
- Dashboard status counts as a compact second row
- Shows list as stacked cards below xl
- SVG timeline icons instead of emoji
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Litters split into Expecting/Kindled; Record Kindle generates kits (farm
and breed filled in), and kindle-date/parent edits move existing kits
- Litter detail: Record Kindle/Add Kit, Edit, Delete; due/wean projections
- Rabbit detail: section cards, status select, show results from events
- Edit Rabbit: re-link sire/dam (grandparents come from parents' records)
- Herd search matches ear number and color; quick search shows status
- Settings split into shared Rabbitry and per-user Preferences
- Shared LoadError, Button `to` prop, responsive read-only pedigree
- Genetics hidden from nav for now
- Parent autocomplete popup stacks above the action bar and drops up
when there's no room below
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Mobile bottom nav: icons, 56px targets, safe-area padding, and a
"More" menu so Genetics/Shows/Settings are reachable on phones
- Sticky sidebar, max-width content column, min-w-0 so wide children
(pedigree tree, tables) scroll in place instead of widening the page
- PageHeader owns no gutter and stacks actions on small screens; pages
share one flex/gap structure and a consistent loading header
- 16px inputs on mobile to stop iOS focus zoom; disabled button styling
- Remove placeholder "0 litters / 0 kits" on rabbit cards, duplicate
name on Rabbit Detail; proper Genetics placeholder and 404 pages
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
fireshaper