<Card title="Overall Equipment Effectiveness">
<Stat label="OEE" value="85%" change="+" tone="success" />
</Card>

<Card title="Units Produced vs Today's Target">
<Stat label="Units Produced" value="12,450" change="+" tone="success" />
<Stat label="Target" value="12,000" tone="neutral" />
</Card>

<Card title="Production Lines">
<Details title="Production Lines" open=true>
Line A – Rate: 150 units/hr – Status: Running  
Line B – Rate: 130 units/hr – Status: Running  
Line C – Rate: 180 units/hr – Status: Paused  
Line D – Rate: 110 units/hr – Status: Running
</Details>
</Card>

<Card title="Defect Rate (30‑day)">
<Stat label="Defect Rate" value="2.3%" tone="warning" />
</Card>

<Card title="Downtime by Cause">
<Chart type="pie" title="Downtime by Cause" x="Cause" y="Hours">
| Cause | Hours |
|---|---|
| Mechanical | 120 |
| Electrical | 45 |
| Material | 30 |
| Other | 15 |
</Chart>
</Card>

<Card title="Machines Due for Maintenance">
<Details title="Machines Due" open=true>
Machine 5 – Due 2025-10-02  
Machine 12 – Due 2025-10-05  
Machine 8 – Due 2025-10-09
</Details>
</Card>

<Card title="Inventory Stock">
<Stat label="Steel" value="1,200 tons" tone="info" />
<Stat label="Resin" value="500 tons" tone="info" />
<Stat label="Packaging" value="800 units" tone="info" />
</Card>

<Card title="Supplier Deliveries This Week">
<Details title="Deliveries" open=true>
Acme Steel – 2025-10-01 – 1,200 tons  
Beta Resin – 2025-10-03 – 500 tons  
Gamma Packaging – 2025-10-04 – 800 units
</Details>
</Card>

<Card title="Shift Output Comparison">
<Chart type="bar" title="Shift Output Comparison" x="Shift" y="Units">
| Shift | Units |
|---|---|
| Shift 1 | 3,200 |
| Shift 2 | 2,850 |
| Shift 3 | 3,500 |
| Shift 4 | 3,100 |
</Chart>
</Card>

<Card title="Safety Incidents">
<Stat label="Incidents YTD" value="4" tone="danger" />
<Stat label="Days Since Last Incident" value="45" tone="danger" />
</Card>

<Card title="Quality Hold Batches">
<Stat label="Batches on Hold" value="7" tone="warning" />
</Card>

<Card title="Energy Use Today">
<Stat label="Energy Consumption" value="2,350 kWh" tone="info" />
</Card>

<Card title="Open Work Orders">
<Details title="Open Work Orders" open=true>
WO-101 – Priority: High – Machine: Press A – Due: 2025-09-30  
WO-108 – Priority: Medium – Machine: Conveyor 2 – Due: 2025-10-05  
WO-115 – Priority: Low – Machine: Paint Line – Due: 2025-10-10
</Details>
</Card>

<Card title="Schedule Maintenance">
<Form name="maintenance-schedule">
<Input label="Machine" placeholder="Enter machine ID" />
<Date label="Date" placeholder="Select date" />
<Button variant="primary" label="Schedule" />
</Form>
</Card>

<Card title="Focus on One Line">
<Select label="Select Line" options="Line A | Line B | Line C" />
</Card>

<Card title="Live Andon Alerts">
<Callout tone="warning" title="Live Andon Alerts">
Machine 5 – Overheat – Immediate action required.
</Callout>
</Card>

<Card title="Export Shift Report">
<Button variant="primary" label="Export Shift Report" />
</Card>