From e61a77eff9f2d25987ee559e9b199bbb39c25e23 Mon Sep 17 00:00:00 2001
From: electron <cshagen@hagens.ch>
Date: Wed, 28 Oct 2026 16:33:57 +0000
Subject: [PATCH 01/10] show temperatures for consumers

---
 .../source/src/components/consumerList/ConsumerDevice.vue  | 7 ++++++-
 .../colors/source/src/components/consumerList/model.ts     | 2 ++
 .../source/src/components/consumerList/processMessages.ts  | 2 ++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/modules/web_themes/colors/source/src/components/consumerList/ConsumerDevice.vue b/packages/modules/web_themes/colors/source/src/components/consumerList/ConsumerDevice.vue
index 4374d17ab6..f10ce2408d 100644
--- a/packages/modules/web_themes/colors/source/src/components/consumerList/ConsumerDevice.vue
+++ b/packages/modules/web_themes/colors/source/src/components/consumerList/ConsumerDevice.vue
@@ -20,6 +20,11 @@
 			</div>
 		</template>
 		<template #buttons>
+			<span v-for="(temp, idx) in device.temp" :key="idx">
+				<WbBadge v-if="temp < 300" :small="true" bgcolor="var(--color-battery)">
+					<span>{{ formatTemp(temp) }} </span>
+				</WbBadge>
+			</span>
 			<WbBadge
 				v-if="device.priority > 0"
 				:small="true"
@@ -74,7 +79,7 @@
 <script setup lang="ts">
 import WbSubwidget from '@/components/shared/WbSubwidget.vue'
 import type { Consumer } from './model.ts'
-import { formatWatt, formatTime } from '@/assets/js/helpers'
+import { formatWatt, formatTime, formatTemp } from '@/assets/js/helpers'
 import { chargemodes } from '@/assets/js/themeConfig'
 import WbBadge from '@/components/shared/WbBadge.vue'
 import InfoItem from '@/components/shared/InfoItem.vue'
