diff --git a/packages/modules/web_themes/koala/config.py b/packages/modules/web_themes/koala/config.py
index cd228bc9c8..4a725fecfd 100644
--- a/packages/modules/web_themes/koala/config.py
+++ b/packages/modules/web_themes/koala/config.py
@@ -11,13 +11,20 @@ def __init__(self,
                  chargePoint_card_view_breakpoint: int = 4,
                  vehicle_card_view_breakpoint: int = 4,
                  chargePoint_table_search_input_field: bool = False,
-                 vehicle_table_search_input_field: bool = False) -> None:
+                 vehicle_table_search_input_field: bool = False,
+                 top_carousel_slide_order: list = None
+                 ) -> None:
         self.hide_standard_vehicle = hide_standard_vehicle
         self.history_chart_range = history_chart_range
         self.chargePoint_card_view_breakpoint = chargePoint_card_view_breakpoint
         self.vehicle_card_view_breakpoint = vehicle_card_view_breakpoint
         self.chargePoint_table_search_input_field = chargePoint_table_search_input_field
         self.vehicle_table_search_input_field = vehicle_table_search_input_field
+        self.top_carousel_slide_order = top_carousel_slide_order or [
+            "flow_diagram",
+            "history_chart",
+            "daily_totals",
+        ]
 
 
 @auto_str
diff --git a/packages/modules/web_themes/koala/source/quasar.config.ts b/packages/modules/web_themes/koala/source/quasar.config.ts
index 5765ecf616..ee7d4c2417 100644
--- a/packages/modules/web_themes/koala/source/quasar.config.ts
+++ b/packages/modules/web_themes/koala/source/quasar.config.ts
@@ -62,7 +62,12 @@ export default defineConfig((ctx) => {
           viteConf.esbuild = {
             ...viteConf.esbuild,
             drop: ['debugger'],
-            pure: ['console.log', 'console.info', 'console.debug', 'console.table'],
+            pure: [
+              'console.log',
+              'console.info',
+              'console.debug',
+              'console.table',
+            ],
           };
         }
       },
