Rynoster

Thought I would also contribute with something small. Not as impressive as what some of the others here but a contribution nonetheless.
The GUI for Sunsynk System Mode, or lack thereof, has really been annoying me, so I put this together. It needed to be easy to read to quickly understand what's going on, and also easy for the wife to change if needed.
It requires the lovelace-layout-card to work. For my purposes, it's also a separate view.

views: - theme: Backend-selected title: Grid layout type: custom:grid-layout layout: grid-template-columns: 3fr 2fr 2fr 3fr grid-template-rows: auto grid-template-areas: | ". header header ." ". system priority ." ". prog1 prog2 ." ". prog3 prog4 ." ". prog5 prog6 ." mediaquery: '(max-width: 800px)': grid-template-columns: auto grid-template-areas: | "header" "system" "priority" "prog1" "prog2" "prog3" "prog4" "prog5" "prog6" badges: [] cards: - type: entities entities: - entity: select.system_mode show_header_toggle: false view_layout: grid-area: system - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 1 secondary: >- {{ states("select.prog1_time") }} - {{ states("select.prog2_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog1_time - type: entities entities: - entity: select.prog1_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog1_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog1_capacity name: Battery SOC view_layout: grid-area: prog1 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 2 secondary: >- {{ states("select.prog2_time") }} - {{ states("select.prog3_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog2_time - type: entities entities: - entity: select.prog2_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog2_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog2_capacity name: Battery SOC view_layout: grid-area: prog2 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 3 secondary: >- {{ states("select.prog3_time") }} - {{ states("select.prog4_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog3_time - type: entities entities: - entity: select.prog3_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog3_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog3_capacity name: Battery SOC view_layout: grid-area: prog3 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 4 secondary: >- {{ states("select.prog4_time") }} - {{ states("select.prog5_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog4_time - type: entities entities: - entity: select.prog4_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog4_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog4_capacity name: Battery SOC view_layout: grid-area: prog4 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 5 secondary: >- {{ states("select.prog5_time") }} - {{ states("select.prog6_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog5_time - type: entities entities: - entity: select.prog5_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog5_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog5_capacity name: Battery SOC view_layout: grid-area: prog5 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 6 secondary: >- {{ states("select.prog6_time") }} - {{ states("select.prog1_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog6_time - type: entities entities: - entity: select.prog6_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog6_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog6_capacity name: Battery SOC view_layout: grid-area: prog6 - type: custom:mushroom-title-card title: Sunsynk System Mode alignment: center view_layout: grid-area: header - type: entities entities: - entity: select.priority_mode view_layout: grid-area: priority  

Thought I would also contribute with something small. Not as impressive as what some of the others here but a contribution nonetheless.
The GUI for Sunsynk System Mode, or lack thereof, has really been annoying me, so I put this together. It needed to be easy to read to quickly understand what's going on, and also easy for the wife to change if needed.
It requires the lovelace-layout-card to work. For my purposes, it's also a separate view.

views: - theme: Backend-selected title: Grid layout type: custom:grid-layout layout: grid-template-columns: 3fr 2fr 2fr 3fr grid-template-rows: auto grid-template-areas: | ". header header ." ". system priority ." ". prog1 prog2 ." ". prog3 prog4 ." ". prog5 prog6 ." mediaquery: '(max-width: 800px)': grid-template-columns: auto grid-template-areas: | "header" "system" "priority" "prog1" "prog2" "prog3" "prog4" "prog5" "prog6" badges: [] cards: - type: entities entities: - entity: select.system_mode show_header_toggle: false view_layout: grid-area: system - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 1 secondary: >- {{ states("select.prog1_time") }} - {{ states("select.prog2_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog1_time - type: entities entities: - entity: select.prog1_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog1_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog1_capacity name: Battery SOC view_layout: grid-area: prog1 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 2 secondary: >- {{ states("select.prog2_time") }} - {{ states("select.prog3_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog2_time - type: entities entities: - entity: select.prog2_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog2_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog2_capacity name: Battery SOC view_layout: grid-area: prog2 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 3 secondary: >- {{ states("select.prog3_time") }} - {{ states("select.prog4_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog3_time - type: entities entities: - entity: select.prog3_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog3_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog3_capacity name: Battery SOC view_layout: grid-area: prog3 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 4 secondary: >- {{ states("select.prog4_time") }} - {{ states("select.prog5_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog4_time - type: entities entities: - entity: select.prog4_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog4_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog4_capacity name: Battery SOC view_layout: grid-area: prog4 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 5 secondary: >- {{ states("select.prog5_time") }} - {{ states("select.prog6_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog5_time - type: entities entities: - entity: select.prog5_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog5_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog5_capacity name: Battery SOC view_layout: grid-area: prog5 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 6 secondary: >- {{ states("select.prog6_time") }} - {{ states("select.prog1_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog6_time - type: entities entities: - entity: select.prog6_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog6_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog6_capacity name: Battery SOC view_layout: grid-area: prog6 - type: custom:mushroom-title-card title: Sunsynk System Mode alignment: center view_layout: grid-area: header - type: entities entities: - entity: select.priority_mode view_layout: grid-area: priority  

Thanks kellerza, appreciate the response.
To be fair, us "techies" enjoy fixing broken stuff, almost more than half the fun, so an accidental setting here or there contributes to the fun. 😛 

Or fix it till it is totally broken 🙂 

Updated 🙂 
Code is way simple 
 
 
esphome:   name: esphome-web-c99f28   friendly_name: LCD Display   esp32:   board: esp32dev   framework:     type: arduino   # Enable logging logger:   # Enable Home Assistant API api:   encryption:     key: "?????????????????????????????????????????"   ota:   wifi:   ssid: !secret wifi_ssid   password: !secret wifi_password     # Enable fallback hotspot (captive portal) in case wifi connection fails   ap:     ssid: "Esphome-Web-C99F28"     password: "GjiirKa2VeFe"   captive_portal:   # Example configuration entry i2c:   sda: 21   scl: 22   sensor:   - platform: homeassistant     id: battery_soc     entity_id: sensor.ss_battery_soc     internal: true     - platform: homeassistant     id: grid_frequency     entity_id: sensor.ss_grid_frequency     internal: true     - platform: homeassistant     id: inverter_power     entity_id: sensor.ss_inverter_output_power     internal: true     - platform: homeassistant     id: total_pv     entity_id: sensor.ss_total_pv_power     internal: true   display:   - platform: lcd_pcf8574     dimensions: 20x4     address: 0x27     update_interval: 5s     lambda: |-       it.printf(0, 0, " SOC: %.1f %", id(battery_soc).state);       it.printf(0, 1, " Grid Freq: %.1f Hz", id(grid_frequency).state);       it.printf(0, 2, " Inver Power: %.1f W", id(inverter_power).state);       it.printf(0, 3, " Total PV: %.1f W", id(total_pv).state);

Very nice layout @Rynoster!
Another quick option is the "Add to dashboard" button, available in the Home Assistant settings (Settings->Devices&Services-->Devices-->Sunsynk). But the layout is not as slick.
The dashboard I use you have to click to change a value. It still provides an overview, but it's not so easy to accidentally change a setting 😉

Thought I would also contribute with something small. Not as impressive as what some of the others here but a contribution nonetheless.
The GUI for Sunsynk System Mode, or lack thereof, has really been annoying me, so I put this together. It needed to be easy to read to quickly understand what's going on, and also easy for the wife to change if needed.
It requires the lovelace-layout-card to work. For my purposes, it's also a separate view.

views: - theme: Backend-selected title: Grid layout type: custom:grid-layout layout: grid-template-columns: 3fr 2fr 2fr 3fr grid-template-rows: auto grid-template-areas: | ". header header ." ". system priority ." ". prog1 prog2 ." ". prog3 prog4 ." ". prog5 prog6 ." mediaquery: '(max-width: 800px)': grid-template-columns: auto grid-template-areas: | "header" "system" "priority" "prog1" "prog2" "prog3" "prog4" "prog5" "prog6" badges: [] cards: - type: entities entities: - entity: select.system_mode show_header_toggle: false view_layout: grid-area: system - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 1 secondary: >- {{ states("select.prog1_time") }} - {{ states("select.prog2_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog1_time - type: entities entities: - entity: select.prog1_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog1_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog1_capacity name: Battery SOC view_layout: grid-area: prog1 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 2 secondary: >- {{ states("select.prog2_time") }} - {{ states("select.prog3_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog2_time - type: entities entities: - entity: select.prog2_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog2_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog2_capacity name: Battery SOC view_layout: grid-area: prog2 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 3 secondary: >- {{ states("select.prog3_time") }} - {{ states("select.prog4_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog3_time - type: entities entities: - entity: select.prog3_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog3_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog3_capacity name: Battery SOC view_layout: grid-area: prog3 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 4 secondary: >- {{ states("select.prog4_time") }} - {{ states("select.prog5_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog4_time - type: entities entities: - entity: select.prog4_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog4_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog4_capacity name: Battery SOC view_layout: grid-area: prog4 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 5 secondary: >- {{ states("select.prog5_time") }} - {{ states("select.prog6_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog5_time - type: entities entities: - entity: select.prog5_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog5_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog5_capacity name: Battery SOC view_layout: grid-area: prog5 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 6 secondary: >- {{ states("select.prog6_time") }} - {{ states("select.prog1_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog6_time - type: entities entities: - entity: select.prog6_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog6_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog6_capacity name: Battery SOC view_layout: grid-area: prog6 - type: custom:mushroom-title-card title: Sunsynk System Mode alignment: center view_layout: grid-area: header - type: entities entities: - entity: select.priority_mode view_layout: grid-area: priority  

Thought I would also contribute with something small. Not as impressive as what some of the others here but a contribution nonetheless.
The GUI for Sunsynk System Mode, or lack thereof, has really been annoying me, so I put this together. It needed to be easy to read to quickly understand what's going on, and also easy for the wife to change if needed.
It requires the lovelace-layout-card to work. For my purposes, it's also a separate view.

views: - theme: Backend-selected title: Grid layout type: custom:grid-layout layout: grid-template-columns: 3fr 2fr 2fr 3fr grid-template-rows: auto grid-template-areas: | ". header header ." ". system priority ." ". prog1 prog2 ." ". prog3 prog4 ." ". prog5 prog6 ." mediaquery: '(max-width: 800px)': grid-template-columns: auto grid-template-areas: | "header" "system" "priority" "prog1" "prog2" "prog3" "prog4" "prog5" "prog6" badges: [] cards: - type: entities entities: - entity: select.system_mode show_header_toggle: false view_layout: grid-area: system - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 1 secondary: >- {{ states("select.prog1_time") }} - {{ states("select.prog2_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog1_time - type: entities entities: - entity: select.prog1_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog1_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog1_capacity name: Battery SOC view_layout: grid-area: prog1 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 2 secondary: >- {{ states("select.prog2_time") }} - {{ states("select.prog3_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog2_time - type: entities entities: - entity: select.prog2_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog2_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog2_capacity name: Battery SOC view_layout: grid-area: prog2 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 3 secondary: >- {{ states("select.prog3_time") }} - {{ states("select.prog4_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog3_time - type: entities entities: - entity: select.prog3_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog3_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog3_capacity name: Battery SOC view_layout: grid-area: prog3 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 4 secondary: >- {{ states("select.prog4_time") }} - {{ states("select.prog5_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog4_time - type: entities entities: - entity: select.prog4_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog4_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog4_capacity name: Battery SOC view_layout: grid-area: prog4 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 5 secondary: >- {{ states("select.prog5_time") }} - {{ states("select.prog6_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog5_time - type: entities entities: - entity: select.prog5_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog5_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog5_capacity name: Battery SOC view_layout: grid-area: prog5 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 6 secondary: >- {{ states("select.prog6_time") }} - {{ states("select.prog1_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog6_time - type: entities entities: - entity: select.prog6_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog6_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog6_capacity name: Battery SOC view_layout: grid-area: prog6 - type: custom:mushroom-title-card title: Sunsynk System Mode alignment: center view_layout: grid-area: header - type: entities entities: - entity: select.priority_mode view_layout: grid-area: priority  

Thought I would also contribute with something small. Not as impressive as what some of the others here but a contribution nonetheless.
The GUI for Sunsynk System Mode, or lack thereof, has really been annoying me, so I put this together. It needed to be easy to read to quickly understand what's going on, and also easy for the wife to change if needed.
It requires the lovelace-layout-card to work. For my purposes, it's also a separate view.

views: - theme: Backend-selected title: Grid layout type: custom:grid-layout layout: grid-template-columns: 3fr 2fr 2fr 3fr grid-template-rows: auto grid-template-areas: | ". header header ." ". system priority ." ". prog1 prog2 ." ". prog3 prog4 ." ". prog5 prog6 ." mediaquery: '(max-width: 800px)': grid-template-columns: auto grid-template-areas: | "header" "system" "priority" "prog1" "prog2" "prog3" "prog4" "prog5" "prog6" badges: [] cards: - type: entities entities: - entity: select.system_mode show_header_toggle: false view_layout: grid-area: system - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 1 secondary: >- {{ states("select.prog1_time") }} - {{ states("select.prog2_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog1_time - type: entities entities: - entity: select.prog1_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog1_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog1_capacity name: Battery SOC view_layout: grid-area: prog1 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 2 secondary: >- {{ states("select.prog2_time") }} - {{ states("select.prog3_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog2_time - type: entities entities: - entity: select.prog2_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog2_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog2_capacity name: Battery SOC view_layout: grid-area: prog2 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 3 secondary: >- {{ states("select.prog3_time") }} - {{ states("select.prog4_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog3_time - type: entities entities: - entity: select.prog3_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog3_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog3_capacity name: Battery SOC view_layout: grid-area: prog3 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 4 secondary: >- {{ states("select.prog4_time") }} - {{ states("select.prog5_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog4_time - type: entities entities: - entity: select.prog4_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog4_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog4_capacity name: Battery SOC view_layout: grid-area: prog4 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 5 secondary: >- {{ states("select.prog5_time") }} - {{ states("select.prog6_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog5_time - type: entities entities: - entity: select.prog5_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog5_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog5_capacity name: Battery SOC view_layout: grid-area: prog5 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 6 secondary: >- {{ states("select.prog6_time") }} - {{ states("select.prog1_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog6_time - type: entities entities: - entity: select.prog6_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog6_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog6_capacity name: Battery SOC view_layout: grid-area: prog6 - type: custom:mushroom-title-card title: Sunsynk System Mode alignment: center view_layout: grid-area: header - type: entities entities: - entity: select.priority_mode view_layout: grid-area: priority  

Thought I would also contribute with something small. Not as impressive as what some of the others here but a contribution nonetheless.
The GUI for Sunsynk System Mode, or lack thereof, has really been annoying me, so I put this together. It needed to be easy to read to quickly understand what's going on, and also easy for the wife to change if needed.
It requires the lovelace-layout-card to work. For my purposes, it's also a separate view.

views: - theme: Backend-selected title: Grid layout type: custom:grid-layout layout: grid-template-columns: 3fr 2fr 2fr 3fr grid-template-rows: auto grid-template-areas: | ". header header ." ". system priority ." ". prog1 prog2 ." ". prog3 prog4 ." ". prog5 prog6 ." mediaquery: '(max-width: 800px)': grid-template-columns: auto grid-template-areas: | "header" "system" "priority" "prog1" "prog2" "prog3" "prog4" "prog5" "prog6" badges: [] cards: - type: entities entities: - entity: select.system_mode show_header_toggle: false view_layout: grid-area: system - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 1 secondary: >- {{ states("select.prog1_time") }} - {{ states("select.prog2_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog1_time - type: entities entities: - entity: select.prog1_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog1_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog1_capacity name: Battery SOC view_layout: grid-area: prog1 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 2 secondary: >- {{ states("select.prog2_time") }} - {{ states("select.prog3_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog2_time - type: entities entities: - entity: select.prog2_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog2_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog2_capacity name: Battery SOC view_layout: grid-area: prog2 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 3 secondary: >- {{ states("select.prog3_time") }} - {{ states("select.prog4_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog3_time - type: entities entities: - entity: select.prog3_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog3_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog3_capacity name: Battery SOC view_layout: grid-area: prog3 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 4 secondary: >- {{ states("select.prog4_time") }} - {{ states("select.prog5_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog4_time - type: entities entities: - entity: select.prog4_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog4_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog4_capacity name: Battery SOC view_layout: grid-area: prog4 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 5 secondary: >- {{ states("select.prog5_time") }} - {{ states("select.prog6_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog5_time - type: entities entities: - entity: select.prog5_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog5_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog5_capacity name: Battery SOC view_layout: grid-area: prog5 - type: vertical-stack cards: - type: custom:mushroom-template-card primary: Program 6 secondary: >- {{ states("select.prog6_time") }} - {{ states("select.prog1_time") }} icon: mdi:timer multiline_secondary: false badge_icon: mdi:lightning-bolt icon_color: blue badge_color: green fill_container: false - type: horizontal-stack cards: - type: entities entities: - entity: select.prog6_time - type: entities entities: - entity: select.prog6_charge - type: entities entities: - type: custom:slider-entity-row entity: number.prog6_power name: Power grow: true - type: custom:slider-entity-row entity: number.prog6_capacity name: Battery SOC view_layout: grid-area: prog6 - type: custom:mushroom-title-card title: Sunsynk System Mode alignment: center view_layout: grid-area: header - type: entities entities: - entity: select.priority_mode view_layout: grid-area: priority