diff --git a/packages/modules/web_themes/colors/source/src/components/consumerList/model.ts b/packages/modules/web_themes/colors/source/src/components/consumerList/model.ts
index 62cce8463d..89f53c20c8 100644
--- a/packages/modules/web_themes/colors/source/src/components/consumerList/model.ts
+++ b/packages/modules/web_themes/colors/source/src/components/consumerList/model.ts
@@ -68,6 +68,7 @@ export class Consumer implements PowerItem {
 	statusText = ''
 	faultState = 0
 	faultText = ''
+	temp = []
 	now: EnergyData = {
 		energy: 0,
 		energyPv: 0,
@@ -80,6 +81,7 @@ export class Consumer implements PowerItem {
 		energyBat: 0,
 		pvPercentage: 0,
 	}
+
 	constructor(index: number, showInList = true) {
 		this.id = index
 		this.showInList = showInList
diff --git a/packages/modules/web_themes/colors/source/src/components/consumerList/processMessages.ts b/packages/modules/web_themes/colors/source/src/components/consumerList/processMessages.ts
index aa4d689888..e9afea922e 100644
--- a/packages/modules/web_themes/colors/source/src/components/consumerList/processMessages.ts
+++ b/packages/modules/web_themes/colors/source/src/components/consumerList/processMessages.ts
@@ -66,6 +66,8 @@ function processConsumerDeviceMessages(topic: string, message: string) {
 		dev.faultState = JSON.parse(message)
 	} else if (topic.match(/^openWB\/consumer\/[0-9]+\/get\/fault_str$/i)) {
 		dev.faultText = JSON.parse(message)
+	} else if (topic.match(/^openWB\/consumer\/[0-9]+\/get\/temperatures$/i)) {
+		dev.temp = JSON.parse(message)
 	}
 }
 

From 719c910f19800283dbeb798a3ae39517ba89fa57 Mon Sep 17 00:00:00 2001
From: electron <cshagen@hagens.ch>
Date: Thu, 29 Oct 2026 18:17:49 +0000
Subject: [PATCH 02/10] hide consumer in graph is home_consumption is activated

---
 .../colors/source/src/components/consumerList/model.ts |  1 +
 .../src/components/consumerList/processMessages.ts     | 10 ++++++++++
 .../src/components/powerGraph/processDayGraphData.ts   |  2 +-
 .../source/src/components/powerMeter/PMUsageArc.vue    |  2 +-
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/modules/web_themes/colors/source/src/components/consumerList/model.ts b/packages/modules/web_themes/colors/source/src/components/consumerList/model.ts
index 89f53c20c8..3c24d35d6f 100644
--- a/packages/modules/web_themes/colors/source/src/components/consumerList/model.ts
+++ b/packages/modules/web_themes/colors/source/src/components/consumerList/model.ts
@@ -69,6 +69,7 @@ export class Consumer implements PowerItem {
 	faultState = 0
 	faultText = ''
 	temp = []
+	countAsHouse = false
 	now: EnergyData = {
 		energy: 0,
 		energyPv: 0,
diff --git a/packages/modules/web_themes/colors/source/src/components/consumerList/processMessages.ts b/packages/modules/web_themes/colors/source/src/components/consumerList/processMessages.ts
index e9afea922e..441ca28f1f 100644
--- a/packages/modules/web_themes/colors/source/src/components/consumerList/processMessages.ts
+++ b/packages/modules/web_themes/colors/source/src/components/consumerList/processMessages.ts
@@ -60,6 +60,9 @@ function processConsumerDeviceMessages(topic: string, message: string) {
 		} catch (e) {
 			console.warn('Error parsing consumer usage data: ' + e)
 		}
+	} else if (topic.match(/^openWB\/consumer\/[0-9]+\/config$/i)) {
+		const config = JSON.parse(message)
+		dev.countAsHouse = config.is_home_consumption_consumer == 'home_consumption'
 	} else if (topic.match(/^openWB\/consumer\/[0-9]+\/get\/state_str$/i)) {
 		dev.statusText = JSON.parse(message)
 	} else if (topic.match(/^openWB\/consumer\/[0-9]+\/get\/fault_state$/i)) {
@@ -68,6 +71,13 @@ function processConsumerDeviceMessages(topic: string, message: string) {
 		dev.faultText = JSON.parse(message)
 	} else if (topic.match(/^openWB\/consumer\/[0-9]+\/get\/temperatures$/i)) {
 		dev.temp = JSON.parse(message)
+	} else if (
+		topic.match(
+			/^openWB\/consumer\/[0-9]+\/get\/is_home_consumption_consumer$/i,
+		)
+	) {
+		console.log(message)
+		dev.countAsHouse = JSON.parse(message) != 'no_home_consumption'
 	}
 }
 
diff --git a/packages/modules/web_themes/colors/source/src/components/powerGraph/processDayGraphData.ts b/packages/modules/web_themes/colors/source/src/components/powerGraph/processDayGraphData.ts
index 84ee823c71..d81448edfc 100755
--- a/packages/modules/web_themes/colors/source/src/components/powerGraph/processDayGraphData.ts
+++ b/packages/modules/web_themes/colors/source/src/components/powerGraph/processDayGraphData.ts
@@ -171,7 +171,7 @@ function transformRow(currentRow: RawDayGraphDataItem): GraphDataItem {
 	// Consumers
 	currentItem.consumers = 0
 	Object.entries(currentRow.consumer).forEach(([id, values]) => {
-		if (id != 'all') {
+		if (id != 'all' && !consumers.get(+id.slice(8))?.countAsHouse) {
 			currentItem[id] = values.power_imported ?? 0
 			if (!registry.keys().includes(id)) {
 				const consumer = consumers.get(+id.slice(8))
diff --git a/packages/modules/web_themes/colors/source/src/components/powerMeter/PMUsageArc.vue b/packages/modules/web_themes/colors/source/src/components/powerMeter/PMUsageArc.vue
index b1c1142618..00a9db43d2 100755
--- a/packages/modules/web_themes/colors/source/src/components/powerMeter/PMUsageArc.vue
+++ b/packages/modules/web_themes/colors/source/src/components/powerMeter/PMUsageArc.vue
@@ -91,7 +91,7 @@ const devicesToShow = computed(() => {
 })
 const consumersToShow = computed(() => {
 	return [...consumers.values()]
-		.filter((c) => c.showInGraph)
+		.filter((c) => c.showInGraph && !c.countAsHouse)
 		.sort((a, b) => {
 			return b.power - a.power
 		})

From 3a1e008c026208bde76c8140175c1672e2404a3f Mon Sep 17 00:00:00 2001
From: electron <cshagen@hagens.ch>
Date: Thu, 29 Oct 2026 19:34:12 +0000
Subject: [PATCH 03/10] allow to hide the SoC of vehicles

---
 .../colors/source/src/assets/js/themeConfig.ts   |  9 +++++++++
 .../src/components/chargePointList/model.ts      | 14 ++++++++++++--
 .../chargePointList/processMessages.ts           |  1 +
 .../src/components/vehicleList/VlVehicle.vue     | 16 ++++++++++++++++
 4 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/packages/modules/web_themes/colors/source/src/assets/js/themeConfig.ts b/packages/modules/web_themes/colors/source/src/assets/js/themeConfig.ts
index ad1aadc8ac..796d7dda5f 100644
--- a/packages/modules/web_themes/colors/source/src/assets/js/themeConfig.ts
+++ b/packages/modules/web_themes/colors/source/src/assets/js/themeConfig.ts
@@ -11,6 +11,7 @@ import { addShDevice, shDevices } from '@/components/smartHome/model'
 import { registry } from './model'
 import { updateServer } from './sendMessages'
 import { counters } from '@/components/counterList/model'
+import { vehicles } from '@/components/chargePointList/model'
 export class Config {
 	private _showRelativeArcs = false
 	showTodayGraph = true
@@ -48,6 +49,7 @@ export class Config {
 	zoomGraph = false
 	zoomedWidget = 1
 	countersToShow: number[] = []
+	vehiclesWithSocToShow: number[] = []
 	priorities: Map<number, number> = new Map()
 	constructor() {}
 	get showRelativeArcs() {
@@ -405,6 +407,7 @@ export const infotext: { [key: string]: string } = {
 interface Preferences {
 	hideSH?: string[]
 	showCtr?: string[]
+	showSoc?: string[]
 	showLG?: boolean
 	displayM?: string
 	stackO?: number
@@ -441,6 +444,9 @@ function writeCookie() {
 	prefs.showCtr = [...counters.values()]
 		.filter((ctr) => ctr.showInGraph)
 		.map((ctr) => ctr.id.toString())
+	prefs.showSoc = Object.values(vehicles)
+		.filter((v) => v.showSoc)
+		.map((v) => v.id.toString())
 	prefs.showLG = globalConfig.graphPreference == 'live'
 	prefs.stackO = globalConfig.usageStackOrder
 	prefs.maxPow = globalConfig.maxPower
@@ -479,6 +485,9 @@ function readCookie() {
 		if (prefs.showCtr !== undefined) {
 			globalConfig.countersToShow = prefs.showCtr.map((i) => +i)
 		}
+		if (prefs.showSoc != undefined) {
+			globalConfig.vehiclesWithSocToShow = prefs.showSoc.map((i) => +i)
+		}
 		if (prefs.showLG !== undefined) {
 			globalConfig.setGraphPreference(prefs.showLG ? 'live' : 'today')
 		}
diff --git a/packages/modules/web_themes/colors/source/src/components/chargePointList/model.ts b/packages/modules/web_themes/colors/source/src/components/chargePointList/model.ts
index f041eaeeac..61686d6d45 100755
--- a/packages/modules/web_themes/colors/source/src/components/chargePointList/model.ts
+++ b/packages/modules/web_themes/colors/source/src/components/chargePointList/model.ts
@@ -6,7 +6,7 @@ import {
 	type EnergyData,
 	type PowerItem,
 } from '@/assets/js/types'
-import { globalConfig } from '@/assets/js/themeConfig'
+import { globalConfig, savePrefs } from '@/assets/js/themeConfig'
 import { getColor } from '@/assets/js/model'
 export class ChargePoint implements PowerItem {
 	id: number
@@ -392,6 +392,7 @@ export class Vehicle {
 	private _chargeTemplateId = 0
 	isSocConfigured = false
 	isSocManual = false
+	private _showSoc = true
 	get chargeTemplateId() {
 		return this._chargeTemplateId
 	}
@@ -427,6 +428,13 @@ export class Vehicle {
 			(this.id != 0 || globalConfig.showStandardVehicle)
 		)
 	}
+	get showSoc(): boolean {
+		return this._showSoc
+	}
+	set showSoc(b: boolean) {
+		this._showSoc = b
+		savePrefs()
+	}
 }
 export interface ConnectedVehicleConfig {
 	average_consumption: number
@@ -582,13 +590,15 @@ export const topVehicles = computed(() => {
 		.filter(
 			(cp) =>
 				vehicles[cp.connectedVehicle] &&
-				vehicles[cp.connectedVehicle].isSocConfigured,
+				vehicles[cp.connectedVehicle].isSocConfigured &&
+				vehicles[cp.connectedVehicle].showSoc,
 		)
 		.map((cp) => cp.connectedVehicle)
 	const otherVehicles = Object.values(vehicles).filter(
 		(v) =>
 			v.visible &&
 			v.isSocConfigured &&
+			v.showSoc &&
 			!connectedVehiclesWithSoc.includes(v.id),
 	)
 	result = connectedVehiclesWithSoc
diff --git a/packages/modules/web_themes/colors/source/src/components/chargePointList/processMessages.ts b/packages/modules/web_themes/colors/source/src/components/chargePointList/processMessages.ts
index ace2e6f43b..2c22beabd0 100755
--- a/packages/modules/web_themes/colors/source/src/components/chargePointList/processMessages.ts
+++ b/packages/modules/web_themes/colors/source/src/components/chargePointList/processMessages.ts
@@ -126,6 +126,7 @@ export function processVehicleMessages(topic: string, message: string) {
 			const v = new Vehicle(index)
 			vehicles[index] = v
 			v.priority = globalConfig.priorities.get(index) ?? 0
+			v.showSoc = globalConfig.vehiclesWithSocToShow.includes(index)
 			// console.info('New vehicle created: ' + index)
 		}
 		if (topic.match(/^openwb\/vehicle\/[0-9]+\/name$/i)) {
diff --git a/packages/modules/web_themes/colors/source/src/components/vehicleList/VlVehicle.vue b/packages/modules/web_themes/colors/source/src/components/vehicleList/VlVehicle.vue
index 0b9e9f8ad4..ebf3a42c37 100755
--- a/packages/modules/web_themes/colors/source/src/components/vehicleList/VlVehicle.vue
+++ b/packages/modules/web_themes/colors/source/src/components/vehicleList/VlVehicle.vue
@@ -3,6 +3,17 @@
 		<template #title>
 			<span class="vehiclename">{{ props.vehicle.name }}</span>
 		</template>
+		<template #buttons>
+			<WbBadge
+				v-if="props.vehicle.isSocConfigured"
+				:bgcolor="socBadgeColor"
+				:small="true"
+				@click="props.vehicle.showSoc = !props.vehicle.showSoc"
+				type="button"
+			>
+				SoC
+			</WbBadge>
+		</template>
 		<div class="subgrid">
 			<InfoItem heading="Status:" :small="true" class="grid-left grid-col-4">
 				<span
@@ -28,6 +39,7 @@
 import { computed } from 'vue'
 import InfoItem from '../shared/InfoItem.vue'
 import WbSubwidget from '../shared/WbSubwidget.vue'
+import WbBadge from '../shared/WbBadge.vue'
 import type { Vehicle } from '@/components/chargePointList/model.ts'
 
 const props = defineProps<{
@@ -63,6 +75,10 @@ const statusColor = computed(() => {
 		return 'var(--color-axis)'
 	}
 })
+
+const socBadgeColor = computed(() =>
+	props.vehicle.showSoc ? 'var(--color-pv)' : 'var(--color-menu)',
+)
 </script>
 <style scoped>
 .idWbBadge {

From 5ef9f5b60ed3dab0af5400bc5df22e5e4d95112e Mon Sep 17 00:00:00 2001
From: electron <cshagen@hagens.ch>
Date: Fri, 30 Oct 2026 07:35:09 +0000
Subject: [PATCH 04/10] set max power for PV charging to 16A

---
 .../src/components/chargePointList/cpConfig/ConfigPv.vue      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/modules/web_themes/colors/source/src/components/chargePointList/cpConfig/ConfigPv.vue b/packages/modules/web_themes/colors/source/src/components/chargePointList/cpConfig/ConfigPv.vue
index d820678972..047ddd8802 100755
--- a/packages/modules/web_themes/colors/source/src/components/chargePointList/cpConfig/ConfigPv.vue
+++ b/packages/modules/web_themes/colors/source/src/components/chargePointList/cpConfig/ConfigPv.vue
@@ -18,7 +18,7 @@
 						id="minCurrent"
 						v-model="cp.pvMinCurrent"
 						:min="6"
-						:max="32"
+						:max="16"
 						:step="1"
 						unit="A"
 					/>
@@ -66,7 +66,7 @@
 						v-model="cp.pvMinSocCurrent"
 						class="grid-col-2"
 						:min="6"
-						:max="32"
+						:max="16"
 						:step="1"
 						unit="A"
 					/>

From c31426c44f3ea8d95b86173f0052d62145bedf50 Mon Sep 17 00:00:00 2001
From: electron <cshagen@hagens.ch>
Date: Fri, 30 Oct 2026 19:54:46 +0000
Subject: [PATCH 05/10] modify mqtt option

---
 .../web_themes/colors/source/src/assets/js/mqttClient.ts       | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/modules/web_themes/colors/source/src/assets/js/mqttClient.ts b/packages/modules/web_themes/colors/source/src/assets/js/mqttClient.ts
index ed91c43405..9288ac2750 100644
--- a/packages/modules/web_themes/colors/source/src/assets/js/mqttClient.ts
+++ b/packages/modules/web_themes/colors/source/src/assets/js/mqttClient.ts
@@ -17,7 +17,8 @@ const mqttConnection = {
 	protocol: (location.protocol == 'https:' ? 'wss' : 'ws') as mqtt.MqttProtocol,
 	connectTimeout: 4000,
 	reconnectPeriod: 4000,
-	clean: false,
+	// clean: false,
+	resubscribe: true,
 	clientId: Math.random()
 		.toString(36)
 		.replace(/[^a-z]+/g, '')

From d3833dc24e43fee83678eeb48f6c420985bb6331 Mon Sep 17 00:00:00 2001
From: electron <cshagen@hagens.ch>
Date: Sun, 1 Nov 2026 14:24:48 +0000
Subject: [PATCH 06/10] distinguish consumer types

---
 .../web_themes/colors/source/src/assets/js/mqttClient.ts     | 2 +-
 .../source/src/components/consumerList/ConsumerDevice.vue    | 5 +++++
 .../colors/source/src/components/consumerList/model.ts       | 1 +
 .../source/src/components/consumerList/processMessages.ts    | 1 +
 4 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/modules/web_themes/colors/source/src/assets/js/mqttClient.ts b/packages/modules/web_themes/colors/source/src/assets/js/mqttClient.ts
index 9288ac2750..8419a156bc 100644
--- a/packages/modules/web_themes/colors/source/src/assets/js/mqttClient.ts
+++ b/packages/modules/web_themes/colors/source/src/assets/js/mqttClient.ts
@@ -17,7 +17,7 @@ const mqttConnection = {
 	protocol: (location.protocol == 'https:' ? 'wss' : 'ws') as mqtt.MqttProtocol,
 	connectTimeout: 4000,
 	reconnectPeriod: 4000,
-	// clean: false,
+	//clean: false,
 	resubscribe: true,
 	clientId: Math.random()
 		.toString(36)
diff --git a/packages/modules/web_themes/colors/source/src/components/consumerList/ConsumerDevice.vue b/packages/modules/web_themes/colors/source/src/components/consumerList/ConsumerDevice.vue
index f10ce2408d..a4564f732a 100644
--- a/packages/modules/web_themes/colors/source/src/components/consumerList/ConsumerDevice.vue
+++ b/packages/modules/web_themes/colors/source/src/components/consumerList/ConsumerDevice.vue
@@ -48,6 +48,11 @@
 				</div>
 			</transition>
 			<RadioBarInput
+				v-if="
+					device.consumerType == 'suspendable_onoff' ||
+					device.consumerType == 'suspendable_tunable' ||
+					device.consumerType == 'continuous'
+				"
 				:id="'chargemode-' + device.name"
 				v-model="device.chargeMode"
 				class="chargemodes mt-3 mb-3"
diff --git a/packages/modules/web_themes/colors/source/src/components/consumerList/model.ts b/packages/modules/web_themes/colors/source/src/components/consumerList/model.ts
index 3c24d35d6f..67e552aac0 100644
--- a/packages/modules/web_themes/colors/source/src/components/consumerList/model.ts
+++ b/packages/modules/web_themes/colors/source/src/components/consumerList/model.ts
@@ -70,6 +70,7 @@ export class Consumer implements PowerItem {
 	faultText = ''
 	temp = []
 	countAsHouse = false
+	consumerType = ''
 	now: EnergyData = {
 		energy: 0,
 		energyPv: 0,
diff --git a/packages/modules/web_themes/colors/source/src/components/consumerList/processMessages.ts b/packages/modules/web_themes/colors/source/src/components/consumerList/processMessages.ts
index 441ca28f1f..e8f6a391e0 100644
--- a/packages/modules/web_themes/colors/source/src/components/consumerList/processMessages.ts
+++ b/packages/modules/web_themes/colors/source/src/components/consumerList/processMessages.ts
@@ -56,6 +56,7 @@ function processConsumerDeviceMessages(topic: string, message: string) {
 						JSON.stringify(usage),
 				)
 				dev.usage = usage
+				dev.consumerType = usage.type
 			}
 		} catch (e) {
 			console.warn('Error parsing consumer usage data: ' + e)

From 2779fa8cc8858ca71c52b4d9910dcadafc64e75b Mon Sep 17 00:00:00 2001
From: electron <cshagen@hagens.ch>
Date: Sun, 1 Nov 2026 17:10:43 +0000
Subject: [PATCH 07/10] fix soc display in compact chargepoint list

---
 .../chargePointList/compactList/CompactListItem.vue   | 11 +++++++----
 .../src/components/chargePointList/processMessages.ts |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/modules/web_themes/colors/source/src/components/chargePointList/compactList/CompactListItem.vue b/packages/modules/web_themes/colors/source/src/components/chargePointList/compactList/CompactListItem.vue
index 498a81a1c7..896cc99a64 100755
--- a/packages/modules/web_themes/colors/source/src/components/chargePointList/compactList/CompactListItem.vue
+++ b/packages/modules/web_themes/colors/source/src/components/chargePointList/compactList/CompactListItem.vue
@@ -49,19 +49,19 @@
 					class="d-flex justify-content-center align-items-center vehiclestatus"
 				>
 					<BatterySymbol
-						v-if="chargepoint.soc"
+						v-if="chargepoint.soc  != undefined"
 						class="me-1"
 						:soc="chargepoint.soc"
 					/>
 					<i
-						v-if="chargepoint.isSocConfigured && chargepoint.isSocManual"
+						v-if="chargepoint.isSocManual"
 						type="button"
 						class="fa-solid fa-sm fas fa-edit"
 						:style="{ color: 'var(--color-menu)' }"
 						@click="editSoc = !editSoc"
 					/>
 					<i
-						v-if="chargepoint.isSocConfigured && !chargepoint.isSocManual"
+						v-else
 						type="button"
 						class="fa-solid fa-sm me-2"
 						:class="
@@ -139,7 +139,7 @@
 
 <script setup lang="ts">
 import { ref, computed } from 'vue'
-import { chargePoints, type ChargeLimit, type ChargePoint } from '../model'
+import { chargePoints, vehicles, type ChargeLimit, type ChargePoint } from '../model'
 import { chargemodes, globalConfig } from '@/assets/js/themeConfig'
 import { formatWatt, formatWattH } from '@/assets/js/helpers'
 import ChargeConfigPanel from '../cpConfig/ChargeConfigPanel.vue'
@@ -215,6 +215,9 @@ const chargedRangeString = computed(() => {
 	)
 })
 const modeString = computed(() => {
+	console.log("soc for chargepoint "+ props.chargepoint.name +": " + props.chargepoint.soc)
+	console.log(props.chargepoint.connectedVehicle)
+	console.log(vehicles[props.chargepoint.connectedVehicle])
 	return chargemodes[props.chargepoint.chargeMode].name
 })
 /* function nameCellStyle() {
diff --git a/packages/modules/web_themes/colors/source/src/components/chargePointList/processMessages.ts b/packages/modules/web_themes/colors/source/src/components/chargePointList/processMessages.ts
index 2c22beabd0..ad083d9510 100755
--- a/packages/modules/web_themes/colors/source/src/components/chargePointList/processMessages.ts
+++ b/packages/modules/web_themes/colors/source/src/components/chargePointList/processMessages.ts
@@ -139,7 +139,7 @@ export function processVehicleMessages(topic: string, message: string) {
 			vehicles[index].name = JSON.parse(message)
 		} else if (topic.match(/^openwb\/vehicle\/[0-9]+\/get\/soc$/i)) {
 			// set soc for cp
-			vehicles[index].soc = JSON.parse(message)
+			vehicles[index].soc = JSON.parse(message) ?? 0
 		} else if (topic.match(/^openwb\/vehicle\/[0-9]+\/get\/range$/i)) {
 			if (isNaN(+message)) {
 				vehicles[index].range = 0

From 7164cc0f295477251685bc856a76597b2c9791f1 Mon Sep 17 00:00:00 2001
From: electron <cshagen@hagens.ch>
Date: Sun, 1 Nov 2026 18:38:30 +0000
Subject: [PATCH 08/10] fix consumer processing

---
 .../compactList/CompactListItem.vue           | 12 +++++++-----
 .../powerGraph/processDayGraphData.ts         | 19 ++++++++++---------
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/packages/modules/web_themes/colors/source/src/components/chargePointList/compactList/CompactListItem.vue b/packages/modules/web_themes/colors/source/src/components/chargePointList/compactList/CompactListItem.vue
index 896cc99a64..65e879f2a7 100755
--- a/packages/modules/web_themes/colors/source/src/components/chargePointList/compactList/CompactListItem.vue
+++ b/packages/modules/web_themes/colors/source/src/components/chargePointList/compactList/CompactListItem.vue
@@ -49,7 +49,7 @@
 					class="d-flex justify-content-center align-items-center vehiclestatus"
 				>
 					<BatterySymbol
-						v-if="chargepoint.soc  != undefined"
+						v-if="chargepoint.soc != undefined"
 						class="me-1"
 						:soc="chargepoint.soc"
 					/>
@@ -139,7 +139,12 @@
 
 <script setup lang="ts">
 import { ref, computed } from 'vue'
-import { chargePoints, vehicles, type ChargeLimit, type ChargePoint } from '../model'
+import {
+	chargePoints,
+	vehicles,
+	type ChargeLimit,
+	type ChargePoint,
+} from '../model'
 import { chargemodes, globalConfig } from '@/assets/js/themeConfig'
 import { formatWatt, formatWattH } from '@/assets/js/helpers'
 import ChargeConfigPanel from '../cpConfig/ChargeConfigPanel.vue'
@@ -215,9 +220,6 @@ const chargedRangeString = computed(() => {
 	)
 })
 const modeString = computed(() => {
-	console.log("soc for chargepoint "+ props.chargepoint.name +": " + props.chargepoint.soc)
-	console.log(props.chargepoint.connectedVehicle)
-	console.log(vehicles[props.chargepoint.connectedVehicle])
 	return chargemodes[props.chargepoint.chargeMode].name
 })
 /* function nameCellStyle() {
diff --git a/packages/modules/web_themes/colors/source/src/components/powerGraph/processDayGraphData.ts b/packages/modules/web_themes/colors/source/src/components/powerGraph/processDayGraphData.ts
index d81448edfc..0944c36ac0 100755
--- a/packages/modules/web_themes/colors/source/src/components/powerGraph/processDayGraphData.ts
+++ b/packages/modules/web_themes/colors/source/src/components/powerGraph/processDayGraphData.ts
@@ -171,17 +171,18 @@ function transformRow(currentRow: RawDayGraphDataItem): GraphDataItem {
 	// Consumers
 	currentItem.consumers = 0
 	Object.entries(currentRow.consumer).forEach(([id, values]) => {
-		if (id != 'all' && !consumers.get(+id.slice(8))?.countAsHouse) {
-			currentItem[id] = values.power_imported ?? 0
-			if (!registry.keys().includes(id)) {
-				const consumer = consumers.get(+id.slice(8))
-				if (!consumer) {
-					addConsumer(+id.slice(8), false)
+		if (id != 'all') {
+			registry.duplicateItem(id, <PowerItem>consumers.get(+id.slice(8)))
+			if (!consumers.get(+id.slice(8))?.countAsHouse) {
+				currentItem[id] = values.power_imported ?? 0
+				if (!registry.keys().includes(id)) {
+					const consumer = consumers.get(+id.slice(8))
+					if (!consumer) {
+						addConsumer(+id.slice(8), false)
+					}
 				}
-
-				registry.duplicateItem(id, <PowerItem>consumers.get(+id.slice(8)))
+				currentItem.consumers += values.power_imported ?? 0
 			}
-			currentItem.consumers += values.power_imported ?? 0
 		}
 	})
 	// Prices

From 2008d4b4c05a971e40f4ad4c551070d73d63cbd9 Mon Sep 17 00:00:00 2001
From: electron <cshagen@hagens.ch>
Date: Mon, 2 Nov 2026 17:50:54 +0000
Subject: [PATCH 09/10] add external inverter support

---
 .../web_themes/colors/source/src/assets/js/processMessages.ts    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/modules/web_themes/colors/source/src/assets/js/processMessages.ts b/packages/modules/web_themes/colors/source/src/assets/js/processMessages.ts
index 42dfbdbfdb..a47a9635a3 100755
--- a/packages/modules/web_themes/colors/source/src/assets/js/processMessages.ts
+++ b/packages/modules/web_themes/colors/source/src/assets/js/processMessages.ts
@@ -307,6 +307,7 @@ function processSystemMessages(topic: string, message: string) {
 				break
 			case 'inverter':
 			case 'inverter_secondary':
+			case 'external_inverter':
 				if (!pvSystems.value.has(config.id)) {
 					pvSystems.value.set(config.id, new PvSystem(config.id))
 				}

From cb16e4d742bbe3c65f25136257630eb866b24b0e Mon Sep 17 00:00:00 2001
From: electron <cshagen@hagens.ch>
Date: Wed, 4 Nov 2026 18:57:04 +0000
Subject: [PATCH 10/10] fix color bug in powermeter

---
 .../web_themes/colors/source/src/assets/js/helpers.ts        | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/modules/web_themes/colors/source/src/assets/js/helpers.ts b/packages/modules/web_themes/colors/source/src/assets/js/helpers.ts
index 0c4703ca7f..d7f7dd77e0 100755
--- a/packages/modules/web_themes/colors/source/src/assets/js/helpers.ts
+++ b/packages/modules/web_themes/colors/source/src/assets/js/helpers.ts
@@ -141,7 +141,10 @@ export function fgColor(colorname: string) {
 	const root = document.documentElement
 	const style = getComputedStyle(root)
 	colorname = colorname.slice(4, -1) // remove 'var(...)'
-	const bgColor = style.getPropertyValue(colorname).trim()
+	let bgColor = style.getPropertyValue(colorname).trim()
+	if (bgColor.length === 4) {
+		bgColor = `#${bgColor[1]}${bgColor[1]}${bgColor[2]}${bgColor[2]}${bgColor[3]}${bgColor[3]}` // convert #RGB to #RRGGBB
+	}
 	const r = parseInt(bgColor.slice(1, 3), 16)
 	const g = parseInt(bgColor.slice(3, 5), 16)
 	const b = parseInt(bgColor.slice(5, 7), 16)