Add battery summary card and view strategy to home dashboard by Brookke · Pull Request #30372 · home-assistant/frontend

Brookke · 2026-03-26T22:24:30Z

Proposed change

Enables users to see at a glance the status of their devices batteries.

It does so by introducing a button in the summaries tab of the overview dashboard, and it introduces a battery strategy that lists all the batteries (that a user hasn't marked as hidden) grouped by area

Screenshots

Type of change

Dependency upgrade
Bugfix (non-breaking change which fixes an issue)
New feature (thank you!)
Breaking change (fix/feature causing existing functionality to break)
Code quality improvements to existing code or addition of tests

Additional information

This PR fixes or closes issue: fixes #
This PR is related to issue or discussion:
Link to documentation pull request:
Link to developer documentation pull request:
Link to backend pull request:

Checklist

I understand the code I am submitting and can explain how it works.
The code change is tested and works locally.
There is no commented out code in this PR.
I have followed the development checklist
I have followed the perfect PR recommendations
Any generated code has been carefully reviewed for correctness and compliance with project standards.

If user exposed functionality or configuration variables are added/changed:

Documentation added/updated for www.home-assistant.io

To help with the load of incoming pull requests:

I have reviewed two other open pull requests in this repository.

Brookke · 2026-03-26T22:45:25Z

src/translations/en.json

-        "count_media_playing": "{count} {count, plural,\n one {playing}\n other {playing}\n}"
+        "count_media_playing": "{count} {count, plural,\n one {playing}\n other {playing}\n}",
+        "count_batteries_low": "{count} {count, plural,\n one {low}\n other {low}\n}",
+        "all_batteries_good": "All good"


not entirely happy with this wording - open to suggestions

Brookke · 2026-03-26T22:50:07Z

src/panels/lovelace/cards/hui-home-summary-card.ts

  climate: "deep-orange",
  security: "blue-grey",
  media_players: "blue",
+  batteries: "green",


right now all these colors are static, wonder if we should consider making it possible to make them dynamic e.g. batteries red if 1 or more batteries are low

MindFreeze

I wonder if this should be a full dashboard like lights. Or part of the Energy dashboard

MindFreeze · 2026-03-27T06:48:13Z

src/panels/lovelace/strategies/home/home-battery-view-strategy.ts

+const computeBatteryTileCard = (
+  hass: HomeAssistant,
+  areaName: string,
+  entityId: string
+): TileCardConfig => {
+  const stateObj = hass.states[entityId];
+  const name = computeStateName(stateObj);
+  const strippedName = stripPrefixFromEntityName(name, areaName.toLowerCase());
+
+  return {
+    type: "tile",
+    entity: entityId,
+    name: strippedName,
+  };
+};


computeAreaTileCardConfig does this exactly. It could use this as a base instead so we don't duplicate the logic. Not a blocker but it's opportunity for improvement

We should not string the name, we should use the device name so we don't repeat battery for every name.

name: type: device

About stripping the name, there is already a discussion here.
I would prefer to not have this as a requirement for this PR. We can update this view later.

Will update this now.

Re not stripping the name are you referring to not removing the area prefix?

Pushed up your suggested change @piitaya

piitaya

Small suggestion about entity naming

piitaya · 2026-03-27T07:46:55Z

src/panels/lovelace/strategies/home/home-battery-view-strategy.ts

+const computeBatteryTileCard = (
+  hass: HomeAssistant,
+  areaName: string,
+  entityId: string
+): TileCardConfig => {
+  const stateObj = hass.states[entityId];
+  const name = computeStateName(stateObj);
+  const strippedName = stripPrefixFromEntityName(name, areaName.toLowerCase());
+
+  return {
+    type: "tile",
+    entity: entityId,
+    name: strippedName,
+  };
+};


We should not string the name, we should use the device name so we don't repeat battery for every name.

name: type: device

About stripping the name, there is already a discussion here.
I would prefer to not have this as a requirement for this PR. We can update this view later.

timmo001 · 2026-03-27T16:19:00Z

I think something like this is very much needed.

First though, I think we would need to figure out what kind of dashboard this should be, and whether it should be a subview of the home overview or a full dashboard.

I had a similar idea and made a "maintenance" dashboard which contains a batteries view based on the home overview layouts with an additional top section for batteries below a threshold.

I made it into a custom dashboard strategy instead of a branch here, mostly due to personal requirements which are unlikely to match the project in it's entirety.

This is what I have been tinkering with:

It was mostly coded by an LLM with my guidance and has way more than what we would ever probably want, hence why I made it custom in the first place.

I made a few decisions in this custom dashboard like @piitaya's review comment here which made it much nicer to look at (not repeating battery) and added features to the cards (These shouldn't go in the first PR though IMO).

There are other decisions I made here, I could probably write these up elsewhere though not to flood this PR (which I am already 😄).

