diff --git a/launcher/public/img/icon/one-click-icons/preset-icons/vconly.png b/launcher/public/img/icon/one-click-icons/preset-icons/vconly.png
new file mode 100644
index 0000000000..3ae50a701c
Binary files /dev/null and b/launcher/public/img/icon/one-click-icons/preset-icons/vconly.png differ
diff --git a/launcher/public/img/icon/stereumplus-icons/stereumplus-icon.png b/launcher/public/img/icon/stereumplus-icons/stereumplus-icon.png
new file mode 100644
index 0000000000..cd4c667dc0
Binary files /dev/null and b/launcher/public/img/icon/stereumplus-icons/stereumplus-icon.png differ
diff --git a/launcher/public/output.css b/launcher/public/output.css
index 187d9c36dd..0f3446fd17 100755
--- a/launcher/public/output.css
+++ b/launcher/public/output.css
@@ -1,7 +1,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");
 
 /*
-! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -807,10 +807,6 @@ video {
   top: -90px;
 }
 
-.bottom-0{
-  bottom: 0px;
-}
-
 .bottom-0\.5{
   bottom: 0.125rem;
 }
@@ -847,10 +843,6 @@ video {
   inset-inline-end: 0.25rem;
 }
 
-.end-2{
-  inset-inline-end: 0.5rem;
-}
-
 .left-0{
   left: 0px;
 }
@@ -2206,6 +2198,10 @@ video {
   width: 15rem;
 }
 
+.w-64{
+  width: 16rem;
+}
+
 .w-7{
   width: 1.75rem;
 }
@@ -2410,11 +2406,6 @@ video {
           flex: none;
 }
 
-.flex-shrink{
-  -ms-flex-negative: 1;
-      flex-shrink: 1;
-}
-
 .flex-shrink-0{
   -ms-flex-negative: 0;
       flex-shrink: 0;
@@ -2736,11 +2727,6 @@ video {
           flex-direction: column;
 }
 
-.flex-wrap{
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-
 .place-content-center{
   place-content: center;
 }
@@ -2949,6 +2935,11 @@ video {
   border-color: rgb(156 163 175 / var(--tw-divide-opacity));
 }
 
+.divide-gray-500 > :not([hidden]) ~ :not([hidden]){
+  --tw-divide-opacity: 1;
+  border-color: rgb(107 114 128 / var(--tw-divide-opacity));
+}
+
 .divide-gray-600 > :not([hidden]) ~ :not([hidden]){
   --tw-divide-opacity: 1;
   border-color: rgb(75 85 99 / var(--tw-divide-opacity));
@@ -4510,11 +4501,6 @@ video {
   line-height: 1.25rem;
 }
 
-.text-sm\/none{
-  font-size: 0.875rem;
-  line-height: 1;
-}
-
 .text-xl{
   font-size: 1.25rem;
   line-height: 1.75rem;
@@ -5386,11 +5372,6 @@ html body {
   left: 2px;
 }
 
-.after\:top-0::after{
-  content: var(--tw-content);
-  top: 0px;
-}
-
 .after\:top-0\.5::after{
   content: var(--tw-content);
   top: 0.125rem;
diff --git a/launcher/src/components/UI/edit-page/EditScreen.vue b/launcher/src/components/UI/edit-page/EditScreen.vue
index 6afc4ce562..50dc40ef5b 100644
--- a/launcher/src/components/UI/edit-page/EditScreen.vue
+++ b/launcher/src/components/UI/edit-page/EditScreen.vue
@@ -17,6 +17,7 @@
           @delete-setup="deleteSetup"
           @confirm-consensus="confirmConsensusConnection"
           @info-modal="openInfoModal"
+          @external-modify="openExternalModifyingModal"
         />
       </div>
       <div class="col-start-17 col-end-21 ml-1 grid grid-cols-2 grid-rows-9">
@@ -82,6 +83,15 @@
         @confirm-modify="confirmModifyingService"
       />
       <!-- End Modify Services Modal -->
+      <!-- Start External Modify for External Service -->
+      <ExternalModifying
+        v-if="isExternalModifyOpen"
+        :client="clientToModify"
+        @close-window="hideExternalModify"
+        @confirm-install="confirmExternalModifying"
+      />
+      <!-- End External Modify for External Service -->
+
       <!-- Start Add configs for Custom Service -->
 
       <AddCustom
@@ -149,6 +159,7 @@ import AddModal from "./components/modals/AddModal.vue";
 import InfoModal from "./components/modals/InfoModal.vue";
 import ModifyModal from "./components/modals/ModifyModal.vue";
 import NetworkModal from "./components/modals/NetworkModal.vue";
+import ExternalModifying from "./components/modals/ExternalModifying.vue";
 import NukeModal from "./components/modals/NukeModal.vue";
 import SwitchModal from "./components/modals/SwitchModal.vue";
 import AddCustom from "./components/modals/custom-service/AddCustom.vue";
@@ -184,6 +195,7 @@ const isModifyModalOpen = ref(false);
 const isAddModalOpen = ref(false);
 const clientToConnect = ref(null);
 const isNukeModalOpen = ref(false);
+const isExternalModifyOpen = ref(false);
 const nukeModalComponent = ref();
 const selectedSetupNetwork = ref("");
 const changeAnime = ref("/animation/confirm-changes/modify.gif");
@@ -352,6 +364,12 @@ const switchClientConfirm = (properties) => {
 };
 // Clients Modifying methods
 
+const confirmExternalModifying = (client, properties) => {
+  isExternalModifyOpen.value = false;
+  console.log("External Confirm", client);
+  console.log("External Confirm", properties);
+};
+
 const confirmModifyingService = (item) => {
   isModifyModalOpen.value = false;
   if (item.client.service === "FlashbotsMevBoostService") {
@@ -918,6 +936,20 @@ const confirmImportSingleSetup = async (data) => {
   setupStore.isImportAnimeActive = true;
 };
 
+const openExternalModifyingModal = (item) => {
+  console.log("item", item);
+
+  clientToModify.value = item;
+  console.log("clientToModify", clientToModify.value);
+
+  isExternalModifyOpen.value = true;
+};
+
+const hideExternalModify = () => {
+  manageStore.isLineHidden = false;
+  isExternalModifyOpen.value = false;
+};
+
 const closeNetworkModal = () => {
   manageStore.displayNetworkList = false;
   manageStore.isLineHidden = false;
diff --git a/launcher/src/components/UI/edit-page/components/edit/ConfigBody.vue b/launcher/src/components/UI/edit-page/components/edit/ConfigBody.vue
index a21523442f..4004f98614 100644
--- a/launcher/src/components/UI/edit-page/components/edit/ConfigBody.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/ConfigBody.vue
@@ -38,6 +38,7 @@
         @switch-client="switchClient"
         @confirm-consensus="confirmConsensus"
         @info-modal="infoModal"
+        @external-modify="externalModify"
         @mouse-over="lineDraw"
         @mouse-leave="removeLines"
       />
@@ -49,6 +50,7 @@
         @switch-client="switchClient"
         @modify-service="modifyService"
         @info-modal="infoModal"
+        @external-modify="externalModify"
         @mouse-over="lineDraw"
         @mouse-leave="removeLines"
       />
@@ -82,6 +84,7 @@ const emit = defineEmits([
   "deleteService",
   "confirmConsensus",
   "infoModal",
+  "externalModify",
   "modifyService",
   "removeLines",
   "lineDraw",
@@ -151,4 +154,8 @@ const infoModal = (service) => {
 const modifyService = (service) => {
   emit("modifyService", service);
 };
+
+const externalModify = (service) => {
+  emit("externalModify", service);
+};
 </script>
diff --git a/launcher/src/components/UI/edit-page/components/edit/EditBody.vue b/launcher/src/components/UI/edit-page/components/edit/EditBody.vue
index e183b90f29..9a2e06fa98 100644
--- a/launcher/src/components/UI/edit-page/components/edit/EditBody.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/EditBody.vue
@@ -10,6 +10,7 @@
       @confirm-consensus="confirmConsensus"
       @info-modal="infoModal"
       @modify-service="modifyService"
+      @external-modify="externalModify"
       @remove-lines="removeConnectionLines"
     />
     <SetupBody v-else @delete-setup="deleteSetup" @connect-setup="connectSetup" @setup-infos="setupInfos" @open-configs="openConfigs" />
@@ -37,7 +38,7 @@ const emit = defineEmits([
   "confirmConsensus",
   "infoModal",
   "modifyService",
-
+  "externalModify",
   "openConfigs",
   "deleteSetup",
 ]);
@@ -115,6 +116,11 @@ const infoModal = (item) => {
   emit("infoModal", item);
 };
 
+const externalModify = (item) => {
+  manageStore.isLineHidden = true;
+  emit("externalModify", item);
+};
+
 const selectRename = async (setup) => {
   setupStore.setupToRename = setup.setupName;
   setupStore.isRenameSetupActive = true;
diff --git a/launcher/src/components/UI/edit-page/components/edit/clients/ConsensusClients.vue b/launcher/src/components/UI/edit-page/components/edit/clients/ConsensusClients.vue
index e3c3a7adac..94a8886b6e 100755
--- a/launcher/src/components/UI/edit-page/components/edit/clients/ConsensusClients.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/clients/ConsensusClients.vue
@@ -23,6 +23,7 @@
           @modify-service="modifyService"
           @delete-service="deleteService"
           @info-modal="infoModal"
+          @external-modify="externalModify"
         />
       </TransitionGroup>
     </div>
@@ -38,7 +39,7 @@ import { computed } from "vue";
 import { useSetups } from "../../../../../../store/setups";
 
 //Props & Emits
-const emit = defineEmits(["deleteService", "switchClient", "modifyService", "infoModal", "mouseOver", "mouseLeave"]);
+const emit = defineEmits(["deleteService", "switchClient", "modifyService", "externalModify", "infoModal", "mouseOver", "mouseLeave"]);
 
 //Refs
 
@@ -114,6 +115,10 @@ const modifyService = (item) => {
 const infoModal = (item) => {
   emit("infoModal", item);
 };
+
+const externalModify = (item) => {
+  emit("externalModify", item);
+};
 </script>
 <style scoped>
 .slide-fade-enter-active {
diff --git a/launcher/src/components/UI/edit-page/components/edit/clients/ExecutionClients.vue b/launcher/src/components/UI/edit-page/components/edit/clients/ExecutionClients.vue
index eac164dcd0..412417bf48 100755
--- a/launcher/src/components/UI/edit-page/components/edit/clients/ExecutionClients.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/clients/ExecutionClients.vue
@@ -23,6 +23,7 @@
           @connect-client="connectClient"
           @delete-service="deleteService"
           @info-modal="infoModal"
+          @external-modify="externalModify"
         />
       </TransitionGroup>
     </div>
@@ -108,6 +109,10 @@ const switchClient = (item) => {
 const infoModal = (item) => {
   emit("infoModal", item);
 };
+
+const externalModify = (item) => {
+  emit("externalModify", item);
+};
 </script>
 <style scoped>
 .slide-fade-enter-active {
diff --git a/launcher/src/components/UI/edit-page/components/edit/clients/GeneralMenu.vue b/launcher/src/components/UI/edit-page/components/edit/clients/GeneralMenu.vue
index 2c2f791cc7..e141ec75ee 100644
--- a/launcher/src/components/UI/edit-page/components/edit/clients/GeneralMenu.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/clients/GeneralMenu.vue
@@ -19,6 +19,15 @@
         @mouseenter="footerStore.cursorLocation = `${switchClientTooltip}`"
         @mouseleave="footerStore.cursorLocation = ''"
       />
+      <img
+        v-if="item.service === 'ExternalExecutionService' || item.service === 'ExternalConsensusService'"
+        class="w-7 border border-gray-700 bg-gray-900 rounded-md hover:bg-gray-500 p-1 cursor-pointer active:scale-90 transition duration-200"
+        src="/img/icon/edit-node-icons/service-connecting.png"
+        alt="Trash Icon"
+        @click="externalModify"
+        @mouseenter="footerStore.cursorLocation = `${switchClientTooltip}`"
+        @mouseleave="footerStore.cursorLocation = ''"
+      />
       <img
         class="w-7 border border-gray-700 bg-gray-900 rounded-md hover:bg-gray-500 p-1 cursor-pointer active:scale-90 transition duration-200"
         src="/img/icon/edit-node-icons/service-delete.png"
@@ -60,7 +69,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["deleteService", "switchClient", "modifyService", "infoModal"]);
+const emit = defineEmits(["deleteService", "switchClient", "modifyService", "infoModal", "externalModify"]);
 
 const deleteService = () => {
   emit("deleteService", props.item);
@@ -81,4 +90,9 @@ const infoModal = () => {
   emit("infoModal", props.item);
   footerStore.cursorLocation = "";
 };
+
+const externalModify = () => {
+  emit("externalModify", props.item);
+  footerStore.cursorLocation = "";
+};
 </script>
diff --git a/launcher/src/components/UI/edit-page/components/modals/AddModal.vue b/launcher/src/components/UI/edit-page/components/modals/AddModal.vue
index 4f201dc812..fd25a21045 100644
--- a/launcher/src/components/UI/edit-page/components/modals/AddModal.vue
+++ b/launcher/src/components/UI/edit-page/components/modals/AddModal.vue
@@ -96,11 +96,9 @@ const getSubTitles = computed(() => {
 
 const externalServiceConfirmBtn = computed(() => {
   if (props.client.service === "ExternalExecutionService") {
-    return props.client.config.source === "" || props.client.config.jwtToken === "";
-  } else if (props.client.service === "ExternalConsensusService" && manageStore.externalConsensusSelectedService !== "prysm") {
+    return props.client.config.source === "" && props.client.config.jwtToken === "";
+  } else if (props.client.service === "ExternalConsensusService") {
     return props.client.config.source === "";
-  } else if (props.client.service === "ExternalConsensusService" && manageStore.externalConsensusSelectedService === "prysm") {
-    return props.client.config.source === "" || props.client.config.gateway === "";
   }
   return false;
 });
diff --git a/launcher/src/components/UI/edit-page/components/modals/AddPanel.vue b/launcher/src/components/UI/edit-page/components/modals/AddPanel.vue
index 2d279dfb0f..864efde3fc 100644
--- a/launcher/src/components/UI/edit-page/components/modals/AddPanel.vue
+++ b/launcher/src/components/UI/edit-page/components/modals/AddPanel.vue
@@ -27,12 +27,64 @@ import { onMounted, watch, onUnmounted, ref } from 'vue';
     <div
       v-if="props.client.service === 'ExternalExecutionService' || props.client.service === 'ExternalConsensusService'"
       class="w-full flex justify-center items-center"
+    >
+      <div class="w-full grid grid-cols-12 items-center text-md">
+        <img class="col-start-1 w-8" src="/img/icon/edit-node-icons/service-category.png" alt="Path Icon" />
+        <span class="col-start-2 col-span-3 text-gray-400 text-md text-left">EXTERNAL SOURCE</span>
+
+        <div
+          class="col-start-6 col-span-full w-full relative bg-[#141516] border border-gray-500 rounded-md grid grid-cols-12 items-center"
+          @click="dropdown"
+        >
+          <div class="col-start-1 col-span-full flex justify-center items-center overflow-hidden">
+            <div class="w-3/4 px-2 py-1 text-sm text-gray-400 capitalize flex justify-start items-center space-x-4">
+              <img v-if="selectedSource.icon ? selectedSource.icon : null" :src="selectedSource.icon" class="w-5" />
+              <span>{{ selectedSource.name ? selectedSource.name : "Select Source" }}</span>
+            </div>
+
+            <button class="w-1/4 h-full p-1 text-gray-500 hover:text-gray-200 flex justify-end items-center">
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
+                <path
+                  fill-rule="evenodd"
+                  d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+                  clip-rule="evenodd"
+                />
+              </svg>
+            </button>
+          </div>
+
+          <div
+            v-if="isOpen"
+            class="absolute top-8 left-0 z-10 mt-2 max-h-[160px] w-64 rounded-md bg-gray-700 shadow-lg overflow-x-hidden overflow-y-auto"
+            @mouseleave="isOpen = false"
+          >
+            <div class="divide-y divide-gray-500">
+              <div
+                v-for="source in sources"
+                :key="source"
+                class="w-full flex justify-center items-center space-x-4 px-4 py-2 text-sm text-gray-300 hover:text-gray-100 hover:bg-blue-500 uppercase cursor-pointer"
+                @click="pickSource(source)"
+              >
+                <img v-if="source.icon" :src="source.icon" class="w-6" />
+                <span>{{ source.name }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      v-if="
+        (props.client.service === 'ExternalExecutionService' || props.client.service === 'ExternalConsensusService') &&
+        selectedSource.name === 'custom'
+      "
+      class="w-full flex justify-center items-center"
     >
       <div class="w-full grid grid-cols-12 items-center text-md">
         <img class="col-start-1 w-8" src="/img/icon/edit-node-icons/service-external-source.png" alt="Path Icon" />
-        <span class="col-start-2 col-span-3 text-gray-400 text-left">External Source</span>
+        <span class="col-start-2 col-span-3 text-gray-400 text-left">ADDRESS</span>
         <input
-          v-model="sourceLink"
+          v-model="addressLink"
           class="col-start-6 col-span-7 min-h-[30px] border border-gray-500 px-2 py-1 text-left text-gray-400 text-xs rounded bg-[#141516] focus:border-teal-500"
           type="text"
           autofocus
@@ -55,59 +107,6 @@ import { onMounted, watch, onUnmounted, ref } from 'vue';
         />
       </div>
     </div>
-    <div v-if="client.service === 'ExternalConsensusService'" class="w-full grid grid-cols-12 items-center text-md">
-      <img class="col-start-1 w-8" src="/img/icon/edit-node-icons/service-category.png" alt="Path Icon" />
-      <span class="col-start-2 col-span-3 text-gray-400 text-left">Client Selection</span>
-
-      <div
-        class="col-start-6 col-span-full w-full relative bg-[#141516] border border-gray-500 rounded-md grid grid-cols-12 items-center"
-        @click="dropdown"
-      >
-        <div class="col-start-1 col-span-full flex justify-center items-center overflow-hidden">
-          <div class="w-3/4 px-4 py-2 text-sm/none text-gray-400 capitalize">
-            {{ selectedService ? selectedService : "Select Existing Service" }}
-          </div>
-
-          <button class="w-1/4 h-full p-2 text-gray-500 hover:text-gray-200 flex justify-end items-center">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
-              <path
-                fill-rule="evenodd"
-                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                clip-rule="evenodd"
-              />
-            </svg>
-          </button>
-        </div>
-
-        <div
-          v-if="isOpen"
-          class="absolute top-8 end-2 z-10 mt-2 max-h-[160px] w-56 rounded-md border border-gray-100 bg-white shadow-lg overflow-x-hidden overflow-y-auto"
-          role="menu"
-        >
-          <div class="p-2" @mouseleave="isOpen = false">
-            <span
-              v-for="service in services"
-              :key="service"
-              class="block rounded-lg px-4 py-2 text-sm text-gray-500 hover:text-gray-100 hover:bg-blue-500 uppercase cursor-pointer"
-              role="menuitem"
-              @click="pickService(service), (isOpen = false)"
-            >
-              {{ service }}
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div v-if="selectedService === 'prysm'" class="w-full grid grid-cols-12 items-center text-md">
-      <img class="col-start-1 w-8" src="/img/icon/edit-node-icons/service-port.png" alt="Path Icon" />
-      <span class="col-start-2 col-span-3 text-gray-400 text-left">Gateway</span>
-      <input
-        v-model="gateway"
-        class="col-start-6 col-span-7 min-h-[30px] border border-gray-500 px-2 py-1 text-left text-gray-400 text-xs rounded bg-[#141516] focus:border-teal-500"
-        type="text"
-        autofocus
-      />
-    </div>
   </div>
 </template>
 
@@ -129,29 +128,39 @@ const props = defineProps({
 });
 
 const manageStore = useNodeManage();
-const sourceLink = ref("");
+const addressLink = ref("");
 const jwtToken = ref("");
 const gateway = ref("");
-const selectedService = ref("");
+const selectedSource = ref("");
 const isOpen = ref(false);
-const services = ["prysm", "lighthouse", "teku", "nimbus", "lodestar"];
+const sources = [
+  { name: "custom", icon: null },
+  { name: "stereumplus 1", icon: "/img/icon/stereumplus-icons/stereumplus-icon.png" },
+  { name: "stereumplus 2", icon: "/img/icon/stereumplus-icons/stereumplus-icon.png" },
+  { name: "stereumplus 3", icon: "/img/icon/stereumplus-icons/stereumplus-icon.png" },
+];
 
 //Computed & Watcher
 
+//Replace Sources by a computed source like below then remove the source above
+// const sources = computed(() => {
+//   return logic to get source
+// });
+
 watchEffect(() => {
-  props.client.config.source = sourceLink.value;
+  props.client.config.source = selectedSource.value.name;
+  props.client.config.address = addressLink.value;
   props.client.config.jwtToken = jwtToken.value;
-  props.client.config.gateway = gateway.value;
 });
 
 //Lifecycle Hooks
 
 onMounted(() => {
-  sourceLink.value = "";
+  addressLink.value = "";
   jwtToken.value = "";
   props.properties.installDir = "";
   gateway.value = "";
-  selectedService.value = "";
+  selectedSource.value = "";
   getInstallPath();
 });
 
@@ -161,10 +170,10 @@ const dropdown = () => {
   isOpen.value = !isOpen.value;
 };
 
-const pickService = (service) => {
-  selectedService.value = service;
-  manageStore.ExternalConsensusSelectedService = service;
-  dropdown();
+const pickSource = (source) => {
+  isOpen.value = false;
+  selectedSource.value = source;
+  manageStore.ExternalConsensusSelectedService = source;
 };
 
 const getInstallPath = async () => {
diff --git a/launcher/src/components/UI/edit-page/components/modals/ExternalModifying.vue b/launcher/src/components/UI/edit-page/components/modals/ExternalModifying.vue
new file mode 100644
index 0000000000..d09e6c327c
--- /dev/null
+++ b/launcher/src/components/UI/edit-page/components/modals/ExternalModifying.vue
@@ -0,0 +1,211 @@
+<template>
+  <custom-modal
+    :main-title="`${client.name} - ${client.category}`"
+    :client="client"
+    :sub-title="getSubTitles"
+    :confirm-text="getConfirmText"
+    :disabled-button="disabledButton || externalServiceConfirmBtn"
+    click-outside-text="Click outside to cancel"
+    @close-window="closeWindow"
+    @confirm-action="confirmInstall"
+  >
+    <template #content>
+      <div class="w-full h-full flex flex-col justify-evenly items-center mx-auto px-4 py-2 space-y-2 mt-6 relative">
+        <div
+          v-if="props.client.service === 'ExternalExecutionService' || props.client.service === 'ExternalConsensusService'"
+          class="w-full flex justify-center items-center"
+        >
+          <div class="w-full grid grid-cols-12 items-center text-md">
+            <img class="col-start-1 w-8" src="/img/icon/edit-node-icons/service-category.png" alt="Path Icon" />
+            <span class="col-start-2 col-span-3 text-gray-400 text-md text-left">EXTERNAL SOURCE</span>
+
+            <div
+              class="col-start-6 col-span-full w-full relative bg-[#141516] border border-gray-500 rounded-md grid grid-cols-12 items-center"
+              @click="dropdown"
+            >
+              <div class="col-start-1 col-span-full flex justify-center items-center overflow-hidden">
+                <div class="w-3/4 px-2 py-1 text-sm text-gray-400 capitalize flex justify-start items-center space-x-4">
+                  <img v-if="selectedSource.icon ? selectedSource.icon : null" :src="selectedSource.icon" class="w-5" />
+                  <span>{{ selectedSource.name ? selectedSource.name : "Select Source" }}</span>
+                </div>
+
+                <button class="w-1/4 h-full p-1 text-gray-500 hover:text-gray-200 flex justify-end items-center">
+                  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
+                    <path
+                      fill-rule="evenodd"
+                      d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+                      clip-rule="evenodd"
+                    />
+                  </svg>
+                </button>
+              </div>
+
+              <div
+                v-if="isOpen"
+                class="absolute top-8 left-0 z-10 mt-2 max-h-[160px] w-64 rounded-md bg-gray-700 shadow-lg overflow-x-hidden overflow-y-auto"
+                @mouseleave="isOpen = false"
+              >
+                <div class="divide-y divide-gray-500">
+                  <div
+                    v-for="source in sources"
+                    :key="source"
+                    class="w-full flex justify-center items-center space-x-4 px-4 py-2 text-sm text-gray-300 hover:text-gray-100 hover:bg-blue-500 uppercase cursor-pointer"
+                    @click="pickSource(source)"
+                  >
+                    <img v-if="source.icon" :src="source.icon" class="w-6" />
+                    <span>{{ source.name }}</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          v-if="
+            (props.client.service === 'ExternalExecutionService' || props.client.service === 'ExternalConsensusService') &&
+            selectedSource.name === 'custom'
+          "
+          class="w-full flex justify-center items-center"
+        >
+          <div class="w-full grid grid-cols-12 items-center text-md">
+            <img class="col-start-1 w-8" src="/img/icon/edit-node-icons/service-external-source.png" alt="Path Icon" />
+            <span class="col-start-2 col-span-3 text-gray-400 text-left">ADDRESS</span>
+            <input
+              v-model="addressLink"
+              class="col-start-6 col-span-7 min-h-[30px] border border-gray-500 px-2 py-1 text-left text-gray-400 text-xs rounded bg-[#141516] focus:border-teal-500"
+              type="text"
+              autofocus
+            />
+          </div>
+        </div>
+
+        <!-- <div
+          v-if="
+            client.service === 'ExternalExecutionService' &&
+            client.category == 'execution'
+          "
+          class="w-full flex justify-center items-center"
+        >
+          <div class="w-full grid grid-cols-12 items-center text-md">
+            <img
+              class="col-start-1 w-8"
+              src="/img/icon/edit-node-icons/service-jwt-token-connection.png"
+              alt="Path Icon"
+            />
+            <span class="col-start-2 col-span-3 text-gray-400 text-left">JWT TOKEN</span>
+            <input
+              v-model="jwtToken"
+              class="col-start-6 col-span-7 min-h-[30px] border border-gray-500 px-2 py-1 text-left text-gray-400 text-xs rounded bg-[#141516] focus:border-teal-500"
+              type="text"
+              autofocus
+            />
+          </div>
+        </div> -->
+      </div>
+    </template>
+  </custom-modal>
+</template>
+<script setup>
+import CustomModal from "./CustomModal.vue";
+import { ref, onMounted, computed, watch } from "vue";
+
+const props = defineProps({
+  client: {
+    type: Object,
+    default: null,
+  },
+});
+
+const emit = defineEmits(["closeWindow", "confirmInstall"]);
+
+//Refs
+
+const selectedSource = ref("");
+const addressLink = ref("");
+const isOpen = ref(false);
+const disabledButton = ref(true);
+const properties = ref(null);
+
+const sources = [
+  { name: "custom", icon: null },
+  { name: "stereumplus 1", icon: "/img/icon/stereumplus-icons/stereumplus-icon.png" },
+  { name: "stereumplus 2", icon: "/img/icon/stereumplus-icons/stereumplus-icon.png" },
+  { name: "stereumplus 3", icon: "/img/icon/stereumplus-icons/stereumplus-icon.png" },
+];
+
+//Computed & Watcher
+
+//Replace Sources by a computed source like below then remove the source above
+// const sources = computed(() => {
+//   return logic to get source
+// });
+
+//Computed & Watcher
+
+const getConfirmText = computed(() => {
+  return "confirm";
+});
+
+const getSubTitles = computed(() => {
+  return "External Source";
+});
+
+const externalServiceConfirmBtn = computed(() => {
+  const isCustomSource = selectedSource.value.name === "custom";
+  const hasAddressLink = addressLink.value !== "";
+  const hasSelectedSource = selectedSource.value.name !== "";
+  return !(isCustomSource ? hasAddressLink : hasSelectedSource);
+});
+
+watch([selectedSource, addressLink], () => {
+  disabledButton.value = externalServiceConfirmBtn.value;
+});
+//Lifecycle Hooks
+
+onMounted(() => {
+  addressLink.value = "";
+  selectedSource.value = "";
+});
+
+//Methods
+
+const dropdown = () => {
+  isOpen.value = !isOpen.value;
+};
+
+const pickSource = (source) => {
+  isOpen.value = false;
+  selectedSource.value = source;
+};
+
+const confirmInstall = () => {
+  properties.value = {
+    source: selectedSource.value.name,
+    address: addressLink.value,
+  };
+
+  emit("confirmInstall", props.client, properties.value);
+};
+
+const closeWindow = () => {
+  emit("closeWindow", props.client);
+};
+</script>
+
+<style scoped>
+.slide-enter-from,
+.slide-leave-to {
+  opacity: 0;
+}
+
+.slide-enter-active {
+  transition: opacity 0.3s ease-out;
+}
+.slide-leave-active {
+  transition: opacity 0.3s ease-in;
+}
+.slide-enter-to,
+.slide-leave-from {
+  opacity: 1;
+}
+</style>
diff --git a/launcher/src/components/UI/node-page/NodeScreen.vue b/launcher/src/components/UI/node-page/NodeScreen.vue
index 6097434155..4ab22f3be4 100755
--- a/launcher/src/components/UI/node-page/NodeScreen.vue
+++ b/launcher/src/components/UI/node-page/NodeScreen.vue
@@ -6,7 +6,12 @@
         <SidebarSection />
       </div>
       <div class="col-start-2 col-end-17 w-full h-full">
-        <NodeSection @open-expert="openExpertModal" @open-log="openLogPage" @export-setup="exportSetup" />
+        <NodeSection
+          @open-expert="openExpertModal"
+          @open-log="openLogPage"
+          @export-setup="exportSetup"
+          @external-modify="openExternalModifying"
+        />
       </div>
       <div class="col-start-17 col-end-21 ml-1 grid grid-cols-2 grid-rows-9">
         <NetworkStatus />
@@ -28,6 +33,12 @@
           </button>
         </div>
         <AlertSection :info-aralm="nodeStore.infoAlarm" />
+        <ExternalModifying
+          v-if="isExternalModifyingActive"
+          :client="externalService"
+          @close-window="closeExternalModal"
+          @confirm-install="confirmExternalModifying"
+        />
       </div>
       <LogsSection
         v-if="isLogsPageActive"
@@ -65,6 +76,7 @@ import LogsSection from "./sections/LogsSection.vue";
 import NodeSection from "./sections/NodeSection.vue";
 import ServiceSection from "./sections/ServiceSection.vue";
 import SidebarSection from "./sections/SidebarSection";
+import ExternalModifying from "../edit-page/components/modals/ExternalModifying.vue";
 
 //*****************  Store & Refs *****************
 const nodeStore = useNodeStore();
@@ -79,6 +91,8 @@ const { updateDom } = useMultiSetups();
 const expertModeClient = ref(null);
 const isExpertModeOpen = ref(false);
 const isLogsPageActive = ref(false);
+const isExternalModifyingActive = ref(false);
+const externalService = ref(null);
 
 let polling = null;
 let pollingVitals = null;
@@ -236,6 +250,15 @@ const openExpertModal = (item) => {
   expertModeClient.value.expertOptionsModal = true;
   isExpertModeOpen.value = true;
 };
+const closeExternalModal = () => {
+  isExternalModifyingActive.value = false;
+};
+
+const confirmExternalModifying = async (client, properties) => {
+  console.log("confirmExternalModifying", properties);
+
+  isExternalModifyingActive.value = false;
+};
 
 const updateNodeStats = async () => {
   await useRefreshNodeStats();
@@ -263,6 +286,11 @@ const exportLogs = async (client) => {
   saveAs(blob, fileName);
 };
 
+const openExternalModifying = (item) => {
+  externalService.value = item;
+  isExternalModifyingActive.value = true;
+};
+
 const openLogPage = (item) => {
   nodeStore.clientToLogs = item;
   isLogsPageActive.value = true;
diff --git a/launcher/src/components/UI/node-page/components/modals/CustomModal.vue b/launcher/src/components/UI/node-page/components/modals/CustomModal.vue
index fd8f8ad186..0a7ac05cf0 100644
--- a/launcher/src/components/UI/node-page/components/modals/CustomModal.vue
+++ b/launcher/src/components/UI/node-page/components/modals/CustomModal.vue
@@ -25,7 +25,7 @@
         </div>
         <div class="flex justify-end text-md font-bold py-3 mt-2 text-center space-y-4">
           <button
-            v-if="confirmText !== ''"
+            v-if="confirmText !== '' && confirmText !== null"
             class="w-[8rem] mr-2 px-5 py-2 shadow-sm rounded-full hover:shadow-lg transition-all duration-300 ease-in-out hover:scale-110 active:scale-100 text-gray-200 font-semibold uppercase"
             :class="[
               btnColor === 'red'
diff --git a/launcher/src/components/UI/node-page/components/node/ConfigBody.vue b/launcher/src/components/UI/node-page/components/node/ConfigBody.vue
index 3440309bae..b5641ea09d 100644
--- a/launcher/src/components/UI/node-page/components/node/ConfigBody.vue
+++ b/launcher/src/components/UI/node-page/components/node/ConfigBody.vue
@@ -26,6 +26,7 @@
         @mouse-over="lineDraw"
         @mouse-leave="removeLines"
         @copy-jwt="copyJwt"
+        @external-modify="externalModify"
       />
       <ConsensusClients
         @open-expert="openExpert"
@@ -36,6 +37,7 @@
         @open-doc="openDocs"
         @mouse-over="lineDraw"
         @mouse-leave="removeLines"
+        @external-modify="externalModify"
       />
       <ValidatorClients
         @open-expert="openExpert"
@@ -71,6 +73,7 @@ const emit = defineEmits([
   "lineDraw",
   "removeLines",
   "copyJwt",
+  "externalModify",
 ]);
 
 // Refs
@@ -121,4 +124,8 @@ const removeLines = () => {
 const copyJwt = (jwt) => {
   emit("copyJwt", jwt);
 };
+
+const externalModify = (service) => {
+  emit("externalModify", service);
+};
 </script>
diff --git a/launcher/src/components/UI/node-page/components/node/NodeBody.vue b/launcher/src/components/UI/node-page/components/node/NodeBody.vue
index 579ac60344..7fa135585b 100755
--- a/launcher/src/components/UI/node-page/components/node/NodeBody.vue
+++ b/launcher/src/components/UI/node-page/components/node/NodeBody.vue
@@ -6,6 +6,7 @@
       @open-docs="openDocs"
       @open-log="openLog"
       @copy-jwt="copyJwt"
+      @external-modify="externalModify"
       @click-outside="clickOutside"
       @line-draw="lineDrawHandler"
       @remove-lines="removeConnectionLines"
@@ -28,7 +29,7 @@ import ControlService from "@/store/ControlService";
 import LeaderLine from "leader-line-new";
 import { useSetups } from "@/store/setups";
 
-const emit = defineEmits(["openExpert", "openLog", "setupState", "exportSetup"]);
+const emit = defineEmits(["openExpert", "openLog", "setupState", "exportSetup", "externalModify"]);
 
 // Refs
 const isPluginLogPageActive = ref(false);
@@ -205,6 +206,10 @@ const exportSetup = (setup) => {
   emit("exportSetup", setup);
 };
 
+const externalModify = (item) => {
+  emit("externalModify", item);
+};
+
 const copyJwt = async (item) => {
   let volume = "";
   item.config?.volumes.forEach((vol) => {
diff --git a/launcher/src/components/UI/node-page/components/node/clients/ClientButtons.vue b/launcher/src/components/UI/node-page/components/node/clients/ClientButtons.vue
index fa6baef13e..3a67917879 100755
--- a/launcher/src/components/UI/node-page/components/node/clients/ClientButtons.vue
+++ b/launcher/src/components/UI/node-page/components/node/clients/ClientButtons.vue
@@ -43,9 +43,18 @@ import { useNodeStore } from '@/store/theNode';
     >
       <img src="/img/icon//node-page-icons/service-command-restart.png" alt="icon" class="w-4 active:scale-95" />
     </button>
+    <button
+      v-if="props.client.service === 'ExternalExecutionService' || props.client.service === 'ExternalConsensusService'"
+      class="col-start-1 col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
+      @click="externalModify"
+      @mouseenter="footerStore.cursorLocation = `${restart}`"
+      @mouseleave="footerStore.cursorLocation = ''"
+    >
+      <img src="/img/icon//edit-node-icons/service-connecting.png" alt="icon" class="w-4 active:scale-95" />
+    </button>
     <button
       class="col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md"
-      :class="props.client.name === 'External' ? 'col-start-1' : 'col-start-3'"
+      :class="props.client.name === 'External' ? '' : 'col-start-3'"
       @click="openExpert"
       @mouseenter="footerStore.cursorLocation = `${expert}`"
       @mouseleave="footerStore.cursorLocation = ''"
@@ -111,6 +120,7 @@ import { useNodeStore } from '@/store/theNode';
     >
       <img src="/img/icon/node-page-icons/service-command-copy-jwt.png" alt="icon" class="w-4 h-4 active:scale-95" />
     </button>
+
     <slot></slot>
   </div>
 </template>
@@ -138,7 +148,17 @@ const props = defineProps({
   client: Object,
 });
 
-const emit = defineEmits(["openExpert", "openLog", "openDoc", "stateHandler", "restartHandler", "openResync", "openPruning", "copyJwt"]);
+const emit = defineEmits([
+  "openExpert",
+  "openLog",
+  "openDoc",
+  "stateHandler",
+  "restartHandler",
+  "openResync",
+  "openPruning",
+  "copyJwt",
+  "externalModify",
+]);
 
 const nodeStore = useNodeStore();
 
@@ -192,4 +212,10 @@ const copyJwt = () => {
   emit("copyJwt", props.client);
   footerStore.cursorLocation = "";
 };
+
+const externalModify = () => {
+  nodeStore.isLineHidden = true;
+  emit("externalModify", props.client);
+  footerStore.cursorLocation = "";
+};
 </script>
diff --git a/launcher/src/components/UI/node-page/components/node/clients/ConsensusClients.vue b/launcher/src/components/UI/node-page/components/node/clients/ConsensusClients.vue
index 73ed42ffdb..11f541fa18 100755
--- a/launcher/src/components/UI/node-page/components/node/clients/ConsensusClients.vue
+++ b/launcher/src/components/UI/node-page/components/node/clients/ConsensusClients.vue
@@ -21,6 +21,7 @@
         @restart-handler="restartHandler"
         @open-doc="openDoc"
         @open-resync="openResync(item)"
+        @external-modify="externalModify"
       />
       <TransitionGroup name="fadeModal">
         <ResyncModal v-if="item.isResyncModalOpen" icon-size="w-14" :item="item" @close-window="closeResyncModal(item)" />
@@ -38,7 +39,16 @@ import ClientLayout from "./ClientLayout.vue";
 import ClientButtons from "./ClientButtons.vue";
 import { useSetups } from "../../../../../../store/setups";
 
-const emit = defineEmits(["openExpert", "openLog", "openDoc", "stateHandler", "restartHandler", "mouseOver", "mouseLeave"]);
+const emit = defineEmits([
+  "openExpert",
+  "openLog",
+  "openDoc",
+  "stateHandler",
+  "restartHandler",
+  "mouseOver",
+  "mouseLeave",
+  "externalModify",
+]);
 
 //Refs
 const nodeStore = useNodeStore();
@@ -97,6 +107,10 @@ const stateHandler = (item) => {
 const restartHandler = (item) => {
   emit("restartHandler", item);
 };
+
+const externalModify = (item) => {
+  emit("externalModify", item);
+};
 </script>
 
 <style scoped>
diff --git a/launcher/src/components/UI/node-page/components/node/clients/ExecutionClients.vue b/launcher/src/components/UI/node-page/components/node/clients/ExecutionClients.vue
index 7f900513dc..88d9fbedb9 100755
--- a/launcher/src/components/UI/node-page/components/node/clients/ExecutionClients.vue
+++ b/launcher/src/components/UI/node-page/components/node/clients/ExecutionClients.vue
@@ -23,6 +23,7 @@
         @open-resync="openResync(item)"
         @open-pruning="openPruning"
         @copy-jwt="copyJwt"
+        @external-modify="externalModify"
       />
       <TransitionGroup name="fadeModal">
         <ResyncModal v-if="item.isResyncModalOpen" icon-size="w-14" :item="item" @close-window="closeResyncModal(item)" />
@@ -43,7 +44,17 @@ import { computed, ref } from "vue";
 import { useSetups } from "../../../../../../store/setups";
 
 //Emits
-const emit = defineEmits(["openExpert", "openLog", "openDoc", "stateHandler", "restartHandler", "mouseOver", "mouseLeave", "copyJwt"]);
+const emit = defineEmits([
+  "openExpert",
+  "openLog",
+  "openDoc",
+  "stateHandler",
+  "restartHandler",
+  "mouseOver",
+  "mouseLeave",
+  "copyJwt",
+  "externalModify",
+]);
 
 //Refs
 const showPruningModal = ref(false);
@@ -117,6 +128,10 @@ const restartHandler = (item) => {
 const copyJwt = (item) => {
   emit("copyJwt", item);
 };
+
+const externalModify = (item) => {
+  emit("externalModify", item);
+};
 </script>
 
 <style scoped>
diff --git a/launcher/src/components/UI/node-page/sections/NodeSection.vue b/launcher/src/components/UI/node-page/sections/NodeSection.vue
index b0fe556f53..5f9a2b5416 100755
--- a/launcher/src/components/UI/node-page/sections/NodeSection.vue
+++ b/launcher/src/components/UI/node-page/sections/NodeSection.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="w-full h-full flex flex-col justify-between items-center">
     <NodeHeader />
-    <NodeBody @open-expert="openExpert" @open-log="openLog" @export-setup="exportSetup" />
+    <NodeBody @open-expert="openExpert" @open-log="openLog" @export-setup="exportSetup" @external-modify="externalModify" />
   </div>
 </template>
 
@@ -9,7 +9,7 @@
 import NodeHeader from "../components/node/NodeHeader.vue";
 import NodeBody from "../components/node/NodeBody.vue";
 
-const emit = defineEmits(["openExpert", "openLog", "exportSetup"]);
+const emit = defineEmits(["openExpert", "openLog", "exportSetup", "externalModify"]);
 
 const openExpert = (item) => {
   emit("openExpert", item);
@@ -21,4 +21,8 @@ const openLog = (item) => {
 const exportSetup = (item) => {
   emit("exportSetup", item);
 };
+
+const externalModify = (item) => {
+  emit("externalModify", item);
+};
 </script>
diff --git a/launcher/src/components/UI/one-click/OneclickScreen.vue b/launcher/src/components/UI/one-click/OneclickScreen.vue
index 97f8f0e0ce..84df7b7d49 100644
--- a/launcher/src/components/UI/one-click/OneclickScreen.vue
+++ b/launcher/src/components/UI/one-click/OneclickScreen.vue
@@ -10,6 +10,7 @@ import ConfigPlugins from "./sections/ConfigPlugins.vue";
 import MevboostRelays from "./sections/MevboostRelays.vue";
 import SelectSync from "./sections/SelectSync.vue";
 import VerifyCheck from "./sections/VerifyCheck.vue";
+import OnlySource from "./sections/OnlySource.vue";
 import AnimationSection from "./sections/AnimationSection.vue";
 import { computed } from "vue";
 import { useRouter } from "vue-router";
@@ -25,6 +26,11 @@ const components = [
     path: "/oneClick/config",
     component: ConfigPlugins,
   },
+  {
+    path: "/oneClick/source",
+    component: OnlySource,
+  },
+
   {
     path: "/oneClick/mevboost",
     component: MevboostRelays,
diff --git a/launcher/src/components/UI/one-click/components/plugin/ConfigBody.vue b/launcher/src/components/UI/one-click/components/plugin/ConfigBody.vue
index 207ee627fe..3318736e65 100644
--- a/launcher/src/components/UI/one-click/components/plugin/ConfigBody.vue
+++ b/launcher/src/components/UI/one-click/components/plugin/ConfigBody.vue
@@ -97,7 +97,7 @@ const pluginChangeHandler = (plugin, item, idx) => {
 
   clickStore.selectedPreset.includedPlugins.splice(idx, 0, item);
 
-  if (["staking", "mev boost", "stereum on arm", "archive", "lidocsm"].includes(clickStore.selectedPreset.name)) {
+  if (["staking", "mev boost", "stereum on arm", "archive", "lidocsm", "vc only"].includes(clickStore.selectedPreset.name)) {
     if (item.category === "consensus") {
       let valIndex = clickStore.selectedPreset.includedPlugins.findIndex((e) => e.category === "validator");
       clickStore.selectedPreset.includedPlugins[valIndex] = serviceStore.allServices.find(
@@ -138,6 +138,7 @@ const checkPluginCategory = (element) => {
   switch (clickStore.selectedPreset.name) {
     case "lidocsm":
     case "staking":
+    case "vc only":
       filter = (item) => item.category === element.category && !/(SSVNetwork|Web3Signer|Charon)/.test(item.service);
       if (manageStore.currentNetwork.network == "gnosis") {
         filter = (item) => item.category === element.category && /(Lighthouse|Teku|Nethermind|Erigon|Nimbus|Lodestar)/.test(item.service);
diff --git a/launcher/src/components/UI/one-click/components/vconly/OnlyBody.vue b/launcher/src/components/UI/one-click/components/vconly/OnlyBody.vue
new file mode 100644
index 0000000000..a9d6e1ddbf
--- /dev/null
+++ b/launcher/src/components/UI/one-click/components/vconly/OnlyBody.vue
@@ -0,0 +1,108 @@
+import { onMounted, ref } from 'vue';
+<template>
+  <div class="w-full h-full col-start-1 col-span-full row-start-3 row-end-11 grid grid-cols-12 grid-rows-7 p-2 mx-auto">
+    <div
+      class="w-full h-full col-start-3 col-end-11 row-start-1 row-span-full bg-[#1c1d1d] grid grid-cols-12 grid-rows-7 p-4 border border-gray-600 rounded-md"
+    >
+      <div class="w-full h-full col-start-1 col-span-full row-start-1 row-span-full">
+        <div class="w-full h-full flex flex-col justify-start items-center mx-auto px-4 py-2 space-y-2 mt-6 relative">
+          <div class="w-full flex justify-center items-center">
+            <div class="w-full grid grid-cols-12 items-center text-md">
+              <img class="col-start-1 w-8" src="/img/icon/edit-node-icons/service-category.png" alt="Path Icon" />
+              <span class="col-start-2 col-span-3 text-gray-400 text-md text-left">EXTERNAL SOURCE</span>
+
+              <div
+                class="col-start-6 col-span-full w-full relative bg-[#141516] border border-gray-500 rounded-md grid grid-cols-12 items-center"
+                @click="dropdown"
+              >
+                <div class="col-start-1 col-span-full flex justify-center items-center overflow-hidden">
+                  <div class="w-3/4 px-2 py-1 text-sm text-gray-400 capitalize flex justify-start items-center space-x-4">
+                    <img v-if="selectedSource.icon ? selectedSource.icon : null" :src="selectedSource.icon" class="w-5" />
+                    <span>{{ selectedSource.name ? selectedSource.name : "Select Source" }}</span>
+                  </div>
+
+                  <button class="w-1/4 h-full p-1 text-gray-500 hover:text-gray-200 flex justify-end items-center">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
+                      <path
+                        fill-rule="evenodd"
+                        d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+                        clip-rule="evenodd"
+                      />
+                    </svg>
+                  </button>
+                </div>
+
+                <div
+                  v-if="isOpen"
+                  class="absolute top-8 left-0 z-10 mt-2 max-h-[160px] w-64 rounded-md bg-gray-700 shadow-lg overflow-x-hidden overflow-y-auto"
+                  @mouseleave="isOpen = false"
+                >
+                  <div class="divide-y divide-gray-500">
+                    <div
+                      v-for="source in sources"
+                      :key="source"
+                      class="w-full flex justify-center items-center space-x-4 px-4 py-2 text-sm text-gray-300 hover:text-gray-100 hover:bg-blue-500 uppercase cursor-pointer"
+                      @click="pickSource(source)"
+                    >
+                      <img v-if="source.icon" :src="source.icon" class="w-6" />
+                      <span>{{ source.name }}</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div v-if="selectedSource.name === 'custom'" class="w-full flex justify-center items-center">
+            <div class="w-full grid grid-cols-12 items-center text-md">
+              <img class="col-start-1 w-8" src="/img/icon/edit-node-icons/service-external-source.png" alt="Path Icon" />
+              <span class="col-start-2 col-span-3 text-gray-400 text-left">ADDRESS</span>
+              <input
+                v-model="addressLink"
+                class="col-start-6 col-span-7 min-h-[30px] border border-gray-500 px-2 py-1 text-left text-gray-400 text-xs rounded bg-[#141516] focus:border-teal-500"
+                type="text"
+                autofocus
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from "vue";
+
+const selectedSource = ref("");
+const addressLink = ref("");
+const isOpen = ref(false);
+const properties = ref(null);
+
+const sources = [
+  { name: "custom", icon: null },
+  { name: "stereumplus 1", icon: "/img/icon/stereumplus-icons/stereumplus-icon.png" },
+  { name: "stereumplus 2", icon: "/img/icon/stereumplus-icons/stereumplus-icon.png" },
+  { name: "stereumplus 3", icon: "/img/icon/stereumplus-icons/stereumplus-icon.png" },
+];
+
+onMounted(() => {
+  addressLink.value = "";
+  selectedSource.value = "";
+  addressLink.value = "";
+});
+
+//Methods
+
+const dropdown = () => {
+  isOpen.value = !isOpen.value;
+};
+
+const pickSource = (source) => {
+  isOpen.value = false;
+  selectedSource.value = source;
+  properties.value = {
+    source: selectedSource.value,
+    address: addressLink.value,
+  };
+};
+</script>
diff --git a/launcher/src/components/UI/one-click/components/vconly/OnlyFooter.vue b/launcher/src/components/UI/one-click/components/vconly/OnlyFooter.vue
new file mode 100644
index 0000000000..7fa08793ed
--- /dev/null
+++ b/launcher/src/components/UI/one-click/components/vconly/OnlyFooter.vue
@@ -0,0 +1,21 @@
+<template>
+  <div class="w-full h-full col-start-1 col-span-full row-start-11 row-span-2 grid grid-cols-12 gird-rows-2 px-4" @mousedown.prevent>
+    <router-link
+      to="/oneClick/preset"
+      class="col-start-1 col-span-2 row-start-1 row-span-2 justify-self-end w-[120px] h-12 bg-[#264744] hover:bg-[#447a75] rounded-full py-2 px-4 flex justify-center items-center hover:scale-110 hover:shadow-lg hover:shadow-[#1e2a29] transition-all duration-300 ease-in-out active:scale-100 active:shadow-none"
+    >
+      <span class="text-gray-200 text-xl font-semibold text-center uppercase">Back</span>
+    </router-link>
+    <router-link
+      :to="nextRoute"
+      class="col-start-11 col-span-1 row-start-1 row-span-2 w-[120px] h-12 bg-[#264744] hover:bg-[#447a75] rounded-full py-2 px-4 flex justify-center items-center hover:scale-110 hover:shadow-lg hover:shadow-[#1e2a29] transition-all duration-300 ease-in-out active:scale-100 active:shadow-none cursor-pointer"
+    >
+      <span class="text-gray-200 text-xl font-semibold text-center uppercase">{{ $t("customFooter.next") }}</span>
+    </router-link>
+  </div>
+</template>
+<script setup>
+import { goToNext } from "@/composables/nextRoute";
+
+const nextRoute = goToNext();
+</script>
diff --git a/launcher/src/components/UI/one-click/components/vconly/OnlyHeader.vue b/launcher/src/components/UI/one-click/components/vconly/OnlyHeader.vue
new file mode 100644
index 0000000000..2281609126
--- /dev/null
+++ b/launcher/src/components/UI/one-click/components/vconly/OnlyHeader.vue
@@ -0,0 +1,40 @@
+<template>
+  <div class="col-start-5 col-end-21 row-start-1 row-span-2 grid grid-cols-6 grid-rows-2 p-1 items-end gap-2">
+    <div class="h-14 col-start-1 col-end-4 row-start-1 row-span-2 flex justify-center bg-[#1E2429] rounded-md p-1">
+      <img
+        class="w-[50px] h-[50px] col-start-1 col-span-2 row-start-1 row-span-2 z-10 self-center"
+        :src="selectedPreset?.icon"
+        :alt="`${network?.name} Icon`"
+      />
+      <div class="w-full h-full flex justify-center items-center ml-4">
+        <span class="w-full text-[24px] font-bold text-gray-400 uppercase tracking-wider"> {{ selectedPreset?.name }}</span>
+      </div>
+    </div>
+    <div v-if="network.name" class="h-14 col-start-4 col-span-full row-start-1 row-span-2 flex justify-end bg-[#1E2429] rounded-md p-1">
+      <div class="w-fit h-full flex justify-end items-center mr-2">
+        <span class="w-full text-[22px] font-bold text-gray-400 uppercase tracking-wider"> {{ network?.name }}</span>
+      </div>
+      <img
+        class="w-[50px] h-[50px] col-start-1 col-span-2 row-start-1 row-span-2 z-10 self-center"
+        :src="network?.icon"
+        :alt="`${network?.name} Icon`"
+      />
+    </div>
+  </div>
+</template>
+<script setup>
+import { useClickInstall } from "@/store/clickInstallation";
+import { computed } from "vue";
+import { useNodeManage } from "@/store/nodeManage";
+
+const installStore = useClickInstall();
+const manageStore = useNodeManage();
+
+const network = computed(() => {
+  return manageStore.currentNetwork;
+});
+
+const selectedPreset = computed(() => {
+  return installStore.selectedPreset;
+});
+</script>
diff --git a/launcher/src/components/UI/one-click/sections/OnlySource.vue b/launcher/src/components/UI/one-click/sections/OnlySource.vue
new file mode 100644
index 0000000000..42fd42c3b6
--- /dev/null
+++ b/launcher/src/components/UI/one-click/sections/OnlySource.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="col-start-1 col-span-full row-start-1 row-span-full grid grid-cols-24 grid-rows-12">
+    <OnlyHeader />
+    <OnlyBody />
+    <OnlyFooter />
+  </div>
+</template>
+
+<script setup>
+import OnlyHeader from "../components/vconly/OnlyHeader.vue";
+import OnlyBody from "../components/vconly/OnlyBody.vue";
+import OnlyFooter from "../components/vconly/OnlyFooter.vue";
+</script>
diff --git a/launcher/src/composables/nextRoute.js b/launcher/src/composables/nextRoute.js
index e03da06f82..00ae799ba6 100644
--- a/launcher/src/composables/nextRoute.js
+++ b/launcher/src/composables/nextRoute.js
@@ -14,11 +14,17 @@ export function goToNext() {
     case "/oneClick/preset":
       return "/oneClick/config";
     case "/oneClick/config":
-      if (installStore.selectedPreset.includedPlugins.some((plugin) => plugin.service === "FlashbotsMevBoostService")) {
-        return "/oneClick/mevboost";
+      if (installStore.selectedPreset.name === "vc only") {
+        return "/oneClick/source";
       } else {
-        return "/oneClick/sync";
+        if (installStore.selectedPreset.includedPlugins.some((plugin) => plugin.service === "FlashbotsMevBoostService")) {
+          return "/oneClick/mevboost";
+        } else {
+          return "/oneClick/sync";
+        }
       }
+    case "/oneClick/source":
+      return "/oneClick/sync";
     case "/oneClick/mevboost":
       return "/oneClick/sync";
     case "/oneClick/sync":
diff --git a/launcher/src/router/index.js b/launcher/src/router/index.js
index 4617831334..78f27bab0e 100755
--- a/launcher/src/router/index.js
+++ b/launcher/src/router/index.js
@@ -7,6 +7,7 @@ import OneclickPage from "@/pages/OneclickPage.vue";
 import SelectPreset from "../../src/components/UI/one-click/sections/SelectPreset.vue";
 import ConfigPlugins from "../../src/components/UI/one-click/sections/ConfigPlugins.vue";
 import MevboostRelays from "../../src/components/UI/one-click/sections/MevboostRelays.vue";
+import OnlySource from "../../src/components/UI/one-click/sections/OnlySource.vue";
 import SelectSync from "../../src/components/UI/one-click/sections/SelectSync.vue";
 import VerifyCheck from "../../src/components/UI/one-click/sections/VerifyCheck.vue";
 import AnimationSection from "../../src/components/UI/one-click/sections/AnimationSection.vue";
@@ -79,6 +80,11 @@ const routes = [
         name: "ConfigPlugins",
         component: ConfigPlugins,
       },
+      {
+        path: "source",
+        name: "OnlySource",
+        component: OnlySource,
+      },
       {
         path: "mevboost",
         name: "MevboostRelays",
diff --git a/launcher/src/store/clickInstallation.js b/launcher/src/store/clickInstallation.js
index 9dc6bc0aeb..88ea03d82c 100755
--- a/launcher/src/store/clickInstallation.js
+++ b/launcher/src/store/clickInstallation.js
@@ -118,12 +118,19 @@ export const useClickInstall = defineStore("clickInstallation", {
           includedPlugins: [],
         },
         {
-          id: 7,
+          id: 8,
           name: "lidocsm",
           defaultPath: "/opt/stereum",
           icon: "/img/icon/one-click-icons/preset-icons/LIDO-CSM.png",
           includedPlugins: [],
         },
+        {
+          id: 9,
+          name: "vc only",
+          defaultPath: "/opt/stereum",
+          icon: "/img/icon/one-click-icons/preset-icons/vconly.png",
+          includedPlugins: [],
+        },
       ],
       services: [
         {
diff --git a/launcher/src/store/nodeManage.js b/launcher/src/store/nodeManage.js
index 0e2180a70e..29217ce8c1 100755
--- a/launcher/src/store/nodeManage.js
+++ b/launcher/src/store/nodeManage.js
@@ -196,7 +196,7 @@ export const useNodeManage = defineStore("nodeManage", {
           icon: "/img/icon/network-icons/ethereum-mainnet.png",
           currencyIcon: "/img/icon/control-page-icons/mainnet-currency-symbol.png",
           dataEndpoint: "https://mainnet.beaconcha.in/api/v1",
-          support: ["staking", "mev boost", "stereum on arm", "ssv.network", "obol", "archive", "lidoobol", "lidossv"],
+          support: ["staking", "mev boost", "stereum on arm", "ssv.network", "obol", "archive", "lidoobol", "lidossv", "vc only"],
         },
 
         {
@@ -206,7 +206,7 @@ export const useNodeManage = defineStore("nodeManage", {
           icon: "/img/icon/network-icons/ethereum-testnet-icon.png",
           currencyIcon: "/img/icon/control-page-icons/network-currency-icons/network-currency-icons-goerli-testnet.png",
           dataEndpoint: "https://sepolia.beaconcha.in/api/v1",
-          support: ["staking", "mev boost", "stereum on arm", "archive"],
+          support: ["staking", "mev boost", "stereum on arm", "archive", "vc only"],
         },
         {
           id: 3,
@@ -215,7 +215,7 @@ export const useNodeManage = defineStore("nodeManage", {
           icon: "/img/icon/network-icons/gnosis-mainnet.png",
           currencyIcon: "/img/icon/control-page-icons/network-currency-icons/network-currency-icons-gnosis-mainnet.png",
           dataEndpoint: "https://beacon.gnosischain.com/api/v1",
-          support: ["staking", "stereum on arm", "archive"],
+          support: ["staking", "stereum on arm", "archive", "vc only"],
         },
         {
           id: 4,
@@ -224,7 +224,18 @@ export const useNodeManage = defineStore("nodeManage", {
           icon: "/img/icon/network-icons/ethereum-testnet-icon.png",
           currencyIcon: "/img/icon/control-page-icons/network-currency-icons/network-currency-icons-goerli-testnet.png",
           dataEndpoint: "https://holesky.beaconcha.in/api/v1",
-          support: ["staking", "ssv.network", "stereum on arm", "mev boost", "archive", "obol", "lidoobol", "lidossv", "lidocsm"],
+          support: [
+            "staking",
+            "ssv.network",
+            "stereum on arm",
+            "mev boost",
+            "archive",
+            "obol",
+            "lidoobol",
+            "lidossv",
+            "lidocsm",
+            "vc only",
+          ],
         },
       ],
       currentNetwork: {},