code quality

apps/website/components/dashboard/DashboardKpiRow.tsx

@@ -8,25 +8,28 @@ interface KpiItem {
  
 interface DashboardKpiRowProps {
   items: KpiItem[];
+  'data-testid'?: string;
 }
  
 /**
  * DashboardKpiRow
- * 
+ *
  * A horizontal row of key performance indicators with telemetry styling.
  */
-export function DashboardKpiRow({ items }: DashboardKpiRowProps) {
+export function DashboardKpiRow({ items, 'data-testid': testId }: DashboardKpiRowProps) {
   return (
     <StatGrid
       variant="card"
       cardVariant="dark"
       font="mono"
       columns={{ base: 2, md: 3, lg: 6 }}
-      stats={items.map(item => ({
+      stats={items.map((item, index) => ({
         label: item.label,
         value: item.value,
-        intent: item.intent as any
+        intent: item.intent as any,
+        'data-testid': `stat-${item.label.toLowerCase()}`
       }))}
+      data-testid={testId}
     />
   );
 }

apps/website/components/dashboard/RecentActivityTable.tsx

@@ -43,8 +43,8 @@ export function RecentActivityTable({ items }: RecentActivityTableProps) {
       </TableHead>
       <TableBody>
         {items.map((item) => (
-          <TableRow key={item.id}>
-            <TableCell>
+          <TableRow key={item.id} data-testid={`activity-item-${item.id}`}>
+            <TableCell data-testid="activity-race-result-link">
               <Text font="mono" variant="telemetry" size="xs">{item.type}</Text>
             </TableCell>
             <TableCell>

apps/website/components/dashboard/TelemetryPanel.tsx

@@ -5,16 +5,17 @@ import React from 'react';
 interface TelemetryPanelProps {
   title: string;
   children: React.ReactNode;
+  'data-testid'?: string;
 }
 
 /**
  * TelemetryPanel
- * 
+ *
  * A dense, instrument-grade panel for displaying data and controls.
  */
-export function TelemetryPanel({ title, children }: TelemetryPanelProps) {
+export function TelemetryPanel({ title, children, 'data-testid': testId }: TelemetryPanelProps) {
   return (
-    <Panel title={title} variant="dark" padding={4}>
+    <Panel title={title} variant="dark" padding={4} data-testid={testId}>
       <Text size="sm" variant="med">
         {children}
       </Text>