# Factory Floor Supervisor Console

<Card title="Live Andon Alerts" subtitle="Real-time floor notifications">
<Callout tone="danger" title="Line 3 — Emergency Stop">Conveyor jam at Station 4. Maintenance dispatched. 2 min ago</Callout>
<Callout tone="warning" title="Line 1 — Quality Check">Defect rate spike: 4.2% (threshold 3%). Inspector en route. 5 min ago</Callout>
<Callout tone="info" title="Line 2 — Material Low">Resin hopper at 18%. Refill requested. 8 min ago</Callout>
<Callout tone="success" title="Line 4 — Clear">All stations nominal. 12 min ago</Callout>
</Card>

<Columns>
<Card title="Overall Equipment Effectiveness (OEE)">
<Stat label="OEE" value="87.3%" change="+2.1% vs yesterday" tone="success" icon="chart-line" />
<Stat label="Availability" value="92.1%" change="+0.8%" tone="info" />
<Stat label="Performance" value="94.7%" change="+1.2%" tone="info" />
<Stat label="Quality" value="99.8%" change="-0.1%" tone="warning" />
</Card>

<Card title="Units Produced vs Target (Today)">
<Progress value="8470" max="10000" label="8,470 / 10,000 units (84.7%)" tone="info" />
<Stat label="Current Rate" value="1,120 units/hr" change="Target: 1,250/hr" tone="warning" />
<Stat label="Projected EOD" value="9,850 units" change="-150 vs target" tone="warning" />
</Card>
</Columns>

<Card title="Production Lines — Rate & Status">
<Tabs>
<Tab title="All Lines">
| Line | Status | Current Rate (units/hr) | Target | OEE | Active Alarms |
|---|---|---|---|---|---|
| Line 1 | <Badge tone="success">Running</Badge> | 1,180 | 1,250 | 89.2% | 1 Quality |
| Line 2 | <Badge tone="success">Running</Badge> | 1,050 | 1,100 | 91.5% | 0 |
| Line 3 | <Badge tone="danger">Stopped</Badge> | 0 | 1,200 | 78.4% | 2 Critical |
| Line 4 | <Badge tone="success">Running</Badge> | 1,220 | 1,200 | 93.1% | 0 |
| Line 5 | <Badge tone="warning">Changeover</Badge> | 0 | 1,150 | 85.0% | 0 |
</Tab>
<Tab title="Line 1 Focus">
<Stat label="Line 1 OEE" value="89.2%" change="+3.4% vs last week" tone="success" />
<Stat label="Current Rate" value="1,180 units/hr" change="-70 vs target" tone="warning" />
<Stat label="Units This Shift" value="8,260" change="Target: 9,000" tone="info" />
<Stat label="Defect Rate (Shift)" value="2.8%" change="+0.3% vs yesterday" tone="warning" />
<Callout tone="warning" title="Active Issue">Quality check triggered at Station 3 — dimensional variance on Batch #L1-20250115-047</Callout>
</Tab>
<Tab title="Line 2 Focus">
<Stat label="Line 2 OEE" value="91.5%" change="+1.8% vs last week" tone="success" />
<Stat label="Current Rate" value="1,050 units/hr" change="-50 vs target" tone="warning" />
<Stat label="Units This Shift" value="7,350" change="Target: 7,700" tone="info" />
<Stat label="Defect Rate (Shift)" value="1.9%" change="-0.2% vs yesterday" tone="success" />
</Tab>
<Tab title="Line 3 Focus">
<Stat label="Line 3 OEE" value="78.4%" change="-5.2% vs last week" tone="danger" />
<Stat label="Current Rate" value="0 units/hr" change="Emergency stop active" tone="danger" />
<Stat label="Units This Shift" value="4,120" change="Target: 8,400" tone="danger" />
<Stat label="Defect Rate (Shift)" value="5.1%" change="+2.1% vs yesterday" tone="danger" />
<Callout tone="danger" title="Emergency Stop">Conveyor jam at Station 4. Maintenance on site. ETA to restart: 15 min.</Callout>
</Tab>
<Tab title="Line 4 Focus">
<Stat label="Line 4 OEE" value="93.1%" change="+2.7% vs last week" tone="success" />
<Stat label="Current Rate" value="1,220 units/hr" change="+20 vs target" tone="success" />
<Stat label="Units This Shift" value="8,540" change="Target: 8,400" tone="success" />
<Stat label="Defect Rate (Shift)" value="1.2%" change="-0.1% vs yesterday" tone="success" />
</Tab>
<Tab title="Line 5 Focus">
<Stat label="Line 5 OEE" value="85.0%" change="-1.3% vs last week" tone="warning" />
<Stat label="Current Rate" value="0 units/hr" change="Changeover in progress" tone="warning" />
<Stat label="Units This Shift" value="5,890" change="Target: 8,050" tone="warning" />
<Stat label="Defect Rate (Shift)" value="2.4%" change="= vs yesterday" tone="info" />
<Callout tone="info" title="Changeover">Model B → Model C. Estimated completion: 14:30.</Callout>
</Tab>
</Tabs>
</Card>

