Complete guide for the SEM dashboard — a 7-tab glassmorphism interface with animated system diagram, real-time energy flows, cost tracking, and environmental impact.
- Quick Start
- Dashboard Tabs
- Required HACS Cards
- Bundled SEM Cards
- Visual Style
- Multi-Language Support
- Troubleshooting
The dashboard is generated automatically on first install. If you need to regenerate it:
- Go to Developer Tools > Services
- Search for
solar_energy_management.generate_dashboard - Click Call Service
- The dashboard appears in the sidebar — hard-refresh your browser (Ctrl+Shift+R)
The main at-a-glance view with real-time power flows.
| Card | Description |
|---|---|
| Status Chips | Solar power, battery SOC, autarky rate, EV status, optimization score |
| System Diagram | Illustrated SVG with detailed component drawings (solar panels, house, battery, grid pole, EV charger), K-Flow-inspired spark flow animations, time-based sun arc, clickable nodes, individual device list (desktop) |
| Solar Summary | Production metrics with animated glow ring, yield, forecast, self-use, costs, savings |
| 7-Day Chart | Bar chart showing daily solar, home, and grid import over the last week |
| Smart Recommendation | AI-powered energy tip based on forecast, pricing, and current conditions |
| Peak Load + Energy Tip | Current 15-min peak vs limit, actionable energy tip |
| Quick Controls | Smart Night Charging and observer mode toggles |
| EV Status | Conditional — shows charging state, current, power, session progress when EV is connected |
| Weather | Live clock, temperature, weather conditions, 5-day forecast with temperature bars |
Deep dive into energy production, consumption, and environmental impact.
| Card | Description |
|---|---|
| Sankey Diagram | Energy flow visualization from sources to destinations |
| Self-Consumption + Autarky | Gauge cards showing percentage rates |
| Energy Distribution | Donut chart breaking down today's energy by category |
| 24h Power Curves | Detailed power graph with solar, home, grid, battery over 24 hours |
| Solar Today vs Yesterday | Side-by-side comparison chart |
| Carbon Avoided | Daily CO2 savings from self-consumed solar (128g/kWh Swiss grid) |
| Trees Saved | Yearly trees equivalent with growing icon (sprout > tree > pine > forest) |
| Self-Consumption Trend | 30-day line chart of self-consumption and autarky rates |
| Solar Forecast | Today + tomorrow forecast with percentage comparison |
| 30-Day Energy | Monthly bar chart of daily solar and consumption |
Battery state and configuration.
| Card | Description |
|---|---|
| SOC Gauge | Radial gauge showing current battery state of charge |
| Power Status | Current charge/discharge power and daily energy totals |
| 24h Battery Chart | Charge/discharge power + SOC line over 24 hours |
| SOC Zone Config | Sliders for priority, buffer, auto-start, and assist floor SOC levels |
EV charging session tracking and statistics.
| Card | Description |
|---|---|
| Charging Status | Current mode, power, session energy, solar share |
| Session Gauges | Daily energy vs target, solar share percentage |
| Charging Power Chart | 24h EV power curve |
| Charging Settings | Charge target range (Min ↔ Max), Overnight grid charging, Cheapest hours (tariff), Charge by deadline picker, Set as default |
| EV Intelligence | Taper trend visualization, virtual SOC estimate, charge skip status & reasoning, battery health indicator |
| Lifetime Statistics | Total energy, cost, sessions, solar share over all time |
The Charge Target panel renders differently based on which controls are enabled. Three common configurations:
| Default — solar-first with grid fallback | Tariff-optimized — defer to cheap hours | Pure solar — overnight grid off |
|---|---|---|
 |
 |
 |
