// Auto screen — Gridome Hour v2 aesthetic.
// EVCC loadpoint layout logic, fully reskinned.
// Sources: ocpp_server.py, ev_scheduler.py, charge_plans.py, state.ev_status
// OCPP writes can go live per-control — all locked for now, unlock per-button.
// ── EV state per scenario ─────────────────────────────────────────────────
const EV_LIVE = {
midday: {
ocppStatus: 'Available', chargeKw: 0, sessionKwh: 0, sessionMin: 0,
soc: 62, socLimit: 80, range: 280, solar: 0, avgPriceGr: 0, sessionZl: 0,
profile: null,
},
evening: {
ocppStatus: 'SuspendedEVSE', chargeKw: 0, sessionKwh: 0, sessionMin: 12,
soc: 54, socLimit: 80, range: 243, solar: 0, avgPriceGr: 0, sessionZl: 0,
profile: 'auto.profile.waiting',
},
overnight: {
ocppStatus: 'Charging', chargeKw: 7.0, sessionKwh: 12.4, sessionMin: 106,
soc: 71, socLimit: 80, range: 320, solar: 0, avgPriceGr: 29, sessionZl: 3.60,
profile: 'auto.profile.charging',
},
morning: {
ocppStatus: 'Finishing', chargeKw: 0, sessionKwh: 18.2, sessionMin: 274,
soc: 80, socLimit: 80, range: 360, solar: 12, avgPriceGr: 31, sessionZl: 5.64,
profile: 'auto.profile.done',
},
};
const OCPP_LABEL = {
Available: { key: 'auto.status.available', color: null },
Preparing: { key: 'auto.status.available', color: null },
Charging: { key: 'auto.status.charging', color: 'blue' },
SuspendedEVSE:{ key: 'auto.status.suspended', color: 'amber' },
SuspendedEV: { key: 'auto.status.suspended', color: 'amber' },
Finishing: { key: 'auto.status.finishing', color: 'green' },
};
// Weekday charge plan stub (from charge_plans.py repeating plans)
const WEEKLY_PLAN = [
{ dayKey: 0, window: [1, 6], active: true },
{ dayKey: 1, window: [1, 6], active: true },
{ dayKey: 2, window: [2, 5], active: true },
{ dayKey: 3, window: [1, 6], active: true },
{ dayKey: 4, window: [1, 5], active: true },
{ dayKey: 5, window: [0, 0], active: false },
{ dayKey: 6, window: [0, 0], active: false },
];
// Smart Charging profile: 24h amp curve (stub from OCPP TxDefaultProfile)
function buildChargingCurve(scenario) {
const s = SCENARIOS[scenario];
return Array.from({ length: 24 }, (_, h) => {
const absH = (Math.floor(s.hour) + h) % 24;
if (scenario === 'overnight' && absH >= 1 && absH <= 6) return 32; // full 32A
if (scenario === 'overnight' && absH === 0) return 16; // ramp up
if (scenario === 'evening' && absH >= 23) return 32; // scheduled
return 0;
});
}
// Dynamic load balancing (whole-house load breakdown)
function buildLoadBalance(s) {
const circuit = 25 * 230 * 3 / 1000; // 25A 3-phase = 17.25 kW
const evLoad = Math.abs(s.ev) || 0;
const homeLoad = s.home;
const battLoad = s.battery < 0 ? -s.battery : 0;
const other = Math.max(0, circuit - evLoad - homeLoad - battLoad - 2);
const headroom = Math.max(0, circuit - evLoad - homeLoad - battLoad);
return { circuit, evLoad, homeLoad, battLoad, other, headroom };
}
// ── Main component ─────────────────────────────────────────────────────────
function V2Auto({ s }) {
const { t } = useLocale();
const ev = EV_LIVE[s.key];
const status = OCPP_LABEL[ev.ocppStatus];
const statusLabel = t(status.key);
const statusColor = status.color ? T[status.color] : T.textMuted;
const isCharging = ev.ocppStatus === 'Charging';
const isDone = ev.ocppStatus === 'Finishing';
const isConnected = ev.ocppStatus !== 'Available';
const liveKw = useLiveJitter(ev.chargeKw, 0.025);
const curve = buildChargingCurve(s.key);
const lb = buildLoadBalance(s);
// ETA calc: remaining kWh ÷ charge rate
const remainKwh = ((ev.socLimit - ev.soc) / 100 * 77).toFixed(1); // 77 kWh capacity Enyaq
const etaMin = ev.chargeKw > 0 ? Math.round((parseFloat(remainKwh) / ev.chargeKw) * 60) : 0;
const etaStr = etaMin > 0
? `${String(Math.floor((Math.floor(s.hour) + Math.floor(etaMin/60)) % 24)).padStart(2,'0')}:${String(etaMin%60).padStart(2,'0')}`
: null;
// Croissant
const rangeKm = Math.round((ev.sessionKwh / 77) * 570); // 570km WLTP
const kmFood = rangeKm > 0
? `🚗 ≈ ${rangeKm} km zasięgu, koszt ${ev.sessionZl.toFixed(2)} zł`
: null;
return (
{/* Row 1: hero + vehicle */}
{/* Hero card */}
{statusLabel}
EO EM301 · OCPP 1.6 · WSS
{isCharging ? (
{liveKw.toFixed(1)}
kW
) : (
{statusLabel}
)}
{/* Session stats strip */}
{isConnected && (
{etaStr
?
:
}
0 ? ev.avgPriceGr : '—'} unit={ev.avgPriceGr > 0 ? "gr/kWh" : ""} color={T.textMuted}/>
)}
{/* Croissant */}
{kmFood && (
{t('auto.croissant', { kwh: ev.sessionKwh.toFixed(1), km: rangeKm, cost: ev.sessionZl.toFixed(2) })}
)}
{/* Vehicle card */}
Škoda Enyaq iV 80
77 kWh · WLTP 570 km
{/* SOC display */}
{ev.soc}
%
→ limit {ev.socLimit}%
{/* SOC bar */}
0Limit {ev.socLimit}%100
{/* Range + cost */}
{t('auto.range')}
{ev.range} km
{t('auto.sessionCost')}
{ev.sessionZl > 0 ? `${ev.sessionZl.toFixed(2)}` : '—'} zł
{ev.profile && (
{t(ev.profile) || ev.profile}
)}
{/* Row 2: Smart Charging curve + load balance */}
{t('auto.smartTitle')}
TxDefaultProfile · 32A max
{t('auto.now')}
{[6,12,18,23].map(h => {String((Math.floor(s.hour)+h)%24).padStart(2,'0')}:00)}
{t('auto.profileDesc')}
{t('auto.loadBalanceTitle')}
Headroom do{' '}
{lb.headroom.toFixed(1)} kW
{' '}— {t('auto.headroomNote')} {' '}
headroom ≤ 1.4 kW.
{/* Row 3: Weekly charge plan */}
{t('auto.weeklyTitle')}
{t('auto.readOnlyBadge')}
{curve.map((amps, i) => {
const h = amps > 0 ? 8 + (amps / 32) * 50 : 4;
const isNow = i === nowIdx;
const active = amps > 0;
return (
);
})}
{segs.map((seg, i) => (
{seg.val >= 1 && !seg.muted ? `${seg.val.toFixed(1)}` : ''}
))}
{segs.map((seg, i) => (
{seg.label} · {seg.val.toFixed(1)} kW
))}
);
}
function headroomColor(headroom, circuit) {
const ratio = headroom / circuit;
if (ratio > 0.3) return T.green;
if (ratio > 0.15) return T.amber;
return T.red;
}
// ── Weekly charge plan strip ──────────────────────────────────────────────
function WeeklyPlanStrip({ plan }) {
const { t } = useLocale();
const totalH = 24;
return (
{plan.map((day, i) => {
const [start, end] = day.window;
const height = day.active ? Math.max(4, ((end - start) / 8) * 80) : 0;
const topPct = day.active ? (start / totalH) * 100 : 0;
return (
{day.active && (
)}
{/* midnight line */}
{t('auto.day.' + day.dayKey)}
{day.active && (
{String(start).padStart(2,'0')}–{String(end).padStart(2,'0')}h
)}
);
})}
{label}
{value}
{unit && {unit}}
);
}
Object.assign(window, {
V2Auto, AutoStat, ChargingProfileCurve, LoadBalanceBar, WeeklyPlanStrip,
headroomColor, EV_LIVE, OCPP_LABEL, WEEKLY_PLAN, buildChargingCurve, buildLoadBalance,
});