<Columns>
<Card title="Defect Rate — Past 30 Days">
<Chart type="line" x="Date" y="Defect Rate %">
| Date | Defect Rate % |
|---|---|
| 2025-01-01 | 2.1 |
| 2025-01-02 | 2.3 |
| 2025-01-03 | 2.0 |
| 2025-01-04 | 2.4 |
| 2025-01-05 | 2.2 |
| 2025-01-06 | 2.5 |
| 2025-01-07 | 2.3 |
| 2025-01-08 | 2.1 |
| 2025-01-09 | 2.6 |
| 2025-01-10 | 2.4 |
| 2025-01-11 | 2.2 |
| 2025-01-12 | 2.3 |
| 2025-01-13 | 2.7 |
| 2025-01-14 | 2.5 |
| 2025-01-15 | 2.8 |
</Chart>
</Card>

<Card title="Downtime Split by Cause (This Month)">
<Chart type="donut" x="Cause" y="Hours">
| Cause | Hours |
|---|---|
| Mechanical Failure | 42.5 |
| Changeover | 28.0 |
| Material Shortage | 18.5 |
| Quality Hold | 12.0 |
| Planned Maintenance | 8.5 |
| Operator Break | 6.0 |
| Power/Utility | 4.5 |
</Chart>
</Card>
</Columns>

<Columns>
<Card title="Machines Due for Maintenance">
| Machine | Line | Due Date | Type | Hours Since Last | Priority |
|---|---|---|---|---|---|
| CNC-03 | Line 1 | 2025-01-16 | Preventive | 498 | <Badge tone="danger">Overdue</Badge> |
| Injection-07 | Line 2 | 2025-01-18 | Preventive | 485 | <Badge tone="warning">Due Soon</Badge> |
| Press-12 | Line 3 | 2025-01-20 | Predictive | 512 | <Badge tone="danger">Overdue</Badge> |
| Conveyor-04 | Line 3 | 2025-01-17 | Corrective | — | <Badge tone="danger">Critical</Badge> |
| Packager-09 | Line 4 | 2025-01-22 | Preventive | 472 | <Badge tone="info">Scheduled</Badge> |
| Robot-02 | Line 5 | 2025-01-25 | Preventive | 460 | <Badge tone="info">Scheduled</Badge> |
</Card>

<Card title="Raw Material Stock">
<Stat label="Steel Coil" value="18.4 tonnes" change="Reorder at 10t" tone="success" icon="cube" />
<Stat label="Resin Pellets" value="4.2 tonnes" change="Reorder at 5t — <Badge tone="warning">Low</Badge>" tone="warning" icon="droplet" />
<Stat label="Packaging Film" value="1,850 rolls" change="Reorder at 500" tone="success" icon="package" />
<Stat label="Corrugate Boxes" value="24,000 units" change="Reorder at 5,000" tone="success" icon="box" />
</Card>
</Columns>

