function AppSection({ active, setWorld, t }) { const tt = t.app; const [shift, setShift] = React.useState(0); React.useEffect(() => { if (!active) return; const id = setInterval(() => setShift(s => (s + 1) % 100), 80); return () => clearInterval(id); }, [active]); const lines = [ { name: "LINE A / extrusion", out: 1284, tgt: 1300, eff: 98.7 }, { name: "LINE B / assembly", out: 942, tgt: 1000, eff: 94.2 }, { name: "LINE C / packaging", out: 1160, tgt: 1100, eff: 105.4 }, { name: "LINE D / QC hold", out: 318, tgt: 400, eff: 79.5 }, ]; const team = [ { n: "Line operators", c: 34, note: "shift A+B+C", on: true }, { n: "Maintenance", c: 6, note: "on-call 24/7", on: true }, { n: "Logistics", c: 11, note: "in + out", on: true }, { n: "QC", c: 4, note: "iso 9001", on: false }, { n: "Office", c: 9, note: "admin + sales", on: true }, ]; const ticker = t.hero.ribbon.replace("AVAILABLE FOR WORK","LIVE").repeat(4); return (
{ticker}
{tt.kicker} {tt.stamp}

{tt.title_l1}
{tt.title_l2}
{tt.title_l3}

{tt.lead_a}{tt.lead_and}{tt.lead_b}

{tt.prod_live}
{lines.map(l => (
{l.name} 100 ? "#7bff9d" : "var(--accent)" }}>{l.eff}%
{l.out.toLocaleString()} / {l.tgt.toLocaleString()} {tt.units}{tt.tgt}
))}
{tt.roster_head}64 {tt.on_site}
    {team.map(x => (
  • {x.n} {x.note} {x.c}
    • ))}
{tt.roster_foot}
{tt.feat.map(([k,v]) => (

{k}.

{v}

))}
{tt.kpis.map(([b,s]) => (
{b}{s}
))}
); } window.AppSection = AppSection;