diff --git a/packages/modules/web_themes/koala/source/src/components/BaseCarousel.vue b/packages/modules/web_themes/koala/source/src/components/BaseCarousel.vue
index 7d0c670702..85363f6c87 100644
--- a/packages/modules/web_themes/koala/source/src/components/BaseCarousel.vue
+++ b/packages/modules/web_themes/koala/source/src/components/BaseCarousel.vue
@@ -78,7 +78,7 @@ function measure() {
 
 onMounted(() => {
   measure();
-  window.addEventListener('resize', measure, {passive: true});
+  window.addEventListener('resize', measure, { passive: true });
 });
 
 onBeforeUnmount(() => {
@@ -92,7 +92,9 @@ const groupSize = computed(() => {
   const maxGroup = Math.max(
     1,
     Math.floor(
-      (carouselWidth.value - 2 - (showArrows.value ? carouselPadding.value : 50)) /
+      (carouselWidth.value -
+        2 -
+        (showArrows.value ? carouselPadding.value : 50)) /
         itemWidth.value,
     ),
   );
diff --git a/packages/modules/web_themes/koala/source/src/components/ChartCarousel.vue b/packages/modules/web_themes/koala/source/src/components/ChartCarousel.vue
index 3a38d1ebea..e42ea5cc5b 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChartCarousel.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChartCarousel.vue
@@ -1,5 +1,7 @@
 <template>
   <q-carousel
+    v-if="chartCarouselItems.length > 0 && currentSlide"
+    :key="carouselKey"
     v-model="currentSlide"
     v-model:fullscreen="fullscreen"
     swipeable
@@ -13,21 +15,23 @@
   >
     <q-carousel-slide
       v-for="chartComponent in chartCarouselItems"
-      :key="`${chartComponent.name}-${chartComponent.name === 'HistoryChart' ? renderKey : 0}`"
+      :key="`${chartComponent.name}-${chartComponent.name === 'history_chart' ? renderKey : 0}`"
       :name="chartComponent.name"
     >
       <component :is="chartComponent.component" :show-legend="legendVisible" />
     </q-carousel-slide>
 
     <template v-slot:control>
-      <q-carousel-control position="bottom-right">
+      <q-carousel-control position="bottom-left">
         <q-btn
-          v-if="currentSlide === 'HistoryChart'"
+          v-if="currentSlide === 'history_chart'"
           size="sm"
           class="q-mr-sm legend-button-text"
           label="Legend ein/aus"
           @click="toggleLegend"
         />
+      </q-carousel-control>
+      <q-carousel-control position="bottom-right">
         <q-btn
           push
           round
@@ -46,7 +50,11 @@ import { ref, computed, watch } from 'vue';
 import { useQuasar } from 'quasar';
 import EnergyFlowChart from './charts/energyFlowChart/EnergyFlowChart.vue';
 import HistoryChart from './charts/historyChart/HistoryChart.vue';
+import DailyTotals from './DailyTotals.vue';
 import { useLocalDataStore } from 'src/stores/localData-store';
+import { useMqttStore } from 'src/stores/mqtt-store';
+
+const mqttStore = useMqttStore();
 
 defineOptions({
   name: 'ChartCarousel',
@@ -59,17 +67,44 @@ const toggleLegend = () => {
 };
 const legendVisible = computed(() => localDataStore.legendVisible);
 const fullscreen = ref(false);
-const chartCarouselItems = [
-  {
-    name: 'EnergyFlowChart',
-    component: EnergyFlowChart,
-  },
-  {
-    name: 'HistoryChart',
-    component: HistoryChart,
-  },
-];
-const currentSlide = ref<string>(chartCarouselItems[0].name);
+
+const carouselKey = computed(() =>
+  chartCarouselItems.value.map((item) => item.name).join('-'),
+);
+
+const currentSlide = ref<string | null>(null);
+
+const componentMap = {
+  flow_diagram: EnergyFlowChart,
+  history_chart: HistoryChart,
+  daily_totals: DailyTotals,
+};
+
+const chartCarouselItems = computed(() => {
+  const slideOrder = mqttStore.themeConfiguration?.top_carousel_slide_order;
+  if (!slideOrder || slideOrder.length === 0) {
+    return [
+      {
+        name: 'flow_diagram',
+        component: EnergyFlowChart,
+      },
+      {
+        name: 'history_chart',
+        component: HistoryChart,
+      },
+      {
+        name: 'daily_totals',
+        component: DailyTotals,
+      },
+    ];
+  }
+  return slideOrder
+    .map((name) => ({
+      name,
+      component: componentMap[name],
+    }))
+    .filter((item) => !!item.component);
+});
 
 watch(
   () => fullscreen.value,
@@ -78,13 +113,23 @@ watch(
     if (
       !isFullscreen &&
       wasFullscreen &&
-      currentSlide.value === 'HistoryChart'
+      currentSlide.value === 'history_chart'
     ) {
       // Force the chart to be recreated by changing its key
       renderKey.value++;
     }
   },
 );
+
+watch(
+  chartCarouselItems,
+  (items) => {
+    if (items.length > 0) {
+      currentSlide.value = items[0].name;
+    }
+  },
+  { immediate: true },
+);
 </script>
 
 <style scoped>
diff --git a/packages/modules/web_themes/koala/source/src/components/DailyTotals.vue b/packages/modules/web_themes/koala/source/src/components/DailyTotals.vue
new file mode 100644
index 0000000000..f522cb25d6
--- /dev/null
+++ b/packages/modules/web_themes/koala/source/src/components/DailyTotals.vue
@@ -0,0 +1,437 @@
+<template>
+  <div
+    class="flex column items-center justify-center container"
+    ref="rootRef"
+    :style="{ '--row-h': rowHeight + 'px' }"
+  >
+    <div class="centered-panel">
+      <div
+        class="flex justify-between text-subtitle1 text-weight-bold full-width"
+        ref="titleRef"
+      >
+        <div v-if="currentPowerVisible">Aktuelle Leistung</div>
+        <div>Tageswerte</div>
+      </div>
+      <q-table
+        flat
+        :rows="rows"
+        :columns="columns"
+        row-key="id"
+        hide-header
+        hide-bottom
+        dense
+        separator="none"
+        class="banner-table theme-text"
+      >
+        <template #body="props">
+          <q-tr
+            :props="props"
+            :class="props.row.id"
+          >
+            <q-td key="icon" :props="props">
+              <img
+                :src="props.row.icon"
+                :alt="props.row.title"
+                class="icon"
+                :style="{ width: iconSize + 'px', height: iconSize + 'px' }"
+              />
+            </q-td>
+
+            <q-td
+              v-if="componentNameVisible"
+              key="title"
+              :props="props"
+              class="text-body2 text-weight-bold"
+            >
+              {{ props.row.title }}
+            </q-td>
+
+            <q-td
+              v-if="socValueVisible"
+              key="soc"
+              :props="props"
+              class="text-right"
+            >
+              <span v-if="props.row.id === 'battery'"
+                >{{ props.row.soc }}%</span
+              >
+            </q-td>
+
+            <q-td v-if="currentPowerVisible" key="arrow" :props="props">
+              <q-icon
+                :name="
+                  props.row.id === 'house'
+                    ? 'horizontal_rule'
+                    : arrowDirection(props.row.id).noCurrent
+                      ? 'horizontal_rule'
+                      : 'double_arrow'
+                "
+                :class="{
+                  'rotate-180': arrowDirection(props.row.id).rotate180,
+                }"
+              />
+            </q-td>
+
+            <q-td
+              v-if="currentPowerVisible"
+              key="power"
+              :props="props"
+              class="text-right text-body2"
+            >
+              {{ String(props.row.power).replace('-', '') }}
+            </q-td>
+
+            <!-- Gap column stretches -->
+            <q-td key="gap" :props="props"></q-td>
+
+            <q-td
+              key="rightLabel"
+              :props="props"
+              class="text-right text-weight-bold"
+            >
+              <template
+                v-if="['battery', 'chargepoint'].includes(props.row.id)"
+              >
+                <div>Geladen:</div>
+                <div>Entladen:</div>
+              </template>
+              <template v-else-if="props.row.id === 'grid'">
+                <div>Bezug:</div>
+                <div>Einspeisung:</div>
+              </template>
+              <template v-else-if="props.row.id === 'pv'">
+                <div>Ertrag:</div>
+              </template>
+              <template v-else-if="props.row.id === 'house'">
+                <div>Verbrauch:</div>
+              </template>
+            </q-td>
+
+            <q-td key="rightValue" :props="props">
+              <div
+                v-if="
+                  ['battery', 'grid', 'house', 'chargepoint'].includes(
+                    props.row.id,
+                  )
+                "
+              >
+                {{ props.row.today.imported }}
+              </div>
+              <div
+                v-if="
+                  ['battery', 'grid', 'pv', 'chargepoint'].includes(
+                    props.row.id,
+                  )
+                "
+              >
+                {{ props.row.today.exported }}
+              </div>
+            </q-td>
+          </q-tr>
+        </template>
+      </q-table>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  computed,
+  ref,
+  onMounted,
+  onBeforeUnmount,
+  nextTick,
+  watch,
+} from 'vue';
+import { useQuasar } from 'quasar';
+import { useMqttStore } from 'src/stores/mqtt-store';
+import type { QTableColumn } from 'quasar';
+import type { DailyTotalsItem } from 'src/components/models/daily-totals-model';
+
+const $q = useQuasar();
+const mqttStore = useMqttStore();
+
+const iconSize = ref(28);
+
+const columns: QTableColumn<DailyTotalsItem>[] = [
+  {
+    name: 'icon',
+    label: '',
+    field: 'icon',
+    align: 'left',
+    style: 'width:32px;',
+  },
+  {
+    name: 'title',
+    label: '',
+    field: 'title',
+    align: 'left',
+    style: 'width:80px;',
+  },
+  { name: 'soc', label: '', field: 'soc', align: 'right', style: 'width:6px;' },
+  {
+    name: 'arrow',
+    label: '',
+    field: 'arrow',
+    align: 'center',
+    style: 'width:24px;',
+  },
+  {
+    name: 'power',
+    label: '',
+    field: 'power',
+    align: 'right',
+    style: 'width:20px;',
+  },
+  { name: 'gap', label: '', field: 'gap', align: 'left', style: 'width:auto;' },
+  {
+    name: 'rightLabel',
+    label: '',
+    field: 'rightLabel',
+    align: 'right',
+    style: 'width:100px;',
+  },
+  {
+    name: 'rightValue',
+    label: '',
+    field: 'rightValue',
+    align: 'right',
+    style: 'width:70px;',
+  },
+];
+
+const componentNameVisible = computed(() => $q.screen.width >= 375);
+const currentPowerVisible = computed(() => $q.screen.width >= 500);
+const socValueVisible = computed(() => $q.screen.width >= 700);
+
+const batteryConfigured = computed(() => mqttStore.batteryConfigured);
+const pvConfigured = computed(() => mqttStore.getPvConfigured);
+const chargePointConfigured = computed(
+  () => mqttStore.chargePointIds.length > 0,
+);
+
+const rows = computed((): DailyTotalsItem[] => {
+  const components: DailyTotalsItem[] = [];
+
+  components.push({
+    id: 'grid',
+    title: 'Netz',
+    icon: 'icons/owbGrid.svg',
+    power: mqttStore.getGridPower('textValue') as string,
+    powerValue: mqttStore.getGridPower('value') as number,
+    today: {
+      imported: mqttStore.gridDailyImported('textValue') as string,
+      exported: mqttStore.gridDailyExported('textValue') as string,
+    },
+  });
+
+  if (batteryConfigured.value) {
+    components.push({
+      id: 'battery',
+      title: 'Speicher',
+      icon: 'icons/owbBattery.svg',
+      soc: mqttStore.batterySocTotal as number,
+      power: mqttStore.batteryTotalPower('textValue') as string,
+      powerValue: mqttStore.batteryTotalPower('value') as number,
+      today: {
+        imported: mqttStore.batteryDailyImportedTotal('textValue') as string,
+        exported: mqttStore.batteryDailyExportedTotal('textValue') as string,
+      },
+    });
+  }
+
+  if (pvConfigured.value) {
+    components.push({
+      id: 'pv',
+      title: 'PV',
+      icon: 'icons/owbPV.svg',
+      power: mqttStore.getPvPower('textValue') as string,
+      powerValue: mqttStore.getPvPower('value') as number,
+      today: { exported: mqttStore.pvDailyExported('textValue') as string },
+    });
+  }
+
+  components.push({
+    id: 'house',
+    title: 'Haus',
+    icon: 'icons/owbHouse.svg',
+    power: mqttStore.getHomePower('textValue') as string,
+    powerValue: mqttStore.getHomePower('value') as number,
+    today: { imported: mqttStore.homeDailyYield('textValue') as string },
+  });
+
+  if (chargePointConfigured.value) {
+    components.push({
+      id: 'chargepoint',
+      title: 'Ladepunkte',
+      icon: 'icons/owbChargePoint.svg',
+      power: mqttStore.chargePointSumPower('textValue') as string,
+      powerValue: mqttStore.chargePointSumPower('value') as number,
+      today: {
+        imported: mqttStore.chargePointDailyImported('textValue') as string,
+        exported: mqttStore.chargePointDailyExported('textValue') as string,
+      },
+    });
+  }
+
+  return components;
+});
+
+const getArrowDirection = computed(() =>
+  rows.value.map((item) => {
+    let rotate = false;
+    let noCurrent = false;
+    if (item.powerValue === 0) noCurrent = true;
+    if (item.id === 'grid') {
+      rotate = Number(item.powerValue) < 0;
+    } else {
+      rotate = Number(item.powerValue) > 0;
+    }
+    return { id: item.id, rotate180: rotate, noCurrent };
+  }),
+);
+
+const arrowDirection = (itemId: string) =>
+  getArrowDirection.value.find((component) => component.id === itemId) ?? {
+    rotate180: false,
+    noCurrent: false,
+  };
+
+const rootRef = ref<HTMLElement | null>(null);
+const titleRef = ref<HTMLElement | null>(null);
+const rowHeight = ref(44);
+
+let slideElement: HTMLElement | null = null;
+let slideObserver: ResizeObserver | null = null;
+
+function getSlideElement(): HTMLElement | null {
+  return rootRef.value?.closest('.q-carousel__slide') as HTMLElement | null;
+}
+
+const calculateRowHeight = () => {
+  nextTick(() => {
+    const slide = slideElement ?? getSlideElement();
+    if (!slide) return;
+    const style = window.getComputedStyle(slide);
+    const paddings =
+      parseFloat(style.paddingTop || '0') +
+      parseFloat(style.paddingBottom || '0');
+    const totalHeight = slide.clientHeight - paddings;
+    const titleHeight = titleRef.value?.offsetHeight ?? 0;
+    const verticalGaps = (rows.value.length - 1) * 3;
+    const safetyPadding = 12;
+    const availableHeight = Math.max(
+      0,
+      totalHeight - titleHeight - verticalGaps - safetyPadding,
+    );
+    const rowCount = Math.max(1, rows.value.length);
+    const ROW_MIN = 36;
+    const ROW_MAX = 65;
+    rowHeight.value = Math.max(
+      ROW_MIN,
+      Math.min(ROW_MAX, Math.floor(availableHeight / rowCount)),
+    );
+  });
+};
+
+onMounted(() => {
+  slideElement = getSlideElement();
+  // Observe slide size changes (e.g. viewport resize, fullscreen, layout shifts)
+  if (slideElement) {
+    slideObserver = new ResizeObserver(calculateRowHeight);
+    slideObserver.observe(slideElement);
+  }
+  // Fallback: also listen to window resize
+  window.addEventListener('resize', calculateRowHeight, { passive: true });
+  calculateRowHeight();
+});
+
+onBeforeUnmount(() => {
+  slideObserver?.disconnect();
+  slideObserver = null;
+  window.removeEventListener('resize', calculateRowHeight);
+});
+// Recompute when number of rows changes (components shown/hidden)
+watch(rows, calculateRowHeight, { deep: true });
+</script>
+
+<style scoped>
+.container {
+  min-height: 100%;
+  overflow-y: auto;
+}
+
+.centered-panel {
+  max-width: 600px;
+  width: 100%;
+}
+
+.banner-table :deep(.q-table__middle table) {
+  border-collapse: separate;
+  border-spacing: 0 3px; /* vertical gap between “cards” */
+}
+
+.banner-table :deep(tbody tr) {
+  height: var(--row-h);
+}
+
+.banner-table :deep(tbody td:first-child) {
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+.banner-table :deep(tbody td:last-child) {
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+
+.banner-table :deep(.q-table__container),
+.banner-table :deep(.q-table__middle) {
+  background: var(--q-background-2) !important;
+}
+
+.grid {
+  background: #d5bbc0;
+}
+.body--dark .grid {
+  background: #a13a41;
+}
+
+.battery {
+  background: #c7a388;
+}
+.body--dark .battery {
+  background: #b97a1f;
+}
+
+.pv {
+  background: #b3ccbc;
+}
+.body--dark .pv {
+  background: #27623a;
+}
+
+.house {
+  background: #bababf;
+}
+.body--dark .house {
+  background: #6e6e6e;
+}
+
+.chargepoint {
+  background: #b1c0d6;
+}
+.body--dark .chargepoint {
+  background: #254a8c;
+}
+
+.icon {
+  filter: brightness(0.4);
+}
+.body--dark .icon {
+  filter: brightness(1);
+}
+
+.rotate-180 {
+  transform: rotate(180deg);
+}
+</style>
diff --git a/packages/modules/web_themes/koala/source/src/components/models/daily-totals-model.ts b/packages/modules/web_themes/koala/source/src/components/models/daily-totals-model.ts
new file mode 100644
index 0000000000..23138186c9
--- /dev/null
+++ b/packages/modules/web_themes/koala/source/src/components/models/daily-totals-model.ts
@@ -0,0 +1,17 @@
+export interface DailyTotalsItem {
+  id: string;
+  title: string;
+  icon: string;
+  soc?: number;
+  power: string;
+  powerValue: number;
+  today: {
+    imported?: string;
+    exported?: string;
+  };
+  // optional placeholders for table layout columns
+  gap?: string;
+  rightLabel?: string;
+  rightValue?: string;
+  arrow?: string;
+}
diff --git a/packages/modules/web_themes/koala/source/src/stores/mqtt-store-model.ts b/packages/modules/web_themes/koala/source/src/stores/mqtt-store-model.ts
index 6fc5ef8958..6a7ab2cf40 100644
--- a/packages/modules/web_themes/koala/source/src/stores/mqtt-store-model.ts
+++ b/packages/modules/web_themes/koala/source/src/stores/mqtt-store-model.ts
@@ -5,6 +5,7 @@ export interface ThemeConfiguration {
   vehicle_card_view_breakpoint: number;
   chargePoint_table_search_input_field: boolean;
   vehicle_table_search_input_field: boolean;
+  top_carousel_slide_order: Array<string>;
 }
 
 export interface ConnectionOptions {
diff --git a/packages/modules/web_themes/koala/source/src/stores/mqtt-store.ts b/packages/modules/web_themes/koala/source/src/stores/mqtt-store.ts
index 2659be64c4..13dba47858 100644
--- a/packages/modules/web_themes/koala/source/src/stores/mqtt-store.ts
+++ b/packages/modules/web_themes/koala/source/src/stores/mqtt-store.ts
@@ -727,6 +727,54 @@ export const useMqttStore = defineStore('mqtt', () => {
     };
   });
 
+  /**
+   * Get daily imported energy sum total for all charge points
+   * @param returnType type of return value, 'textValue', 'value', 'scaledValue', 'scaledUnit' or 'object'
+   * @returns string | number | ValueObject
+   */
+  const chargePointDailyImported = computed(() => {
+    return (returnType: string = 'textValue') => {
+      const energy =
+        (getValue.value(
+          'openWB/chargepoint/get/daily_imported',
+          undefined,
+          0,
+        ) as number) || 0;
+      const valueObject = getValueObject.value(energy, 'Wh');
+      if (Object.hasOwn(valueObject, returnType)) {
+        return valueObject[returnType as keyof ValueObject];
+      }
+      if (returnType == 'object') {
+        return valueObject;
+      }
+      console.error('returnType not found!', returnType, energy);
+    };
+  });
+
+  /**
+   * Get daily exported energy sum total for all charge points
+   * @param returnType type of return value, 'textValue', 'value', 'scaledValue', 'scaledUnit' or 'object'
+   * @returns string | number | ValueObject
+   */
+  const chargePointDailyExported = computed(() => {
+    return (returnType: string = 'textValue') => {
+      const energy =
+        (getValue.value(
+          'openWB/chargepoint/get/daily_exported',
+          undefined,
+          0,
+        ) as number) || 0;
+      const valueObject = getValueObject.value(energy, 'Wh');
+      if (Object.hasOwn(valueObject, returnType)) {
+        return valueObject[returnType as keyof ValueObject];
+      }
+      if (returnType == 'object') {
+        return valueObject;
+      }
+      console.error('returnType not found!', returnType, energy);
+    };
+  });
+
   /**
    * Get the charge point power identified by the charge point id
    * @param chargePointId charge point id
@@ -2734,6 +2782,62 @@ export const useMqttStore = defineStore('mqtt', () => {
     };
   });
 
+  /**
+   * Get daily grid energy imported identified from root of component hierarchy
+   * @param returnType type of return value, 'textValue', 'value', 'scaledValue', 'scaledUnit' or 'object'
+   * @returns string | number | ValueObject | undefined
+   */
+  const gridDailyImported = computed(() => {
+    return (returnType: string = 'textValue') => {
+      const gridId = getGridId.value;
+      if (gridId === undefined) {
+        return '---';
+      }
+      const energy =
+        (getValue.value(
+          `openWB/counter/${gridId}/get/daily_imported`,
+          undefined,
+          0,
+        ) as number) || 0;
+      const valueObject = getValueObject.value(energy, 'Wh');
+      if (returnType in valueObject) {
+        return valueObject[returnType as keyof ValueObject];
+      }
+      if (returnType == 'object') {
+        return valueObject;
+      }
+      console.error('returnType not found!', returnType, energy);
+    };
+  });
+
+  /**
+   * Get daily grid energy exported identified from root of component hierarchy
+   * @param returnType type of return value, 'textValue', 'value', 'scaledValue', 'scaledUnit' or 'object'
+   * @returns string | number | ValueObject | undefined
+   */
+  const gridDailyExported = computed(() => {
+    return (returnType: string = 'textValue') => {
+      const gridId = getGridId.value;
+      if (gridId === undefined) {
+        return '---';
+      }
+      const energy =
+        (getValue.value(
+          `openWB/counter/${gridId}/get/daily_exported`,
+          undefined,
+          0,
+        ) as number) || 0;
+      const valueObject = getValueObject.value(energy, 'Wh');
+      if (returnType in valueObject) {
+        return valueObject[returnType as keyof ValueObject];
+      }
+      if (returnType == 'object') {
+        return valueObject;
+      }
+      console.error('returnType not found!', returnType, energy);
+    };
+  });
+
   ////////////////// Home data //////////////////////////
 
   /**
@@ -2760,6 +2864,30 @@ export const useMqttStore = defineStore('mqtt', () => {
     };
   });
 
+  /**
+   * Get daily home energy yield
+   * @param returnType type of return value, 'textValue', 'value', 'scaledValue', 'scaledUnit' or 'object'
+   * @returns string | number | ValueObject | undefined
+   */
+  const homeDailyYield = computed(() => {
+    return (returnType: string = 'textValue') => {
+      const energy =
+        (getValue.value(
+          'openWB/counter/set/daily_yield_home_consumption',
+          undefined,
+          0,
+        ) as number) || 0;
+      const valueObject = getValueObject.value(energy, 'Wh');
+      if (returnType in valueObject) {
+        return valueObject[returnType as keyof ValueObject];
+      }
+      if (returnType == 'object') {
+        return valueObject;
+      }
+      console.error('returnType not found!', returnType, energy);
+    };
+  });
+
   ////////////////// PV data //////////////////////////
 
   /**
@@ -2793,6 +2921,30 @@ export const useMqttStore = defineStore('mqtt', () => {
     };
   });
 
+  /**
+   * Get pv daily exported energy
+   * @param returnType type of return value, 'textValue', 'value', 'scaledValue', 'scaledUnit' or 'object'
+   * @returns string | number | ValueObject | undefined
+   */
+  const pvDailyExported = computed(() => {
+    return (returnType: string = 'textValue') => {
+      const energy =
+        (getValue.value(
+          'openWB/pv/get/daily_exported',
+          undefined,
+          0,
+        ) as number) || 0;
+      const valueObject = getValueObject.value(energy, 'Wh');
+      if (returnType in valueObject) {
+        return valueObject[returnType as keyof ValueObject];
+      }
+      if (returnType == 'object') {
+        return valueObject;
+      }
+      console.error('returnType not found!', returnType, energy);
+    };
+  });
+
   ////////////////// Chart //////////////////////////
 
   /**
@@ -2859,6 +3011,8 @@ export const useMqttStore = defineStore('mqtt', () => {
     chargePointPlugState,
     chargePointChargeState,
     chargePointSumPower,
+    chargePointDailyImported,
+    chargePointDailyExported,
     chargePointPower,
     chargePointEnergyCharged,
     chargePointEnergyChargedPlugged,
@@ -2946,11 +3100,15 @@ export const useMqttStore = defineStore('mqtt', () => {
     getGridId,
     getComponentName,
     getGridPower,
+    gridDailyImported,
+    gridDailyExported,
     // Home data
     getHomePower,
+    homeDailyYield,
     // PV data
     getPvConfigured,
     getPvPower,
+    pvDailyExported,
     // Chart data
     chartData,
     // electricity tariff provider