Ordres de fabrication

<div class="wob-layout">
  <div class="wob-kpi-row">
    <KpiCard
      label="Ordres actifs"
      value={5}
      delta={2}
      deltaFormat="absolute"
      tone="category1"
      sparkline={[3,4,4,5,5,5]}
    />
    <KpiCard
      label="Pièces produites"
      value={107}
      delta={14}
      deltaFormat="absolute"
      tone="category2"
      sparkline={[70,80,88,93,100,107]}
    />
    <KpiCard
      label="Taux de complétion"
      value={48}
      delta={-5}
      deltaFormat="absolute"
      tone="category3"
      sparkline={[60,58,55,52,50,48]}
    />
    <KpiCard
      label="Ordres en retard"
      value={1}
      delta={0}
      deltaFormat="absolute"
      tone="category4"
      sparkline={[0,1,1,2,1,1]}
    />
  </div>
  <div class="wob-filters">
    <Select
      label="Ligne"
      value="all"
      options={[{"value":"all","label":"Toutes les lignes"},{"value":"a","label":"Ligne A"},{"value":"b","label":"Ligne B"},{"value":"c","label":"Ligne C"}]}
    />
    <Select
      label="Période"
      value="week"
      options={[{"value":"today","label":"Aujourd'hui"},{"value":"week","label":"Cette semaine"},{"value":"month","label":"Ce mois"}]}
    />
    <DatePicker label="Date de début" value="2026-06-16" />
    <Button variant="secondary" size="sm">Réinitialiser</Button>
  </div>
  <div class="wob-table-section">
    <div class="wob-table-header">
      <h3 class="wob-section-title">Carnet de production</h3>
      <Badge tone="danger">1 en retard</Badge>
    </div>
    <DataGrid
      caption="Ordres de fabrication"
      columns={[{"key":"order","label":"N° OF"},{"key":"product","label":"Produit"},{"key":"line","label":"Ligne"},{"key":"qty","label":"Réalisé / Cible","align":"end"},{"key":"progress","label":"Avancement %","align":"end"},{"key":"status","label":"Statut","align":"center"},{"key":"priority","label":"Priorité","align":"center"},{"key":"due","label":"Échéance"}]}
      rows={[{"id":"OF-2026-0441","order":"OF-2026-0441","product":"Carter moteur AL-7075","line":"Ligne A","progress":78,"qty":"47 / 60","status":"En cours","priority":"Haute","due":"2026-06-21"},{"id":"OF-2026-0438","order":"OF-2026-0438","product":"Vilebrequin acier forgé","line":"Ligne B","progress":100,"qty":"20 / 20","status":"Terminé","priority":"Normale","due":"2026-06-19"},{"id":"OF-2026-0452","order":"OF-2026-0452","product":"Boîtier électronique IP67","line":"Ligne C","progress":12,"qty":"12 / 100","status":"En retard","priority":"Critique","due":"2026-06-18"},{"id":"OF-2026-0461","order":"OF-2026-0461","product":"Bras robotique soudé","line":"Ligne A","progress":0,"qty":"0 / 8","status":"Planifié","priority":"Normale","due":"2026-06-25"},{"id":"OF-2026-0455","order":"OF-2026-0455","product":"Support de transmission","line":"Ligne B","progress":80,"qty":"28 / 35","status":"En cours","priority":"Haute","due":"2026-06-22"}]}
      size="sm"
    />
  </div>
</div>