<Columns>
<Card title="Supplier Deliveries Due This Week">
| Supplier | Material | Qty | Due Date | Status | PO # |
|---|---|---|---|---|---|
| Apex Metals | Steel Coil (Grade 50) | 25 tonnes | 2025-01-16 | <Badge tone="info">In Transit</Badge> | PO-2025-0412 |
| PolySource | Resin PP-Homopolymer | 10 tonnes | 2025-01-17 | <Badge tone="info">Confirmed</Badge> | PO-2025-0418 |
| PackRight Films | Stretch Film 20µm | 2,000 rolls | 2025-01-18 | <Badge tone="warning">Delayed 1 day</Badge> | PO-2025-0425 |
| BoxCo | RSC Boxes 24x18x12 | 30,000 units | 2025-01-20 | <Badge tone="info">Confirmed</Badge> | PO-2025-0430 |
| LubriTech | Hydraulic Oil ISO 46 | 500 L | 2025-01-21 | <Badge tone="info">Confirmed</Badge> | PO-2025-0435 |
</Card>

<Card title="Shift Output Comparison (This Week)">
<Chart type="bar" x="Shift" y="Units Produced">
| Shift | Mon | Tue | Wed | Thu | Fri |
|---|---|---|---|---|---|
| Shift A (06-14) | 9,200 | 9,450 | 9,100 | 9,380 | 9,520 |
| Shift B (14-22) | 8,800 | 8,950 | 8,720 | 9,010 | 9,150 |
| Shift C (22-06) | 7,600 | 7,850 | 7,400 | 7,920 | 8,050 |
</Chart>
</Card>
</Columns>

<Columns>
<Card title="Safety Tracker">
<Stat label="Incidents This Year" value="3" change="Target: 0" tone="danger" icon="shield-warning" />
<Stat label="Days Since Last Incident" value="47 days" change="Last: 2024-11-28" tone="success" icon="calendar" />
<Stat label="Near Misses (YTD)" value="12" change="-3 vs last year" tone="info" icon="flag" />
<Stat label="LTIFR" value="0.82" change="Industry avg: 1.2" tone="success" icon="chart-line" />
</Card>

<Card title="Batches on Quality Hold">
| Batch ID | Line | Product | Qty | Hold Reason | Since | Status |
|---|---|---|---|---|---|---|
| L1-20250115-047 | Line 1 | Widget-A Pro | 1,200 | Dimensional variance | 2025-01-15 10:22 | <Badge tone="warning">Under Review</Badge> |
| L3-20250114-089 | Line 3 | Gadget-B Std | 850 | Surface finish defect | 2025-01-14 16:45 | <Badge tone="danger">Rework Required</Badge> |
| L2-20250115-033 | Line 2 | Widget-A Lite | 2,100 | Weight out of spec | 2025-01-15 08:10 | <Badge tone="info">Awaiting Lab</Badge> |
| L4-20250113-112 | Line 4 | Gadget-C Max | 500 | Label misprint | 2025-01-13 14:30 | <Badge tone="success">Released</Badge> |
</Card>
</Columns>

<Columns>
<Card title="Energy Use Today">
<Stat label="Total Consumption" value="1,847 kWh" change="vs 1,720 kWh avg" tone="warning" icon="lightning" />
<Stat label="Current Draw" value="142 kW" change="Peak: 168 kW at 10:15" tone="info" />
<Stat label="Cost Today" value="$247.80" change="$0.134/kWh blended" tone="neutral" />
<Stat label="CO₂e" value="1,108 kg" change="0.6 kg/kWh grid factor" tone="neutral" />
<Chart type="area" x="Hour" y="kW">
| Hour | kW |
|---|---|
| 06:00 | 98 |
| 07:00 | 124 |
| 08:00 | 145 |
| 09:00 | 158 |
| 10:00 | 168 |
| 11:00 | 162 |
| 12:00 | 155 |
| 13:00 | 148 |
| 14:00 | 142 |
</Chart>
</Card>

