Construya la próxima versión de ChronoSoft

ROL: Actúas como diseñador de producto de software industrial. La pantalla que vas a construir la mira un jefe de producción de una planta de alimentos balanceados, de pie, desde un computador en piso de planta, a un metro de distancia.

INSTRUCCIÓN: Construye una sola pantalla, sin navegación ni menús todavía, que muestre el estado de los baches de producción del turno.

INPUT: Usa estos datos de ejemplo quemados en el código por ahora. Cada fila es el consumo de un material dentro de un bache:
2026-08-17 | Turno 1 | OP-2026-08-1108 | bache 1 | NA-3410 | Maiz amarillo | objetivo 1250,0 kg | real 1248,4 kg
2026-08-17 | Turno 1 | OP-2026-08-1108 | bache 1 | NA-3410 | Torta de soya | objetivo 620,0 kg | real 621,1 kg
2026-08-17 | Turno 1 | OP-2026-08-1108 | bache 1 | NA-3410 | Premezcla vitaminica | objetivo 12,5 kg | real 12,9 kg
2026-08-17 | Turno 1 | OP-2026-08-1108 | bache 2 | NA-3410 | Maiz amarillo | objetivo 1250,0 kg | real 1251,7 kg
2026-08-17 | Turno 1 | OP-2026-08-1108 | bache 2 | NA-3410 | Premezcla vitaminica | objetivo 12,5 kg | real 13,4 kg
2026-08-17 | Turno 3 | OP-2026-08-1110 | bache 1 | NA-3410 | Premezcla vitaminica | objetivo 12,5 kg | real 13,7 kg
2026-08-18 | Turno 2 | OP-2026-08-1141 | bache 2 | PC-2100 | Premezcla vitaminica | objetivo 9,8 kg | real 10,9 kg

OUTPUT: Tema oscuro, alto contraste, tipografía grande y legible a un metro de distancia. Arriba, cuatro indicadores grandes: total de baches, kilos producidos, desviación promedio y cuántos materiales quedaron fuera de tolerancia. Debajo, una tabla con todas las filas y una columna calculada de desviación en porcentaje con dos decimales. Cada fila lleva un semáforo de color: verde si la desviación absoluta es menor a 1%, amarillo entre 1% y 5%, rojo por encima de 5%. Ordena la tabla de mayor a menor desviación. Sin emojis. Sin datos inventados: usa solo las filas que te di.

INSTRUCCIÓN: Habilita la base de datos del proyecto y mueve los datos de la pantalla a una tabla real.
Crea una tabla llamada consumos con estos campos: fecha, turno, orden_produccion, bache, formula, material, consumo_objetivo_kg, consumo_real_kg y operario. La desviación no se guarda: se calcula.
Migra a esa tabla las filas que hoy están quemadas en el código y haz que la pantalla las lea desde la base de datos.
Agrega un formulario para registrar un consumo nuevo, con validación de que los kilos sean números positivos.

OUTPUT: Conserva exactamente el diseño, los colores, los filtros y la tarjeta de alerta que ya funcionan. El formulario debe abrirse en un panel lateral, no en una página aparte.

INSTRUCCIÓN: Agrega en cada fila de la tabla un botón "Explicar desviación". Al pulsarlo, abre un panel lateral con un diagnóstico generado por IA.

INPUT: Al modelo envíale únicamente los últimos diez registros de ese mismo material y esa misma fórmula, con sus fechas, turnos, objetivos y reales.

OUTPUT: El panel muestra tres bloques: 1) qué está pasando, en dos frases; 2) tres hipótesis de causa raíz ordenadas de más a menos probable, cada una con la evidencia concreta de los datos que la sustenta; 3) qué revisar primero en planta.

Reglas para el modelo: solo puede usar los datos que le enviamos. No puede inventar valores, equipos, normas ni nombres. Si los datos no alcanzan para concluir, tiene que decir explícitamente "los datos disponibles no permiten concluir la causa" en lugar de proponer una.