Summary
Clean up the dashboard page by removing local MetricCard/SpendCard/StatusBadge definitions and replacing with unified components from #97 and #98.
Current Defect
- Local MetricCard in dashboard/page.tsx is a more complex version of components/metric-card.tsx — two conflicting implementations
- Local SpendCard has 3 color variants (slate/cyan/emerald) but isn't a shared component
- Local StatusBadge uses
rounded-full border — inconsistent with Badge component's rounded-md no-border
- Cards use hardcoded colors (
border-slate-800, bg-slate-950/80) instead of semantic tokens
- No breadcrumbs
Solution
Files to Modify
- Modify:
apps/platform/app/projects/[projectId]/dashboard/page.tsx
Acceptance Criteria
Depends on #95, #96, #97, #98
Part of #dashboard-ui-modernization
Summary
Clean up the dashboard page by removing local MetricCard/SpendCard/StatusBadge definitions and replacing with unified components from #97 and #98.
Current Defect
rounded-full border— inconsistent with Badge component'srounded-mdno-borderborder-slate-800,bg-slate-950/80) instead of semantic tokensSolution
border-border,bg-card,text-card-foregroundFiles to Modify
apps/platform/app/projects/[projectId]/dashboard/page.tsxAcceptance Criteria
Depends on #95, #96, #97, #98
Part of #dashboard-ui-modernization