<Card title="Open Work Orders by Priority">
| WO # | Machine | Line | Description | Priority | Assigned | Created | Status |
|---|---|---|---|---|---|---|---|
| WO-2025-0892 | Conveyor-04 | Line 3 | Emergency stop — jam clearance | <Badge tone="danger">Critical</Badge> | M. Torres | 2025-01-15 11:03 | <Badge tone="warning">In Progress</Badge> |
| WO-2025-0891 | CNC-03 | Line 1 | Spindle bearing replacement | <Badge tone="danger">High</Badge> | J. Chen | 2025-01-15 06:15 | <Badge tone="info">Queued</Badge> |
| WO-2025-0890 | Injection-07 | Line 2 | Nozzle heater band failure | <Badge tone="warning">Medium</Badge> | R. Patel | 2025-01-14 22:40 | <Badge tone="info">Parts Ordered</Badge> |
| WO-2025-0889 | Press-12 | Line 3 | Hydraulic leak — cylinder seal | <Badge tone="danger">High</Badge> | M. Torres | 2025-01-14 18:20 | <Badge tone="warning">In Progress</Badge> |
| WO-2025-0888 | Packager-09 | Line 4 | Sealing jaw alignment | <Badge tone="info">Low</Badge> | A. Kim | 2025-01-13 14:00 | <Badge tone="info">Scheduled</Badge> |
| WO-2025-0887 | Robot-02 | Line 5 | Wrist cable track replacement | <Badge tone="info">Low</Badge> | A. Kim | 2025-01-13 09:30 | <Badge tone="info">Scheduled</Badge> |
</Card>
</Columns>

<Card title="Schedule Maintenance">
<Form name="schedule-maintenance">
<Columns>
<Select label="Machine" name="machine" placeholder="Select machine" options="CNC-03 (Line 1) | Injection-07 (Line 2) | Press-12 (Line 3) | Conveyor-04 (Line 3) | Packager-09 (Line 4) | Robot-02 (Line 5) | Other" required="true" />
<Select label="Maintenance Type" name="type" placeholder="Select type" options="Preventive | Predictive | Corrective | Calibration | Inspection" required="true" />
</Columns>
<Columns>
<Date label="Scheduled Date" name="date" required="true" />
<Input label="Scheduled Time" name="time" type="time" placeholder="HH:MM" required="true" />
</Columns>
<TextArea label="Notes / Work Scope" name="notes" placeholder="Describe work to be performed, parts needed, safety permits..." rows="3" />
<Button variant="primary" label="calendar-plus">Schedule Maintenance</Button>
<Button variant="secondary">Cancel</Button>
</Form>
</Card>

<Card title="Export Shift Report">
<Columns>
<Card title="Report Options">
<Checkboxes label="Include Sections" name="sections" value="OEE | Production | Defects | Downtime | Maintenance | Safety | Energy | Work Orders" options="OEE | Production Output | Defect Analysis | Downtime Breakdown | Maintenance Schedule | Safety Summary | Energy Consumption | Open Work Orders" />
<Radio label="Format" name="format" options="PDF | Excel (CSV) | JSON" value="PDF" />
<Radio label="Shift" name="shift" options="Current Shift | Last 24 Hours | This Week | Custom Range" value="Current Shift" />
</Card>
<Card title="Actions">
<Button variant="primary" label="download" size="large">Generate & Download Report</Button>
<Button variant="secondary" label="email" size="large">Email to Distribution List</Button>
<Button variant="tertiary" size="large">Preview Report</Button>
</Card>
</Columns>
</Card>

<FollowUps>
- Show detailed OEE breakdown for Line 3
- List all overdue preventive maintenance tasks
- Generate downtime Pareto for last quarter
- View resin consumption trend vs forecast
- Check safety training compliance by shift
</FollowUps>