v0.3.0 — Tariff ribbon redesign, mobile-first

A hero that matches what the system actually does

The dashboard led with live wattage. For a setup that buys cheap at night and uses it by day, the most important live fact is what power costs right now and where that sits in the day — so Live now opens with the rate and a 24-hour tariff ribbon: the day as proportional price bands with a live marker.

Colour carries information instead of decorating — the tariff ramp runs teal (cheap) → indigo → amber → red (peak), kept strictly separate from the power-flow colours. Type is instrument-panel: tabular monospace figures, letterspaced labels. No web fonts, no build step.

Mobile first

Fluid type, a sticky scrollable tab bar with 44px touch targets, 2-up grids widening to 4-up at 620px, tables that scroll inside their card rather than pushing the page sideways, visible keyboard focus, and prefers-reduced-motion respected.

The remaining sensors are wired

Grid export, whole-house and backup-load consumption, lifetime battery totals, month/year figures — presented as a proper Today / Yesterday / Lifetime energy table. Lifetime grid figures now use the CT meter's 2-decimal readings rather than the inverter's whole-kWh integers. New chart: battery charged vs discharged over 30 days, where the gap is round-trip loss.

Requires re-copying the package

sensor.current_tariff_period gains an hours attribute publishing the tariff schedule, which the ribbon draws from. Without it the ribbon renders empty. Generating it in HA rather than hardcoding boundaries in JS keeps the schedule in one place.