Cards & Controls
RecommendationCard
Presents an AI recommendation with a confidence meter, alternatives list with comparative bars, and accept / reject / modify action buttons.
Preview:1280px
Switch to GPT-4o-mini for batch jobs
87%
Based on your usage pattern, 73% of your API calls are classification tasks under 512 tokens. GPT-4o-mini would reduce cost by ~60% with <2% quality regression.
Keep GPT-4o
52%
Use Claude Haiku
78%
Fine-tune a smaller model
41%
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | - | Short recommendation heading. |
| description | string | - | Supporting explanation. |
| confidence | number | - | Confidence score 0-100 shown as a segmented bar. |
| alternatives | Alternative[] | [] | Alternative options with their own confidence scores. |
| onAccept | () => void | - | Fired when Accept is clicked. |
| onReject | () => void | - | Fired when Reject is clicked. |
| onModify | () => void | - | Fired when Modify is clicked. |