The idea here though is a "Maintenance" dashboard might be something we might want to consider, instead of a subview of home. It should still link to it like the energy card does though

I don't think that this PR is a bad setup in any way though and it's a foundation we can iteratre on down the line. We could also move the subview to a full dashboard later on, like the media subview will eventually have once we figure out a solution on that.

Brookke · 2026-03-27T21:07:03Z

Hey @timmo001 thanks for taking a look!

I think something like this is very much needed.

First though, I think we would need to figure out what kind of dashboard this should be, and whether it should be a subview of the home overview or a full dashboard.

More than happy to help this evolve over time based on what home assistants long term plans/philosophy is around when to subview vs full dashboard.

I had a similar idea and made a "maintenance" dashboard which contains a batteries view based on the home overview layouts with an additional top section for batteries below a threshold.

Yes I think this is much needed. Thought I would start with just batteries since its the one I imagine most people need. I think there's other improvements we can make over time too, like a default automation/blueprint (perhaps toggle-able in this screen) to alert users when batteries are low.

This is my current dashboard for context.

I made it into a custom dashboard strategy instead of a branch here, mostly due to personal requirements which are unlikely to match the project in it's entirety.

This is what I have been tinkering with:

It was mostly coded by an LLM with my guidance and has way more than what we would ever probably want, hence why I made it custom in the first place.

I made a few decisions in this custom dashboard like @piitaya's review comment here which made it much nicer to look at (not repeating battery) and added features to the cards (These shouldn't go in the first PR though IMO).

There are other decisions I made here, I could probably write these up elsewhere though not to flood this PR (which I am already 😄).

The idea here though is a "Maintenance" dashboard might be something we might want to consider, instead of a subview of home. It should still link to it like the energy card does though

Perhaps we can open a discussion about the maintenance dashboard and discuss ideas for it, and then refactor this out of the home sub view?

I don't think that this PR is a bad setup in any way though and it's a foundation we can iteratre on down the line. We could also move the subview to a full dashboard later on, like the media subview will eventually have once we figure out a solution on that.

Add a summary for battery status and a battery strategy

30ff510

home-assistant bot added the cla-signed label Mar 26, 2026

Brookke marked this pull request as draft March 26, 2026 22:32

some cleanup around location given its a sub view and naming

b14912c

Brookke changed the title ~~Add a summary for battery status and a battery strategy~~ Add battery summary card and view strategy to home dashboard Mar 26, 2026

Brookke marked this pull request as ready for review March 26, 2026 22:42

Brookke commented Mar 26, 2026

View reviewed changes

MindFreeze reviewed Mar 27, 2026

View reviewed changes

MindFreeze added the Needs UX Items requiring a review from the Home Assistant design team label Mar 27, 2026

piitaya reviewed Mar 27, 2026

View reviewed changes

Use the device name rather than entity name

58a99bd

Brookke requested review from MindFreeze and piitaya March 27, 2026 21:11

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Add battery summary card and view strategy to home dashboard#30372

Add battery summary card and view strategy to home dashboard#30372
Brookke wants to merge 3 commits intohome-assistant:devfrom
Brookke:batteries-summary

Brookke commented Mar 26, 2026 •

edited

Loading

Uh oh!

Brookke Mar 26, 2026

Uh oh!

Brookke Mar 26, 2026

Uh oh!

MindFreeze left a comment

Uh oh!

MindFreeze Mar 27, 2026

Uh oh!

piitaya Mar 27, 2026

Uh oh!

Brookke Mar 27, 2026

Uh oh!

Brookke Mar 27, 2026

Uh oh!

piitaya left a comment

Uh oh!

piitaya Mar 27, 2026

Uh oh!

timmo001 commented Mar 27, 2026 •

edited

Loading

Uh oh!

Brookke commented Mar 27, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Conversation

Brookke commented Mar 26, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Proposed change

Screenshots

Type of change

Additional information

Checklist

Uh oh!

Brookke Mar 26, 2026

Choose a reason for hiding this comment

Uh oh!

Brookke Mar 26, 2026

Choose a reason for hiding this comment

Uh oh!

MindFreeze left a comment

Choose a reason for hiding this comment

Uh oh!

MindFreeze Mar 27, 2026

Choose a reason for hiding this comment

Uh oh!

piitaya Mar 27, 2026

Choose a reason for hiding this comment

Uh oh!

Brookke Mar 27, 2026

Choose a reason for hiding this comment

Uh oh!

Brookke Mar 27, 2026

Choose a reason for hiding this comment

Uh oh!

piitaya left a comment

Choose a reason for hiding this comment

Uh oh!

piitaya Mar 27, 2026

Choose a reason for hiding this comment

Uh oh!

timmo001 commented Mar 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Brookke commented Mar 27, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Brookke commented Mar 26, 2026 •

edited

Loading

timmo001 commented Mar 27, 2026 •

edited

Loading