# Factory Floor Supervisor Console

<Card title="Factory Overview">
  <Badge tone="info">Live</Badge> | <Badge tone="success">All lines running</Badge>
</Card>

<Columns>
  <Card title="Overall Equipment Effectiveness">
    <Stat label="OEE" value="78.3%" icon="chart-line" />
    <Progress value="78.3" max="100" label="Target: 85%" tone="warning" />
  </Card>
  
  <Card title="Units Produced vs Target">
    <Stat label="Today" value="2,847" note="/ 3,200 target" icon="package" />
    <Progress value="88.97" max="100" label="88.97% of target" tone="info" />
  </Card>
  
  <Card title="Energy Use Today">
    <Stat label="kWh" value="12,450" icon="lightning" />
    <Badge tone="warning">+4% vs yesterday</Badge>
  </Card>
</Columns>

<Card title="Production Lines">
  <Tabs>
    <Tab title="All Lines">
      | Line | Rate (units/hr) | Status | 
      |---|---|---|
      | Line A | 142 | <Badge tone="success">Running</Badge> |
      | Line B | 128 | <Badge tone="success">Running</Badge> |
      | Line C | 0 | <Badge tone="danger">Stopped</Badge> |
      | Line D | 98 | <Badge tone="warning">Reduced speed</Badge> |
      | Line E | 156 | <Badge tone="success">Running</Badge> |
      <Button ask="Show me Line A in detail">Focus on Line A</Button>
      <Button ask="Show me Line B in detail">Focus on Line B</Button>
      <Button ask="Show me Line C in detail">Focus on Line C</Button>
      <Button ask="Show me Line D in detail">Focus on Line D</Button>
      <Button ask="Show me Line E in detail">Focus on Line E</Button>
    </Tab>
    <Tab title="Line A">
      <Stat label="Rate" value="142 units/hr" icon="speedometer" />
      <Stat label="Today's output" value="1,136" note="Target: 1,280" />
      <Stat label="Status" value="Running" />
      <Stat label="Operator" value="Maria Chen" />
      <Button ask="Show me all lines again">Back to all lines</Button>
    </Tab>
    <Tab title="Line B">
      <Stat label="Rate" value="128 units/hr" icon="speedometer" />
      <Stat label="Today's output" value="1,024" note="Target: 1,280" />
      <Stat label="Status" value="Running" />
      <Stat label="Operator" value="James Park" />
      <Button ask="Show me all lines again">Back to all lines</Button>
    </Tab>
    <Tab title="Line C">
      <Stat label="Rate" value="0 units/hr" icon="speedometer" />
      <Stat label="Today's output" value="512" note="Target: 1,280" />
      <Stat label="Status" value="Stopped" />
      <Badge tone="danger">Downtime: 2h 15m</Badge>
      <Button ask="Show me all lines again">Back to all lines</Button>
    </Tab>
    <Tab title="Line D">
      <Stat label="Rate" value="98 units/hr" icon="speedometer" />
      <Stat label="Today's output" value="784" note="Target: 1,280" />
      <Stat label="Status" value="Reduced speed" />
      <Badge tone="warning">Issue: Conveyor belt</Badge>
      <Button ask="Show me all lines again">Back to all lines</Button>
    </Tab>
    <Tab title="Line E">
      <Stat label="Rate" value="156 units/hr" icon="speedometer" />
      <Stat label="Today's output" value="1,248" note="Target: 1,280" />
      <Stat label="Status" value="Running" />
      <Stat label="Operator" value="David Kim" />
      <Button ask="Show me all lines again">Back to all lines</Button>
    </Tab>
  </Tabs>
</Card>

<Columns>
  <Card title="Defect Rate - Past Month">
    <Chart type="line" x="Week" y="Defect Rate (%)">
      | Week | Defect Rate |
      |---|---|
      | W1 | 2.1 |
      | W2 | 1.8 |
      | W3 | 2.4 |
      | W4 | 1.9 |
    </Chart>
    <Badge tone="success">Target: < 2.5%</Badge>
  </Card>
  
  <Card title="Downtime by Cause">
    <Chart type="pie" title="This week">
      | Cause | Hours |
      |---|---|
      | Machine failure | 8.5 |
      | Material shortage | 4.2 |
      | Changeover | 3.1 |
      | Operator break | 2.0 |
      | Quality issue | 1.5 |
    </Chart>
  </Card>
</Columns>

<Columns>
  <Card title="Machines Due for Maintenance">
    | Machine | Due Date | Priority |
    |---|---|---|
    | Press #3 | Today | <Badge tone="danger">Overdue</Badge> |
    | Conveyor B | Tomorrow | <Badge tone="warning">Due soon</Badge> |
    | Robot arm #1 | In 3 days | <Badge tone="info">Scheduled</Badge> |
    | Oven #2 | In 5 days | <Badge tone="info">Scheduled</Badge> |
    <Button ask="Schedule maintenance for Press #3">Schedule Press #3</Button>
    <Button ask="Schedule maintenance for Conveyor B">Schedule Conveyor B</Button>
  </Card>
  
  <Card title="Stock Levels">
    | Material | Current | Min | Status |
    |---|---|---|---|
    | Steel | 12,400 kg | 5,000 kg | <Badge tone="success">OK</Badge> |
    | Resin | 1,800 kg | 2,000 kg | <Badge tone="danger">Low</Badge> |
    | Packaging | 8,500 units | 3,000 units | <Badge tone="success">OK</Badge> |
  </Card>
