Hey everyone! I wanted to share a project I’ve been working on to integrate my Octopus Energy smart charging into Home Assistant. I’ve always been a fan of having all my home automation details in one place, so I decided to recreate the Octopus app interface within my Lovelace dashboard. Here’s how I did it!First, I made sure I had the Home Assistant Octopus Energy add-on installed through HACS. This was crucial because it provides the necessary sensors for the smart charging functionality. I then set up three helper template sensors to display the charging slot times. The code for each template was pretty straightforward, pulling the start and end times from the planned_dispatches attribute.Next, I uploaded two custom images to my Home Assistant config folder. These images represent whether the car is plugged in or not, which adds a nice visual touch to the panel. I chose these specific images because they clearly convey the charging status at a glance.The real magic happens in the Lovelace YAML configuration. I created two conditional picture-elements cards—one for when the charging is active and another for when it’s not. This way, the panel dynamically updates its appearance based on the current charging status. I also added state-label elements to display the charging slots, the charge limit, and the ready time. These labels are positioned strategically to mirror the layout of the Octopus app, making the transition seamless for anyone familiar with it.One feature I’m particularly proud of is the ‘Bump Charge Now’ button. It’s fully functional and allows me to manually trigger a charge just like in the app. This adds a layer of convenience I wasn’t expecting, and it’s been a lifesaver on days when I need an extra boost.I’d love to hear if anyone else has tried something similar or if there are improvements I could make. It’s been a fantastic learning experience, and I’m excited to see how others adapt this setup to fit their needs. Happy automating!