feat: update README and UI to support evcc optimization backend and display experimental mode banner

Author: ohAnd

README.md

@@ -159,8 +159,10 @@ Get up and running with EOS Connect in just a few steps!
 ### 2. Install via Home Assistant Add-on
 
 - Add the [ohAnd/ha_addons](https://github.com/ohAnd/ha_addons) repository to your Home Assistant add-on store.
-- [if needed] Add the [Duetting/ha_eos_addon](https://github.com/Duetting/ha_eos_addon) (or [thecem/ha_eos_addon](https://github.com/thecem/ha_eos_addon)) repository to your Home Assistant add-on store.
-- Install both the **EOS Add-on** and the **EOS Connect Add-on**.
+- select your preferred optimization backend:
+  - [if needed] Add the [Duetting/ha_eos_addon](https://github.com/Duetting/ha_eos_addon) (or [thecem/ha_eos_addon](https://github.com/thecem/ha_eos_addon)) repository to your Home Assistant add-on store.
+  - [if needed] Add [thecem/hassio-evopt](https://github.com/thecem/hassio-evopt) repository to your Home Assistant add-on store. ([found here](https://github.com/evcc-io/evcc/discussions/23213#3-optimizer-im-home-assistant-ha-addon-nutzen))
+- Install both the **EOS Add-on** (or **evcc opt**) and the **EOS Connect Add-on**. 
 - Configure both add-ons via the Home Assistant UI.
 - Start both add-ons.  
   The EOS Connect web dashboard will be available at [http://homeassistant.local:8081](http://homeassistant.local:8081) (or your HA IP).

src/eos_connect.py

@@ -1363,6 +1363,9 @@ def get_controls():
             "currency_minor_unit": currency_minor_unit,
         },
         "state": optimization_scheduler.get_current_state(),
+        "used_optimization_source": config_manager.config.get("eos", {}).get(
+            "source", "eos_server"
+        ),
         "eos_connect_version": __version__,
         "timestamp": datetime.now(time_zone).isoformat(),
         "api_version": "0.0.2",

src/web/index.html

@@ -321,6 +321,25 @@
         </div>
     </div>
 
+    <div id="experimental-banner" style="
+    position: fixed;
+    bottom: 16px;
+    left: 16px;
+    background: rgba(241, 177, 0, 0.92);
+    color: #222;
+    padding: 8px 18px 8px 12px;
+    border-radius: 6px;
+    font-size: 0.95em;
+    font-weight: bold;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
+    z-index: 1001;
+    display: none;
+    align-items: center;
+    gap: 8px;
+">
+        <i class="fa-solid fa-flask" style="margin-right: 8px;"></i>
+        Experimental Mode: evcc opt is in charge
+    </div>
 
     <!-- Load JavaScript modules in correct order -->
     <script src="js/constants.js"></script>

src/web/js/controls.js

@@ -427,6 +427,12 @@ class ControlsManager {
 
         // Update mode icon and click handler
         this.updateModeIcon(inverterModeNum, overrideActive, controlsData.battery.max_charge_power_dyn);
+
+        if (controlsData.used_optimization_source === "evcc_opt") {
+            document.getElementById("experimental-banner").style.display = "flex";
+        } else {
+            document.getElementById("experimental-banner").style.display = "none";
+        }
     }
 
     /**
@@ -475,6 +481,7 @@ class ControlsManager {
         document.getElementById('control_discharge_allowed').innerText = states.current_discharge_allowed ? "Yes" : "No";
 
         document.getElementById('current_controls_box').style.border = "";
+
     }
 
     /**