Commit
Add coverage category tooltips
commit
b4bf99a
1 changed file with +17 and −1
modified client/src/components/CoveragePanel.tsx +17 −1
| @@ -16,11 +16,27 @@const LABELS: Record<CategoryId, string> = { | ||
| 16 | 16 | verification: 'Verification', |
| 17 | 17 | } |
| 18 | 18 | |
| 19 | +const DESCRIPTIONS: Record<CategoryId, string> = { | |
| 20 | + goal: 'What you are building and why', | |
| 21 | + users: 'Who it is for', | |
| 22 | + 'core-flow': 'The main path through the product', | |
| 23 | + data: 'What is stored and where', | |
| 24 | + integrations: 'External services and APIs', | |
| 25 | + 'edge-cases': 'Failure modes and odd inputs', | |
| 26 | + constraints: 'Stack, platform, and performance limits', | |
| 27 | + 'non-goals': 'What is explicitly out of scope', | |
| 28 | + verification: 'How you will know it works', | |
| 29 | +} | |
| 30 | + | |
| 19 | 31 | export function CoveragePanel({ coverage }: CoveragePanelProps) { |
| 20 | 32 | return ( |
| 21 | 33 | <ul className="coverage-panel"> |
| 22 | 34 | {CATEGORY_IDS.map((category) => ( |
| 23 | - <li key={category} className={`coverage-item coverage-${coverage[category]}`}> | |
| 35 | + <li | |
| 36 | + key={category} | |
| 37 | + className={`coverage-item coverage-${coverage[category]}`} | |
| 38 | + title={`${DESCRIPTIONS[category]} (${coverage[category]})`} | |
| 39 | + > | |
| 24 | 40 | <span className="coverage-dot" aria-hidden="true" /> |
| 25 | 41 | {LABELS[category]} |
| 26 | 42 | </li> |