diff --git a/launcher/src/components/UI/control-page/components/widgets/AmsterdamComponent.vue b/launcher/src/components/UI/control-page/components/widgets/AmsterdamComponent.vue
index de078946e..472c324e6 100755
--- a/launcher/src/components/UI/control-page/components/widgets/AmsterdamComponent.vue
+++ b/launcher/src/components/UI/control-page/components/widgets/AmsterdamComponent.vue
@@ -1,10 +1,13 @@
 <template>
   <div class="amsterdam-parent">
-    <!-- ||
+    <no-data
+      v-if="
+        !setupsStore.selectedServicePairs ||
         isConsensusMissing ||
         !footerStore.isConsensusRunning ||
-        footerStore.prometheusIsOff -->
-    <no-data v-if="!setupsStore.selectedServicePairs" />
+        footerStore.prometheusIsOff
+      "
+    />
     <template v-else>
       <div
         class="icoTitle"
@@ -159,7 +162,7 @@ const isConsensusMissing = computed(() =>
 );
 
 const proposedBlock = computed(() => {
-  if (setupsStore.selectedSetup?.network === "gnosis") {
+  if (setupsStore.selectedServicePairs?.network === "gnosis") {
     return Array.from({ length: 16 }, () => ({
       slotNumber: 0,
       slotStatus: "pending",
@@ -198,6 +201,8 @@ const serviceStateController = (serviceName, stateProperty) => {
     servicesToCheck = servicesStore.installedServices;
   } else if (setupsStore.selectedSetup && setupsStore.selectedSetup.services) {
     servicesToCheck = setupsStore.selectedSetup.services;
+  } else {
+    servicesToCheck = setupsStore.allSetups.flatMap((setup) => setup.services || []);
   }
 
   for (let service of servicesToCheck) {
@@ -214,16 +219,22 @@ const serviceController = (args, setup) => {
   const foundCategories = new Set();
   let hasPrometheus = false;
 
-  for (let obj of args) {
-    if (obj.name.toLowerCase().includes("prometheus")) {
-      hasPrometheus = true;
+  if (Array.isArray(args)) {
+    for (let obj of args) {
+      if (obj?.name?.toLowerCase().includes("prometheus")) {
+        hasPrometheus = true;
+      }
     }
   }
 
-  if (setup && setup.services) {
-    for (let service of setup.services) {
-      if (service.category === "consensus" || service.category === "execution") {
-        foundCategories.add(service.category);
+  const setupsToCheck = Array.isArray(setup) ? setup : [setup];
+
+  for (const singleSetup of setupsToCheck) {
+    if (singleSetup?.services && Array.isArray(singleSetup.services)) {
+      for (let service of singleSetup.services) {
+        if (service.category === "consensus" || service.category === "execution") {
+          foundCategories.add(service.category);
+        }
       }
     }
   }
@@ -243,8 +254,10 @@ const serviceController = (args, setup) => {
 };
 
 watch(servicesStore.installedServices, (newVal) => {
-  const selectedSetup = setupsStore.selectedSetup ? setupsStore.selectedSetup : [];
-  serviceController(newVal, selectedSetup);
+  const setupToCheck = setupsStore.selectedSetup?.services?.length
+    ? setupsStore.selectedSetup
+    : setupsStore.allSetups;
+  serviceController(newVal, setupToCheck);
   const consensusServiceName =
     setupsStore?.selectedServicePairs?.consensusService?.name || null;
 
@@ -257,18 +270,6 @@ watch(servicesStore.installedServices, (newVal) => {
   );
 });
 
-watch(setupsStore.selectedSetup, (newVal, oldVal) => {
-  if (newVal?.network !== oldVal?.network) {
-    if (newVal?.network === "gnosis" || oldVal?.network === "gnosis") {
-      networkFlag.value = true;
-    }
-
-    currentEpochSlot(
-      setupsStore?.selectedServicePairs?.consensusService?.name?.toUpperCase()
-    );
-  }
-});
-
 const currentEpochSlot = async (consensusName) => {
   try {
     let res = await ControlService.getCurrentEpochSlot(consensusName);
@@ -282,7 +283,8 @@ const currentEpochSlot = async (consensusName) => {
 };
 
 const refreshTimer = () => {
-  const intervalTime = setupsStore.selectedSetup?.network === "gnosis" ? 5000 : 11000;
+  const intervalTime =
+    setupsStore.selectedServicePairs?.network === "gnosis" ? 5000 : 11000;
 
   polling.value = setInterval(() => {
     if (controlStore.currentSlotData && controlStore.currentEpochData) {
@@ -320,13 +322,13 @@ watch(
     if (networkFlag.value) {
       changeCounter.value++;
       if (
-        setupsStore.selectedSetup?.network === "gnosis" &&
+        setupsStore.selectedServicePairs?.network === "gnosis" &&
         controlStore.changeCounter === 4
       ) {
         networkFlag.value = false;
         changeCounter.value = 0;
       } else if (
-        setupsStore.selectedSetup?.network !== "gnosis" &&
+        setupsStore.selectedServicePairs?.network !== "gnosis" &&
         controlStore.changeCounter === 2
       ) {
         networkFlag.value = false;
diff --git a/launcher/src/components/UI/control-page/components/widgets/EndpointWidget.vue b/launcher/src/components/UI/control-page/components/widgets/EndpointWidget.vue
index 4bf997090..152e746e2 100644
--- a/launcher/src/components/UI/control-page/components/widgets/EndpointWidget.vue
+++ b/launcher/src/components/UI/control-page/components/widgets/EndpointWidget.vue
@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="volume-Parent flex w-full h-full justify-center items-center flex-col p-1 gap-1 relative"
-  >
+  <div class="volume-Parent flex w-full h-full justify-center items-center flex-col p-1 gap-1 relative">
     <NoData v-if="!setupStore.selectedServicePairs" />
     <template v-else>
       <EndpointServiceLine
@@ -64,27 +62,21 @@ const extractPort = (url) => {
 const rpcToggle = async () => {
   nodeHeaderStore.rpcState = !nodeHeaderStore.rpcState;
   await (nodeHeaderStore.rpcState
-    ? ControlService.openRpcTunnel(
-        setupStore?.selectedServicePairs?.executionService?.config?.serviceID
-      )
+    ? ControlService.openRpcTunnel(setupStore?.selectedServicePairs?.executionService?.config?.serviceID)
     : ControlService.closeRpcTunnel());
 };
 
 const dataToggle = async () => {
   nodeHeaderStore.dataState = !nodeHeaderStore.dataState;
   await (nodeHeaderStore.dataState
-    ? ControlService.openBeaconTunnel(
-        setupStore?.selectedServicePairs?.consensusService?.id
-      )
+    ? ControlService.openBeaconTunnel(setupStore?.selectedServicePairs?.consensusService?.id)
     : ControlService.closeBeaconTunnel());
 };
 
 const wsToggle = async () => {
   nodeHeaderStore.wsState = !nodeHeaderStore.wsState;
   await (nodeHeaderStore.wsState
-    ? ControlService.openWsTunnel(
-        setupStore?.selectedServicePairs?.executionService?.config?.serviceID
-      )
+    ? ControlService.openWsTunnel(setupStore?.selectedServicePairs?.executionService?.config?.serviceID)
     : ControlService.closeWsTunnel());
 };
 
@@ -99,16 +91,13 @@ const changeService = async () => {
 
 const getServiceUrl = (serviceType, statusData) => {
   const serviceId =
-    setupStore?.selectedServicePairs?.[serviceType]?.config?.serviceID ||
-    setupStore?.selectedServicePairs?.[serviceType]?.id;
+    setupStore?.selectedServicePairs?.[serviceType]?.config?.serviceID || setupStore?.selectedServicePairs?.[serviceType]?.id;
   const matchedService = statusData?.find((service) => service.sid === serviceId);
   return matchedService ? matchedService.url : "";
 };
 
 const executionRpcUrl = computed(() => {
-  return controlStore.rpcstatus?.data
-    ? getServiceUrl("executionService", controlStore.rpcstatus.data)
-    : "";
+  return controlStore.rpcstatus?.data ? getServiceUrl("executionService", controlStore.rpcstatus.data) : "";
 });
 
 watch(executionRpcUrl, (newUrl) => {
@@ -117,26 +106,16 @@ watch(executionRpcUrl, (newUrl) => {
 });
 
 const beaconDataUrl = computed(() => {
-  return controlStore.beaconstatus?.data
-    ? getServiceUrl("consensusService", controlStore.beaconstatus.data)
-    : "";
+  return controlStore.beaconstatus?.data ? getServiceUrl("consensusService", controlStore.beaconstatus.data) : "";
 });
 
 const wsDataUrl = computed(() => {
-  return controlStore.wsstatus?.data
-    ? getServiceUrl("executionService", controlStore.wsstatus.data)
-    : "";
+  return controlStore.wsstatus?.data ? getServiceUrl("executionService", controlStore.wsstatus.data) : "";
 });
 
-const rpcIsLoading = computed(
-  () => controlStore.rpcstatus.info !== "success: rpcstatus successfully retrieved"
-);
-const beaconstatusIsLoading = computed(
-  () => controlStore.beaconstatus.info !== "success: beaconstatus successfully retrieved"
-);
-const wsIsLoading = computed(
-  () => controlStore.wsstatus.info !== "success: wsstatus successfully retrieved"
-);
+const rpcIsLoading = computed(() => controlStore.rpcstatus?.info !== "success: rpcstatus successfully retrieved");
+const beaconstatusIsLoading = computed(() => controlStore.beaconstatus?.info !== "success: beaconstatus successfully retrieved");
+const wsIsLoading = computed(() => controlStore.wsstatus?.info !== "success: wsstatus successfully retrieved");
 
 // Function to copy URL to clipboard
 const copied = ref(false);
diff --git a/launcher/src/components/UI/control-page/components/widgets/EpochSlot.vue b/launcher/src/components/UI/control-page/components/widgets/EpochSlot.vue
index 40c44705b..80dc699cc 100644
--- a/launcher/src/components/UI/control-page/components/widgets/EpochSlot.vue
+++ b/launcher/src/components/UI/control-page/components/widgets/EpochSlot.vue
@@ -1,41 +1,43 @@
 <template>
   <!-- || !footerStore.isConsensusRunning || isConsensusMissing -->
-  <div
-    v-if="!setupStore?.selectedServicePairs"
-    class="NoDataParent flex w-full h-full justify-center items-center relative"
-    @mouseenter="cursorLocation = `${footerStore.nodataMessage}`"
-    @mouseleave="cursorLocation = ''"
-  >
-    <NoData />
-  </div>
 
   <div
-    v-else
-    class="volume-Parent flex w-full h-full justify-center items-center flex-col p-1 gap-1"
+    class="volume-Parent flex w-full h-full justify-center items-center flex-col p-1 gap-1 relative"
   >
-    <ServiceLine
-      :label="t('controlPage.currentEpoch')"
-      :value="flag ? beaconControler : controlStore?.currentResult?.currentEpoch"
-      :hover-text="
-        t('controlPage.currentEpochIs', {
-          epoch: flag ? beaconControler : controlStore?.currentResult?.currentEpoch,
-        })
-      "
-    />
-    <ServiceLine label="INDEX" value="-----" />
-    <ServiceLine
-      :label="t('controlPage.currentSlot')"
-      :value="flag ? beaconControler : controlStore?.currentResult?.currentSlot"
-      :hover-text="
-        t('controlPage.currentSlotIs', {
-          slot: flag ? beaconControler : controlStore?.currentResult?.currentSlot,
-        })
+    <NoData
+      v-if="
+        !setupsStore?.selectedServicePairs ||
+        isConsensusMissing ||
+        !footerStore?.isConsensusRunning ||
+        footerStore?.prometheusIsOff
       "
     />
+    <template v-else>
+      <ServiceLine
+        :label="t('controlPage.currentEpoch')"
+        :value="flag ? beaconControler : controlStore?.currentResult?.currentEpoch"
+        :hover-text="
+          t('controlPage.currentEpochIs', {
+            epoch: flag ? beaconControler : controlStore?.currentResult?.currentEpoch,
+          })
+        "
+      />
+      <ServiceLine label="INDEX" value="-----" />
+      <ServiceLine
+        :label="t('controlPage.currentSlot')"
+        :value="flag ? beaconControler : controlStore?.currentResult?.currentSlot"
+        :hover-text="
+          t('controlPage.currentSlotIs', {
+            slot: flag ? beaconControler : controlStore?.currentResult?.currentSlot,
+          })
+        "
+      />
+    </template>
   </div>
 </template>
 
 <script setup>
+import { useSetups } from "@/store/setups";
 import { useControlStore } from "@/store/theControl";
 import { useFooter } from "@/store/theFooter";
 import { computed } from "vue";
@@ -46,6 +48,7 @@ import i18n from "@/includes/i18n";
 const t = i18n.global.t;
 const controlStore = useControlStore();
 const footerStore = useFooter();
+const setupsStore = useSetups();
 
 const beaconControler = computed(() => {
   if (
@@ -59,7 +62,11 @@ const beaconControler = computed(() => {
     : "Loading...";
 });
 
+const isConsensusMissing = computed(() =>
+  footerStore?.missingServices?.includes("consensus")
+);
+
 const flag = computed(
-  () => !controlStore.currentResult || controlStore.currentResult.beaconStatus !== 0
+  () => !controlStore?.currentResult || controlStore?.currentResult?.beaconStatus !== 0
 );
 </script>
diff --git a/launcher/src/components/UI/control-page/components/widgets/SelectServiceWidget.vue b/launcher/src/components/UI/control-page/components/widgets/SelectServiceWidget.vue
index 278c2ca44..c851c1e63 100644
--- a/launcher/src/components/UI/control-page/components/widgets/SelectServiceWidget.vue
+++ b/launcher/src/components/UI/control-page/components/widgets/SelectServiceWidget.vue
@@ -1,18 +1,33 @@
 <template>
-  <div class="select-service-widget-parent flex flex-col w-full h-full justify-center items-center">
-    <div v-if="servicePairs.length === 0" class="wrapper flex w-full h-full justify-center items-center relative">
+  <div
+    class="select-service-widget-parent flex flex-col w-full h-full justify-center items-center"
+  >
+    <div
+      v-if="servicePairs.length === 0"
+      class="wrapper flex w-full h-full justify-center items-center relative"
+    >
       <NoData />
     </div>
 
     <template v-else>
       <div class="h-1/2 w-full justify-center items-center flex p-1">
-        <div class="selector-services w-full h-full flex rounded-md border border-gray-500" @click="toggleDropdown">
-          <div class="selected-service-name flex justify-center items-center w-[90%] h-full text-gray-200 text-2xs font-semibold uppercase">
+        <div
+          class="selector-services w-full h-full flex rounded-md border border-gray-500"
+          @click="toggleDropdown"
+        >
+          <div
+            class="selected-service-name flex justify-center items-center w-[90%] h-full text-gray-200 text-2xs font-semibold uppercase"
+          >
             {{ selectedServiceLabel }}
           </div>
 
-          <div class="arrow-box flex justify-center items-center w-[10%] h-full text-gray-200 text-lg font-semibold uppercase">
-            <ServiceArrow direction="next" :class="{ 'rotate-[270deg]': isOpen, 'rotate-90': !isOpen }" />
+          <div
+            class="arrow-box flex justify-center items-center w-[10%] h-full text-gray-200 text-lg font-semibold uppercase"
+          >
+            <ServiceArrow
+              direction="next"
+              :class="{ 'rotate-[270deg]': isOpen, 'rotate-90': !isOpen }"
+            />
           </div>
         </div>
 
@@ -28,33 +43,59 @@
             v-if="isOpen"
             class="absolute top-[25%] z-20 min-h-20 mt-1 origin-top-right shadow-md bg-gray-200 transition-all duration-100 divide-y divide-gray-600 shadow-black rounded-md p-1 w-[24%]"
           >
-            <DropdownOption text="EXECUTION & CONSENSUS CLIENTS" @select="servicePicker('exeCons')" />
+            <DropdownOption
+              text="EXECUTION & CONSENSUS CLIENTS"
+              @select="servicePicker('exeCons')"
+            />
             <DropdownOption text="VALIDATOR CLIENT" @select="servicePicker('vld')" />
           </div>
         </transition>
       </div>
 
-      <div v-if="controlStore.pickedService === 'vld'" class="h-1/2 w-full flex justify-center items-center">
-        <ServiceArrow v-if="filteredValidatorServices.length > 1" direction="prev" @prev="prevValidator" />
+      <div
+        v-if="controlStore.pickedService === 'vld'"
+        class="h-1/2 w-full flex justify-center items-center"
+      >
+        <ServiceArrow
+          v-if="filteredValidatorServices.length > 1"
+          direction="prev"
+          @prev="prevValidator"
+        />
         <div class="validator-info w-4/5 h-full flex justify-center items-center">
           <ServiceIcon
-            :icon="selectedValidatorService?.icon || '/img/icon/stereum-icons/stereum-logo.png'"
+            :icon="
+              selectedValidatorService?.icon || '/img/icon/stereum-icons/stereum-logo.png'
+            "
             :alt-text="selectedValidatorService?.name || 'Stereum'"
           />
           <div class="vld-info h-full w-2/6 flex justify-center items-center flex-col">
-            <div class="name-val h-full w-2/6 flex justify-center items-center text-2xs text-gray-200 font-semibold">
+            <div
+              class="name-val h-full w-2/6 flex justify-center items-center text-2xs text-gray-200 font-semibold"
+            >
               {{ selectedValidatorService?.name || "" }}
             </div>
-            <div class="id-val h-full w-2/6 flex justify-center items-center text-[60%] text-gray-200">
-              {{ selectedValidatorService?.config?.serviceID ? formatServiceId(selectedValidatorService.config.serviceID) : "" }}
+            <div
+              class="id-val h-full w-2/6 flex justify-center items-center text-[60%] text-gray-200"
+            >
+              {{
+                selectedValidatorService?.config?.serviceID
+                  ? formatServiceId(selectedValidatorService.config.serviceID)
+                  : ""
+              }}
             </div>
           </div>
-          <div class="vld-keys h-1/2 w-2/6 flex justify-center items-center text-gray-200 text-lg font-semibold uppercase">
+          <div
+            class="vld-keys h-1/2 w-2/6 flex justify-center items-center text-gray-200 text-lg font-semibold uppercase"
+          >
             {{ formattedValidatorNo }}
           </div>
           <ServiceIcon icon="/img/icon/control-page-icons/key-eth.svg" alt-text="key" />
         </div>
-        <ServiceArrow v-if="filteredValidatorServices.length > 1" direction="next" @next="nextValidator" />
+        <ServiceArrow
+          v-if="filteredValidatorServices.length > 1"
+          direction="next"
+          @next="nextValidator"
+        />
       </div>
 
       <div v-else class="h-1/2 w-full flex justify-center items-center">
@@ -89,7 +130,9 @@ const isOpen = ref(false);
 const currentIndex = ref(0);
 
 const selectedServiceLabel = computed(() => {
-  return controlStore.pickedService === "exeCons" ? "EXECUTION & CONSENSUS CLIENTS" : "VALIDATOR CLIENT";
+  return controlStore.pickedService === "exeCons"
+    ? "EXECUTION & CONSENSUS CLIENTS"
+    : "VALIDATOR CLIENT";
 });
 
 const servicePairs = computed(() => {
@@ -100,8 +143,15 @@ const servicePairs = computed(() => {
         setup.services
           .filter((service) => service.category === "consensus")
           .flatMap((consensusService) =>
-            (consensusService.config?.dependencies?.executionClients || []).map((executionClient) =>
-              createServicePair(consensusService, executionClient, setup.services, setup.network)
+            (
+              consensusService.config?.dependencies?.executionClients || []
+            ).map((executionClient) =>
+              createServicePair(
+                consensusService,
+                executionClient,
+                setup.services,
+                setup.network
+              )
             )
           )
       );
@@ -113,20 +163,31 @@ const servicePairs = computed(() => {
   return setup.services
     .filter((service) => service.category === "consensus")
     .flatMap((consensusService) =>
-      (consensusService.config?.dependencies?.executionClients || []).map((executionClient) =>
-        createServicePair(consensusService, executionClient, setup.services, setup.network)
+      (
+        consensusService.config?.dependencies?.executionClients || []
+      ).map((executionClient) =>
+        createServicePair(
+          consensusService,
+          executionClient,
+          setup.services,
+          setup.network
+        )
       )
     );
 });
 
 const createServicePair = (consensusService, executionClient, services, network) => {
   const executionDetails = services.find(
-    (service) => service.service === executionClient.service && service.config?.serviceID === executionClient.id
+    (service) =>
+      service.service === executionClient.service &&
+      service.config?.serviceID === executionClient.id
   ) || { name: executionClient.service, config: { serviceID: executionClient.id } };
 
   const consensusDetails =
     services.find(
-      (service) => service.service === consensusService.service && service.config?.serviceID === consensusService.config?.serviceID
+      (service) =>
+        service.service === consensusService.service &&
+        service.config?.serviceID === consensusService.config?.serviceID
     ) || {};
 
   return {
@@ -145,21 +206,28 @@ const formatServiceDetails = (service, details) => ({
   ports: service.config?.ports || [],
 });
 
-const formatServiceId = (id) => (id && id.length >= 7 ? `${id.slice(0, 5)}...${id.slice(-5)}` : id);
+const formatServiceId = (id) =>
+  id && id.length >= 7 ? `${id.slice(0, 5)}...${id.slice(-5)}` : id;
 
-const selectedPair = computed(() => servicePairs.value[setupStore.currentPairIndex] || null);
+const selectedPair = computed(
+  () => servicePairs.value[setupStore.currentPairIndex] || null
+);
 
 const relatedValidators = computed(() => {
   if (!selectedPair.value?.consensusService) return [];
-  return (
-    setupStore.selectedSetup?.services.filter(
-      (service) =>
-        service.category === "validator" &&
-        service.config?.dependencies?.consensusClients?.some(
-          (dependency) =>
-            dependency.service === selectedPair.value.consensusService.service && dependency.id === selectedPair.value.consensusService.id
-        )
-    ) || []
+
+  const servicesToCheck = setupStore.selectedSetup?.services?.length
+    ? setupStore.selectedSetup.services
+    : setupStore.allSetups.flatMap((setup) => setup.services || []);
+
+  return servicesToCheck.filter(
+    (service) =>
+      service.category === "validator" &&
+      service.config?.dependencies?.consensusClients?.some(
+        (dependency) =>
+          dependency.service === selectedPair.value.consensusService.service &&
+          dependency.id === selectedPair.value.consensusService.id
+      )
   );
 });
 
@@ -168,9 +236,13 @@ const filteredValidatorServices = computed(() => {
   return setup?.services.filter((service) => service.category === "validator") || [];
 });
 
-const selectedValidatorService = computed(() => filteredValidatorServices.value[currentIndex.value] || null);
+const selectedValidatorService = computed(
+  () => filteredValidatorServices.value[currentIndex.value] || null
+);
 
-const formattedValidatorNo = computed(() => stakingStore.keys.length.toString().padStart(3, "0"));
+const formattedValidatorNo = computed(() =>
+  stakingStore.keys.length.toString().padStart(3, "0")
+);
 
 const toggleDropdown = () => {
   isOpen.value = !isOpen.value;
@@ -183,34 +255,43 @@ const servicePicker = (type) => {
 
 const prevPair = () => {
   if (servicePairs.value.length) {
-    setupStore.currentPairIndex = (setupStore.currentPairIndex - 1 + servicePairs.value.length) % servicePairs.value.length;
+    setupStore.currentPairIndex =
+      (setupStore.currentPairIndex - 1 + servicePairs.value.length) %
+      servicePairs.value.length;
   }
 };
 
 const nextPair = () => {
   if (servicePairs.value.length) {
-    setupStore.currentPairIndex = (setupStore.currentPairIndex + 1) % servicePairs.value.length;
+    setupStore.currentPairIndex =
+      (setupStore.currentPairIndex + 1) % servicePairs.value.length;
   }
 };
 
 const prevValidator = () => {
   if (filteredValidatorServices.value.length) {
-    currentIndex.value = (currentIndex.value - 1 + filteredValidatorServices.value.length) % filteredValidatorServices.value.length;
+    currentIndex.value =
+      (currentIndex.value - 1 + filteredValidatorServices.value.length) %
+      filteredValidatorServices.value.length;
   }
 };
 
 const nextValidator = () => {
   if (filteredValidatorServices.value.length) {
-    currentIndex.value = (currentIndex.value + 1) % filteredValidatorServices.value.length;
+    currentIndex.value =
+      (currentIndex.value + 1) % filteredValidatorServices.value.length;
   }
 };
 
 watch(
   selectedPair,
-  (newPair) => {
-    setupStore.selectedServicePairs = newPair;
+  (newPair, oldPair) => {
+    // Check if newPair is different from oldPair
+    if (JSON.stringify(newPair) !== JSON.stringify(oldPair)) {
+      setupStore.selectedServicePairs = newPair;
+    }
   },
-  { immediate: true }
+  { immediate: true, deep: true }
 );
 
 watch(