/* global React, ReactDOM */ const { useEffect, useState } = React; const DEMO_CREDENTIALS = { email: "diego@cinfra.cl", password: "cinfra2025" }; function LoginModal({ onClose, onSuccess }) { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [error, setError] = useState(""); const [loading, setLoading] = useState(false); const submit = (e) => { e.preventDefault(); setLoading(true); setTimeout(() => { if (email === DEMO_CREDENTIALS.email && password === DEMO_CREDENTIALS.password) { onSuccess(); } else { setError("Credenciales incorrectas."); setLoading(false); } }, 600); }; useEffect(() => { const onKey = (e) => { if (e.key === "Escape") onClose(); }; window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, []); return (
e.stopPropagation()} style={{ position: "relative", background: "var(--paper)", borderRadius: 16, padding: "48px 44px", width: "100%", maxWidth: 420, boxShadow: "0 32px 80px rgba(22,58,67,0.22)", }}>
Portal Empresa

Sign In

{error && (
{error}
)}
); } const PROJECTS = [ { name: "Rinconada", jefeProyecto: "Osvaldo Barrueto", region: "Biobío", tipo: "Eólico", mw: "260,4 MW", status: "Near-RTB", pct: 55, alert: true, kpis: [ { label: "Capacidad", value: "260,4 MW" }, { label: "Producción P50", value: "848,2 GWh/año" }, { label: "Factor planta", value: "37,2%" }, { label: "Contrato total", value: "$26,25M" }, { label: "Pagado", value: "~$3,97M" }, { label: "Precio/MW", value: "$105K USD" }, ], tecnologia: "42 × Vestas V162-6.2 MW · Hub 145 m", produccion: "848,2 GWh/año P50", factorPlanta: "37,2%", cronograma: [ { hito: "RCA", fecha: "Jul 2025", done: false }, { hito: "RTB", fecha: "Dic 2026", done: false }, { hito: "Concesión eléctrica", fecha: "Ene 2027", done: false }, { hito: "COD", fecha: "Ene 2029", done: false }, ], contrato: "$105K USD/MW · Total $26,25M · Pagado ~$3,97M", territorio: "13/14 contratos parque · LTAT 7/17 predios — rezagada", alertaTexto: "Fehaciencia SEN pendiente — cuello de botella. AES ejerció put option; negociaciones activas sobre titularidad.", }, { name: "Entre Cerros", jefeProyecto: "Osvaldo Barrueto", region: "Ñuble", tipo: "Eólico", mw: "72 MW", status: "RTB Full ✓", pct: 75, alert: true, kpis: [ { label: "Capacidad", value: "72 MW" }, { label: "Producción P50", value: "195,5 GWh/año" }, { label: "Factor planta", value: "31,0%" }, { label: "Contrato total", value: "$6,97M" }, { label: "Pagado", value: "$3,38M" }, { label: "Predios LTAT", value: "30/30 ✓" }, ], tecnologia: "10 × Goldwind GW170-7.2 MW · Hub 105 m", produccion: "195,5 GWh/año P50", factorPlanta: "31,0%", cronograma: [ { hito: "RCA", fecha: "Ago 2022", done: true }, { hito: "Conexión", fecha: "Ago 2023", done: true }, { hito: "Concesión", fecha: "Oct 2024", done: true }, { hito: "RTB", fecha: "Dic 2025", done: true }, { hito: "COD", fecha: "Dic 2027", done: false }, ], contrato: "Precio fijo $6,97M · Pagado $3,38M", territorio: "30/30 predios LTAT asegurados — cartera más completa", alertaTexto: "ENGIE ejerció put option; negociaciones en curso — mismo patrón que Rinconada.", }, { name: "Vientos del Pacífico", jefeProyecto: "Christian Pichard", region: "Biobío", tipo: "Eólico", mw: "100 MW", status: "Permisos completos", pct: 30, alert: false, kpis: [ { label: "Capacidad", value: "100 MW" }, { label: "Producción P50", value: "~395–401 GWh/año" }, { label: "Factor planta", value: "31,8%" }, { label: "Contrato total", value: "$7,92M" }, { label: "Pagado", value: "$792K" }, { label: "Predios LTAT", value: "0/18" }, ], tecnologia: "17 × Vestas V162-6.2 MW · Hub 160 m", produccion: "~395–401 GWh/año P50", factorPlanta: "31,8%", cronograma: [ { hito: "Concesión", fecha: "Mar 2022", done: true }, { hito: "RCA", fecha: "Jul 2023", done: true }, { hito: "Conexión", fecha: "Nov 2023", done: true }, { hito: "RTB", fecha: "Ago 2027", done: false }, { hito: "COD", fecha: "Oct 2029", done: false }, ], contrato: "$80K USD/MW · Total $7,92M · Pagado $792K", territorio: "LTAT 0/18 predios — servidumbres completamente pendientes. Baja urgencia.", alertaTexto: null, }, { name: "Pilcomayo (Uribe Solar)", jefeProyecto: "Christian Pichard", region: "Antofagasta", tipo: "Solar FV", mw: "57,6 MWp", status: "Operacional — en venta", pct: 90, alert: true, kpis: [ { label: "Capacidad", value: "57,6 MWp" }, { label: "Producción 2024", value: "~146 GWh" }, { label: "Factor planta", value: "~29%" }, { label: "Deuda total", value: "~USD 60M" }, { label: "Equity (dic-2024)", value: "-$9,85M" }, { label: "Curtailment actual", value: "~16%" }, ], tecnologia: "185.880 módulos Trina 310Wp · 296 trackers · BESS I: 2,5 MW / 4,2 MWh", produccion: "~146 GWh/año (2024)", factorPlanta: "~29% (ajustado curtailment)", cronograma: [ { hito: "COD", fecha: "2017", done: true }, { hito: "BESS Fase I", fecha: "Operativa", done: true }, { hito: "BESS Fase II", fecha: "Pendiente ($30,4M)", done: false }, { hito: "Cierre venta", fecha: "En curso", done: false }, ], contrato: "Deuda: ~USD 60M (50% B. Security / 50% B. Consorcio) · Equity: -$9,85M (dic-2024)", territorio: "Curtailment: 27% peak 2024 → ~16% actual → <10% proyectado (línea Kimal–Lo Aguirre)", alertaTexto: "Asset en distress financiero. Ingresos caídos de $8M (2021) a $1,8M (2024). Compra implica asumir deuda $60M + financiar BESS II. Due diligence profundo requerido.", }, ]; function StatusBadge({ status, alert }) { return ( {alert && } {status} ); } function ProjectCard({ p, onSelect }) { const [hover, setHover] = useState(false); return ( ); } function ProjectPage({ p, onBack }) { return (
{/* Top bar */}
CINFRA | Portal Empresa
{/* Project header */}
{p.tipo} · {p.region}

{p.name}

{p.jefeProyecto.split(" ").map(w => w[0]).join("").slice(0, 2)}
Project Manager
{p.jefeProyecto}
{/* Alert */} {p.alertaTexto && (
⚠ Alerta crítica {p.alertaTexto}
)} {/* KPI grid */}
{p.kpis.map(k => (
{k.label}
{k.value}
))}
{/* Main content: milestones + details */}
{/* Milestones timeline */}
Hitos
{/* vertical line */}
{p.cronograma.map((c, i) => (
{c.hito} {c.fecha}
))}
{/* Details */}
{/* Tecnología */}
Tecnología

{p.tecnologia}

{/* Contrato */}
Contrato

{p.contrato}

{/* Territorio */}
Territorio

{p.territorio}

); } function Row({ label, value }) { return (
{label}
{value}
); } function Dashboard({ onSignOut }) { const [selected, setSelected] = useState(null); if (selected) return setSelected(null)} />; const stats = [ { label: "Proyectos cartera", value: "4" }, { label: "Capacidad total", value: "490 MW" }, { label: "Producción P50", value: "~1.587 GWh" }, { label: "Alertas activas", value: "3" }, ]; return (
{/* Top bar */}
CINFRA | Portal Empresa
diego@cinfra.cl
Bienvenido

Dashboard

{/* Stats */}
{stats.map(s => (
{s.label}
{s.value}
))}
{/* Project fichas */}
Portafolio de Proyectos
{PROJECTS.map(p => )}
); } function App() { const [tweaks, setTweaks] = useState(window.__TWEAKS); // reveal observer useEffect(() => { const els = document.querySelectorAll(".reveal, .split-word"); const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add("in"); io.unobserve(e.target); } }); }, { threshold: 0.12, rootMargin: "0px 0px -40px 0px" }); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }); // texture body class useEffect(() => { document.body.classList.toggle("grain", tweaks.texture === "grain"); document.body.classList.toggle("paper", tweaks.texture === "paper"); }, [tweaks.texture]); // --- Tweak bridge --- useEffect(() => { const onMsg = (e) => { if (!e.data || typeof e.data !== "object") return; if (e.data.type === "__activate_edit_mode") setEdit(true); if (e.data.type === "__deactivate_edit_mode") setEdit(false); }; window.addEventListener("message", onMsg); window.parent.postMessage({ type: "__edit_mode_available" }, "*"); return () => window.removeEventListener("message", onMsg); }, []); const [edit, setEdit] = useState(false); const [showLogin, setShowLogin] = useState(false); const [authed, setAuthed] = useState(false); const update = (patch) => { const next = { ...tweaks, ...patch }; setTweaks(next); window.parent.postMessage({ type: "__edit_mode_set_keys", edits: patch }, "*"); }; if (authed) return setAuthed(false)} />; return ( <>