</Columns>

<Columns>
  <Card title="Supplier Deliveries This Week">
    | Supplier | Material | Due | Status |
    |---|---|---|---|
    | Acme Steel | Steel coil | Today | <Badge tone="success">Delivered</Badge> |
    | ChemCorp | Resin | Tomorrow | <Badge tone="warning">In transit</Badge> |
    | PackPro | Boxes | Thursday | <Badge tone="info">Confirmed</Badge> |
    | MetalWorks | Steel rods | Friday | <Badge tone="info">Confirmed</Badge> |
  </Card>
  
  <Card title="Shift Output Comparison">
    <Chart type="bar" x="Shift" y="Units">
      | Shift | Mon | Tue | Wed | Thu | Fri |
      |---|---|---|---|---|---|
      | Morning | 2,800 | 2,900 | 3,100 | 2,950 | 2,850 |
      | Afternoon | 2,600 | 2,700 | 2,800 | 2,750 | 2,650 |
      | Night | 2,200 | 2,300 | 2,400 | 2,350 | 2,250 |
    </Chart>
  </Card>
</Columns>

<Columns>
  <Card title="Safety Incidents This Year">
    <Stat label="Total incidents" value="3" icon="warning-circle" />
    <Stat label="Days since last" value="127" icon="calendar" />
    <Badge tone="success">Improving trend</Badge>
    <Details title="Incident log">
      - Jan 15: Minor cut (Line B) - 1 day lost
      - Mar 3: Slip in warehouse - 0 days lost
      - May 22: Chemical spill (contained) - 0 days lost
    </Details>
  </Card>
  
  <Card title="Batches on Quality Hold">
    | Batch ID | Product | Line | Reason | Since |
    |---|---|---|---|---|
    | B-4821 | Valve assembly | C | Dimensional check | 2h ago |
    | B-4823 | Gasket set | D | Material variance | 1h ago |
    <Button ask="Release batch B-4821 from hold">Release B-4821</Button>
    <Button ask="Release batch B-4823 from hold">Release B-4823</Button>
  </Card>
</Columns>

<Card title="Open Work Orders">
  | Order ID | Product | Qty | Due | Priority |
  |---|---|---|---|---|
  | WO-1245 | Valve assembly | 500 | Today | <Badge tone="danger">Critical</Badge> |
  | WO-1246 | Gasket set | 1,200 | Tomorrow | <Badge tone="warning">High</Badge> |
  | WO-1247 | Pressure gauge | 300 | In 3 days | <Badge tone="info">Medium</Badge> |
  | WO-1248 | Pipe fitting | 800 | In 5 days | <Badge tone="neutral">Low</Badge> |
  | WO-1249 | Seal ring | 2,000 | In 7 days | <Badge tone="neutral">Low</Badge> |
  <Button ask="Show details for WO-1245">View WO-1245</Button>
  <Button ask="Show details for WO-1246">View WO-1246</Button>
</Card>

<Card title="Schedule Maintenance">
  <Form name="schedule-maintenance">
    <Select label="Machine" options="Press #3 | Conveyor B | Robot arm #1 | Oven #2 | Line A | Line B | Line C | Line D | Line E" placeholder="Select machine" required />
    <Date label="Date" required />
    <Select label="Priority" options="Low | Medium | High | Critical" placeholder="Select priority" />
    <TextArea label="Notes" placeholder="Describe the maintenance task" />
    <Button>Schedule Maintenance</Button>
  </Form>
</Card>

<Card title="Live Andon Alerts">
  <Callout tone="danger" title="Line C Stopped">
    Machine failure detected. Maintenance team notified. ETA: 45 min
  </Callout>
  <Callout tone="warning" title="Line D Reduced Speed">
    Conveyor belt issue. Technician dispatched. ETA: 20 min
  </Callout>
  <Callout tone="info" title="Resin Stock Low">
    Reorder triggered. Supplier: ChemCorp. Delivery expected tomorrow.
  </Callout>
</Card>

<Card title="Actions">
  <Columns>
    <Button variant="primary" ask="Export shift report for today">Export Shift Report</Button>
    <Button variant="secondary" ask="Show me the maintenance dashboard">Maintenance Dashboard</Button>
    <Button variant="secondary" ask="Show me the quality dashboard">Quality Dashboard</Button>
  </Columns>
</Card>

<FollowUps>
- Show me the detailed OEE breakdown
- What's the root cause of Line C downtime?
- Which products have the highest defect rate?
- Show me the energy usage trend
- Schedule a maintenance review meeting
</FollowUps>