React Doctor pass: a11y labels, Fast Refresh boundaries, stable keys, SVG precision (100/100)

[Sam Gammon (sgammon)]

Summary

Full React Doctor triage of @elide/ui — fixes all 14 findings across 4 rules, taking the health score to 100/100 (No issues found!). Also lands the React Doctor CI workflow, a root bun run doctor script, and the local agent triage skill. The public API of @elide/ui is unchanged — the barrel re-exports everything from its new locations.

Each fix follows the canonical recipe fetched from react.doctor for its rule, and every commit builds green on its own:

• fix(a11y) — the changelog/install anchors passed to Button render={...} are empty in source (their text merges in at runtime), so assistive tooling sees unlabeled links. Each now carries an aria-label bound to the same i18n message as its visible text, so the accessible name can't drift from what's on screen. (×3 sites)
• refactor(ui) — files exporting both a component and something else (cva variants, hooks) break Vite Fast Refresh, wiping component state on every edit. The four cva style objects moved to sibling *-variants.ts files; useTheme/useMessages moved next to their contexts (theme-context.ts, i18n/context.ts). (×6 files)
• fix(ui) — array-index keys reattach state/DOM to the wrong rows if a list reorders or filters. Breadcrumbs key by href ?? label, stats by label; code lines and support-matrix rows (where content can legitimately repeat) key via a new keyed() helper: content + occurrence counter. (×4 lists)
• perf(ui) — the Elide mark shipped Illustrator-export 6-decimal coordinates in a ~103-unit viewBox drawn 23px tall; all 352 numbers rounded to 2 decimals (~halves the inline path data) with separator-safe handling so no coordinates merge.

Test plan

• npx react-doctor@latest --verbose → No issues found, 100/100 (was 14 issues)
• tsc --noEmit clean
• vitest — 74/74 tests pass
• eslint src clean
• tsup package build succeeds
• Eyeball ElideMark in Storybook/Chromatic to confirm the rounded paths render pixel-identical

🤖 Generated with Claude Code

[github-actions]

React Doctor found no new issues. 🎉

_{Reviewed by React Doctor for commit da13f1b.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 83.61%. Comparing base (29161cc) to head (da13f1b).
⚠️ Report is 1 commits behind head on main.
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main       #4      +/-   ##
==========================================
- Coverage   84.85%   83.61%   -1.25%     
==========================================
  Files          32       38       +6     
  Lines         601      659      +58     
  Branches      230      254      +24     
==========================================
+ Hits          510      551      +41     
- Misses         91      108      +17     

Flag	Coverage Δ
ui-browser	83.61% <100.00%> (-1.25%)	⬇️
ui-unit	83.61% <100.00%> (-1.25%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines	Coverage Δ
packages/ui/src/components/ai-actions.tsx	100.00% <ø> (ø)
packages/ui/src/components/app-nav.tsx	100.00% <ø> (ø)
packages/ui/src/components/badge-variants.ts	100.00% <100.00%> (ø)
packages/ui/src/components/badge.tsx	100.00% <ø> (ø)
packages/ui/src/components/breadcrumbs.tsx	92.85% <100.00%> (+0.54%)	⬆️
packages/ui/src/components/button-variants.ts	100.00% <100.00%> (ø)
packages/ui/src/components/button.tsx	100.00% <ø> (ø)
packages/ui/src/components/code-block.tsx	92.15% <100.00%> (+0.15%)	⬆️
packages/ui/src/components/elide-logo.tsx	100.00% <ø> (ø)
packages/ui/src/components/mobile-nav.tsx	91.17% <100.00%> (ø)
... and 12 more

... and 2 files with indirect coverage changes

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.