feat: F006 supply dashboard — KPI grid, strong matches, data quality, future signals, review tasks

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-15 16:08:49 +02:00
parent c65e565dc7
commit 46acca9e62
15 changed files with 833 additions and 280 deletions
@@ -0,0 +1,40 @@
+import { Card, CardContent, Chip, Typography } from '@mui/material'
+import type { KpiCardData } from '../../domain/dashboard'
+
+interface KpiCardProps {
+  card: KpiCardData
+}
+
+export function KpiCard({ card }: KpiCardProps) {
+  const trendColor =
+    card.trend === 'up' ? 'success' : card.trend === 'down' ? 'error' : 'default'
+
+  return (
+    <Card
+      sx={{
+        borderTop: card.accent ? `4px solid ${card.accent}` : '4px solid transparent',
+        height: '100%',
+      }}
+    >
+      <CardContent sx={{ p: 2.5 }}>
+        <Typography
+          variant="overline"
+          sx={{ color: 'text.secondary', lineHeight: 1.4, display: 'block' }}
+        >
+          {card.label}
+        </Typography>
+        <Typography variant="h4" sx={{ fontWeight: 700, mt: 0.5, mb: 0.5 }}>
+          {card.value}
+        </Typography>
+        {card.trendLabel && (
+          <Chip
+            label={card.trendLabel}
+            size="small"
+            color={trendColor as 'success' | 'error' | 'default'}
+            sx={{ mt: 0.5 }}
+          />
+        )}
+      </CardContent>
+    </Card>
+  )
+}