| Overnight grid charging ON, Cheapest hours OFF. Standard peak-managed night top-up to hit Min by 07:00. | Overnight grid charging ON, Cheapest hours ON. Defers night charging to the cheapest contiguous window in the upcoming 24h; Min still guaranteed by the deadline. | Overnight grid charging OFF. Solar-only — never pulls grid for the EV. The Cheapest hours sub-row is hidden because tariff timing is a refinement of grid charging. |
For the full decision matrix (mode × time-of-day × switches × outcomes), see EV_CHARGING_LOGIC.md.
All settings and device management in one place.
| Card | Description |
|---|---|
| EV Charging | Night charging toggle, smart night charging, target, current settings |
| Surplus Control | Surplus available indicator, regulation offset |
| Battery Management | Priority/minimum/resume SOC, capacity |
| Heat Pump & Hot Water | Boost offset, hot water max temperature |
| Solar & Power | Min solar power, max grid import |
| Tariff & Pricing | Current rates, cheap/expensive thresholds |
| Load Priority | Drag-and-drop device ordering with real-time power, controllable/critical toggles, per-device control mode (Off / Peak Only / Surplus), and a per-device Configure button (see below). EV chargers have no mode dropdown here — their charge target is set in the Charge Target block on the EV card |
| Peak & Load Management | Target peak limit, peak margin, sheddable devices |
| Observer Mode | Read-only toggle for safe monitoring |
When SEM can't auto-detect how to control a load (e.g. a Shelly Pro3EM meter whose relay lives on a separate device), use the Configure button on the Load Priority card to map it manually. The dialog pre-fills with the current mapping and supports all four control methods SEM can shed/restore:
| Control type | Use for | What you pick |
|---|---|---|
| Switch | on/off appliances, smart plugs | the switch.* entity |
| Number entity | chargers with a current/amperage number (Wallbox, go-eCharger, …) | the number.* / input_number.* entity (set to 0 to reduce) |
| Input boolean | automation-triggered loads | the input_boolean.* entity |
| Service call | service-driven chargers (KEBA, Easee) | the service (e.g. keba.set_current), parameter, and reduce/restore values |
Entity types use a searchable entity picker filtered to the right domain. Reset to auto-detect removes a manual mapping and reverts the device to auto-discovery (for an auto-discoverable device this re-populates the same entity; to stop SEM controlling a device entirely, set its control mode to Off).
Financial tracking with daily, monthly, and yearly KPIs.
| Card | Description |
|---|---|
| Today / This Month | Side-by-side cost, revenue, net cost, savings chips |
| This Year | Yearly costs, revenue, savings cards |
| Period Selector | Today, yesterday, this week, this month, this year buttons |
| Cost Chart | Import costs, export revenue, net cost over selected period |
| Savings Chart | Solar savings + battery savings over selected period |
| EV Economics | Cost per kWh, cost per 100km, solar share |
| Demand Charge | Monthly peak, power charge cost, demand rate |
| Tariff Rates | Current import/export rates, price level |
Diagnostics and health monitoring.
| Card | Description |
|---|---|
| Sensor Status | Availability of solar, grid, battery, EV sensors |
| Charging State | Current charging mode and strategy |
| Mode Status | Night/solar/battery priority status |
| Configuration | All current settings at a glance |
| Peak Management | Current peak, monthly peak, trend |
| Load Management | Active devices, switchable device count (only counts currently ON devices), shedding status |
| System Info | Version, grid mode (translated), battery capacity, update interval, configured charger count, unavailable sensors |
Install these via HACS > Frontend before the dashboard will render:
| Card | HACS Repository | Purpose |
|---|---|---|
mushroom |
piitaya/lovelace-mushroom |
Chips, entity, template, number, title cards (~96 uses) |
card-mod |
thomasloven/lovelace-card-mod |
Glass card styling via *glass_card anchor. Missing = blank tabs. |
apexcharts-card |
RomRider/apexcharts-card |
All trend, power, and cost charts |
sankey-chart |
MindFreeze/sankey-chart |
Energy flow diagram on Energy tab |
fold-entity-row |
thomasloven/lovelace-fold-entity-row |
Collapsible "Welcome to SEM" intro |
4 required HACS cards (mushroom, card-mod, apexcharts-card, sankey-chart) + 1 optional (fold-entity-row).
These ship with the integration — no HACS installation needed:
| Card | Purpose |
|---|---|
sem-flow-card |
Animated SVG power flow with daily energy, autarky gauge, visual config editor, tap actions, up to 6 individual devices |
sem-system-diagram-card |
Illustrated SVG energy system diagram with detailed component drawings, animated spark flows, time-based sun arc, clickable nodes, responsive layouts |
sem-solar-summary-card |
Solar production metrics with animated glow ring and forecast |
sem-weather-card |
Live clock, weather conditions, colored temperature forecast bars |
sem-chart-card |
Chart.js-powered charts with 6 presets (costs, savings, energy, power, battery, EV) |
sem-period-selector-card |
Date range picker controlling all chart cards |
sem-load-priority-card |
Drag-and-drop device priority with real-time power display, touch support |
Resource URLs include ?v={version} for automatic cache busting.
SEM includes a built-in illustrated system diagram on the Home tab. Users who prefer the K-Flow card can switch via config options:
| Option | diagram_style value |
Description |
|---|---|---|
| SEM Diagram (default) | sem |
Illustrated SVG with solar panels, house, battery, grid pole, EV charger, animated flows, sun arc |
| K-Flow Card | kflow |
Third-party K-Flow card (must be installed via HACS) with PV string details, cell temps, BMS data |
To switch: Settings → Integrations → SEM → Configure → set diagram_style to kflow. The dashboard will regenerate with the K-Flow card on the Home tab.
These HACS cards are no longer required:
| Removed | Replaced by |
|---|---|
power-flow-card-plus |
sem-flow-card (was sem-system-diagram-card) |
mini-graph-card |
apexcharts-card |
solar-card |
sem-solar-summary-card |
clock-weather-card |
sem-weather-card |
bar-card |
Native HA gauge card |
bubble-card |
Removed |
button-card |
Replaced by mushroom |
The dashboard uses a unified glassmorphism dark theme with dot grid backgrounds, radial gradients, and glow effects:
ha-card {
background:
radial-gradient(ellipse 70% 60% at 50% 40%, rgba(200,220,240,0.07) 0%, transparent 100%),
radial-gradient(circle at 2px 2px, rgba(128,128,128,0.06) 0.7px, transparent 0.7px);
background-size: 100% 100%, 50px 50px;
backdrop-filter: blur(18px) saturate(160%);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px;
box-shadow: 0 4px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.06);
font-family: 'Segoe UI','Roboto',sans-serif;
}| Entity | Color | Hex |
|---|---|---|
| Solar | Orange | #ff9800 |
| Grid Import | Steel Blue | #488fc2 |
| Grid Export | Purple | #8353d1 |
| Battery Charge | Pink | #f06292 |
| Battery Discharge | Teal | #4db6ac |
| Home | Cyan | #5BC8D8 |
| EV | Soft Green | #8DC892 |
SEM supports 15 languages: Czech, Danish, German, English, Spanish, Finnish, French, Hungarian, Italian, Dutch, Norwegian, Polish, Portuguese, Romanian, and Swedish.
Home Assistant has two independent language settings. SEM uses both:
| Setting | Where to change | What it affects in the dashboard |
|---|---|---|
| System language | Settings → General → Language | Mushroom card titles and labels, section headers, chart titles from ApexCharts/Sankey, all static YAML-based text |
| User profile language | Your profile → Language | SEM custom cards: flow card, chart card, battery card, EV status, period selector, solar summary, weather card |
- Same language for everyone: If the system language is German, all mushroom cards, chart labels, and static text appear in German for every user.
- Per-user SEM cards: If one user sets their profile to English and another to French, the SEM flow card, chart card, and other SEM cards will show each user's chosen language.
- Mixed-language scenario: System = German, user profile = English → mushroom cards show German, SEM cards show English. This is by design, not a bug.
For all text to appear in the same language:
- Set the system language to your desired language (Settings → General)
- Set every user's profile language to the same language
- Call
solar_energy_management.generate_dashboardto regenerate the dashboard with the new system language - Hard-refresh the browser (Ctrl+Shift+R)
No HA restart needed. As of v1.5.16,
generate_dashboardpushes the new config through Home Assistant's own Lovelace store — the running dashboard reloads live as soon as the service call returns. Older muscle memory ("regenerate, then restart HA") no longer applies; a hard-refresh is enough.
| Action | What changes |
|---|---|
| Change system language + regenerate dashboard | Mushroom cards, chart labels, section headers, tab names (reloads live, no HA restart) |
| Change user profile language | SEM custom cards update immediately (no regeneration needed) |
Add new translations to translations.json |
Must regenerate sem-localize.js + redeploy + regenerate dashboard (hard-refresh after — browser-cached sem-localize.js) |
- Call
solar_energy_management.generate_dashboardfrom Developer Tools > Services - Hard-refresh your browser (Ctrl+Shift+R)
A required HACS card is missing. Check the browser console for the card name, install it via HACS, and hard-refresh.
Missing card-mod — the *glass_card styling anchor requires it. Install via HACS.
The dashboard references SEM sensors that may not exist yet. Wait for the first coordinator cycle (10 seconds after restart) and refresh.
SEM includes ?v={version} cache busting on all card URLs. If cards still show old behavior, hard-refresh (Ctrl+Shift+R) to force reload.
This is expected if your system language and user profile language differ. See Multi-Language Support above. To fix: set both to the same language and regenerate the dashboard.
You must regenerate the dashboard after changing the system language. Go to Developer Tools > Services > solar_energy_management.generate_dashboard and call the service, then hard-refresh. The regenerated dashboard takes effect immediately — no HA restart needed (v1.5.16+).