diff --git a/launcher/src/components/UI/edit-page/EditScreen.vue b/launcher/src/components/UI/edit-page/EditScreen.vue
index 6afc4ce56..0d2dbec0b 100644
--- a/launcher/src/components/UI/edit-page/EditScreen.vue
+++ b/launcher/src/components/UI/edit-page/EditScreen.vue
@@ -4,7 +4,10 @@
 
     <div class="w-full h-full grid grid-cols-24 relative select-none">
       <div class="col-start-1 col-span-1 flex justify-center items-center">
-        <SidebarSection @network-modal="displaySwitchNetwork" @nuke-node="openNukeNodeModal" />
+        <SidebarSection
+          @network-modal="displaySwitchNetwork"
+          @nuke-node="openNukeNodeModal"
+        />
       </div>
       <div class="col-start-2 col-end-17 w-full h-full relative">
         <EditBody
@@ -17,14 +20,21 @@
           @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">
         <NetworkStatus />
-        <ServiceSection @change-connection="serviceModifyHandler" @delete-service="selectedServiceToRemove" />
+        <ServiceSection
+          @change-connection="serviceModifyHandler"
+          @delete-service="selectedServiceToRemove"
+        />
       </div>
       <div class="col-start-21 col-end-25 px-1 flex flex-col justify-between">
-        <ChangesSection @remove-change="cancelChangeHandler" @confirm-changes="confirmHandler" />
+        <ChangesSection
+          @remove-change="cancelChangeHandler"
+          @confirm-changes="confirmHandler"
+        />
       </div>
     </div>
     <!-- End Node main layout -->
@@ -53,7 +63,11 @@
             @create-custom="createCustomSetup"
             @get-network="getSetupNetwork"
           />
-          <ServicesDrawer v-else-if="manageStore.isServicesDrawerActive" :dragging="startDrag" @add-services="addServices" />
+          <ServicesDrawer
+            v-else-if="manageStore.isServicesDrawerActive"
+            :dragging="startDrag"
+            @add-services="addServices"
+          />
         </template>
       </drawer-box>
     </transition>
@@ -61,7 +75,11 @@
     <!-- Custom Modals -->
     <TransitionGroup name="fadeModal">
       <!-- Start Network Switch Modal -->
-      <NetworkModal v-if="manageStore.displayNetworkList" @close-window="closeNetworkModal" @switch-confirm="switchNetworkConfirm" />
+      <NetworkModal
+        v-if="manageStore.displayNetworkList"
+        @close-window="closeNetworkModal"
+        @switch-confirm="switchNetworkConfirm"
+      />
       <!-- End Switch Network Modal -->
       <!-- Start Switch Client Modal -->
       <SwitchModal
@@ -72,7 +90,12 @@
       />
       <!-- End Switch Client Modal -->
       <!-- Start Info Modal -->
-      <InfoModal v-if="isInfoModalOpen" :client="clientForInfo" @close-window="closeInfoModal" @ok-button="isInfoModalOpen = false" />
+      <InfoModal
+        v-if="isInfoModalOpen"
+        :client="clientForInfo"
+        @close-window="closeInfoModal"
+        @ok-button="isInfoModalOpen = false"
+      />
       <!-- End Info Modal -->
       <!-- Start Modify Services Modal -->
       <ModifyModal
@@ -82,6 +105,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
@@ -112,16 +144,25 @@
       <!-- End Nuke Modal -->
 
       <!-- Start Import Setup -->
-      <ImportSetup v-if="manageStore.isImportSetupYamlActive" @confirm-import="confirmImportSingleSetup" />
+      <ImportSetup
+        v-if="manageStore.isImportSetupYamlActive"
+        @confirm-import="confirmImportSingleSetup"
+      />
       <!-- End Import Setup -->
       <!-- Start Create Setup -->
-      <CreateSetup v-if="setupStore.isCreateSetupModalActive" :network="selectedSetupNetwork" />
+      <CreateSetup
+        v-if="setupStore.isCreateSetupModalActive"
+        :network="selectedSetupNetwork"
+      />
       <!-- End Create Setup -->
 
       <!-- Start Setup Infos -->
       <SetupInfos v-if="setupStore.selectedSetupInfos" />
     </TransitionGroup>
-    <LoaderAnime v-if="manageStore.disableConfirmButton || setupStore.isImportAnimeActive" :anime="getAimationSrc" />
+    <LoaderAnime
+      v-if="manageStore.disableConfirmButton || setupStore.isImportAnimeActive"
+      :anime="getAimationSrc"
+    />
   </base-layout>
 </template>
 <script setup>
@@ -149,6 +190,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 +226,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");
@@ -307,7 +350,9 @@ const switchClientModalhandler = (item) => {
 
 const switchClientConfirm = (properties) => {
   isSwitchModalOpen.value = false;
-  const current = manageStore.newConfiguration.find((e) => e?.config.serviceID === properties.itemToReplace.config.serviceID);
+  const current = manageStore.newConfiguration.find(
+    (e) => e?.config.serviceID === properties.itemToReplace.config.serviceID
+  );
 
   const currentClientIndex = manageStore.newConfiguration.indexOf(current);
 
@@ -344,7 +389,9 @@ const switchClientConfirm = (properties) => {
         executionClients: [],
         consensusClients: [],
         otherServices: [],
-        checkpointURL: properties.checkPointSyncUrl ? properties.checkPointSyncUrl : false,
+        checkpointURL: properties.checkPointSyncUrl
+          ? properties.checkPointSyncUrl
+          : false,
       },
     },
   });
@@ -352,6 +399,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") {
@@ -381,7 +434,9 @@ const serviceModifyHandler = (item) => {
 const hideModifyModal = () => {
   manageStore.isLineHidden = false;
   isModifyModalOpen.value = false;
-  manageStore.newConfiguration = JSON.parse(JSON.stringify(serviceStore.installedServices));
+  manageStore.newConfiguration = JSON.parse(
+    JSON.stringify(serviceStore.installedServices)
+  );
 };
 const confirmConsensusConnection = (item) => {
   clientToConnect.value.isNotConnectedToConsensus = false;
@@ -480,7 +535,9 @@ const cancelChangeHandler = (item) => {
       const event = manageStore.newConfiguration.find((e) => e.id === item.service.id);
       const eventIdx = manageStore.newConfiguration.indexOf(event);
       manageStore.newConfiguration.splice(eventIdx, 1);
-      manageStore.newConfiguration = JSON.parse(JSON.stringify(serviceStore.installedServices));
+      manageStore.newConfiguration = JSON.parse(
+        JSON.stringify(serviceStore.installedServices)
+      );
     }
 
     if (item.content === "MODIFY") {
@@ -520,7 +577,10 @@ const addServices = (service) => {
 const addServerServices = (service) => {
   let item = useDeepClone(service);
 
-  if (item.category === "service" && manageStore.newConfiguration.map((s) => s?.service).includes(item?.service)) {
+  if (
+    item.category === "service" &&
+    manageStore.newConfiguration.map((s) => s?.service).includes(item?.service)
+  ) {
     return;
   } else {
     item.id = manageStore.newConfiguration.length;
@@ -530,7 +590,9 @@ const addServerServices = (service) => {
     };
     manageStore.newConfiguration.push(newItem);
 
-    setupStore.editSetups.find((s) => s.setupId === setupStore.selectedSetup?.setupId)?.services.push(newItem);
+    setupStore.editSetups
+      .find((s) => s.setupId === setupStore.selectedSetup?.setupId)
+      ?.services.push(newItem);
 
     clientToInstall.value = newItem;
     clientToInstall.value.addPanel = true;
@@ -553,7 +615,10 @@ const onDrop = (event) => {
   const allServices = useDeepClone(serviceStore.allServices);
   const itemId = event.dataTransfer.getData("itemId");
   let item = allServices.find((item) => item.id == itemId);
-  if (item.category === "service" && manageStore.newConfiguration.map((s) => s.service).includes(item.service)) {
+  if (
+    item.category === "service" &&
+    manageStore.newConfiguration.map((s) => s.service).includes(item.service)
+  ) {
     return;
   } else {
     item.id = manageStore.newConfiguration.length;
@@ -642,7 +707,9 @@ const switchNetworkConfirm = (network) => {
   manageStore.displayNetworkList = false;
   if (network?.network != setupStore.selectedSetup?.network) {
     if (manageStore.confirmChanges.map((j) => j.content).includes("CHANGE NETWORK")) {
-      let index = manageStore.confirmChanges.findIndex((j) => j.content.includes("CHANGE NETWORK"));
+      let index = manageStore.confirmChanges.findIndex((j) =>
+        j.content.includes("CHANGE NETWORK")
+      );
       if (setupStore.selectedSetup.network === network.network) {
         manageStore.confirmChanges.splice(index, 1);
       } else {
@@ -686,7 +753,12 @@ const selectedServiceToRemove = (item) => {
   let commonService = setupStore.editSetups.find((s) => {
     return s.setupName === "commonServices";
   });
-  if (item.isNotConnectedToConsensus || item.isNotConnectedToValidator || item.isNotConnectedToMevboost || item.isDisplayPluginMenu) {
+  if (
+    item.isNotConnectedToConsensus ||
+    item.isNotConnectedToValidator ||
+    item.isNotConnectedToMevboost ||
+    item.isDisplayPluginMenu
+  ) {
     return;
   } else {
     clientToRemove.value = item;
@@ -701,7 +773,9 @@ const selectedServiceToRemove = (item) => {
     content: "DELETE",
     contentIcon: "/img/icon/edit-node-icons/delete-service.png",
     service: item,
-    setupId: commonServiceExistance ? commonService.setupId : setupStore.selectedSetup?.setupId,
+    setupId: commonServiceExistance
+      ? commonService.setupId
+      : setupStore.selectedSetup?.setupId,
   };
   const itemExists = manageStore.confirmChanges.some(
     (e) => (e.id === item.config?.serviceID || e.id === item.id) && e.content === "DELETE"
@@ -777,25 +851,39 @@ const confirmHandler = async () => {
   manageStore.disableConfirmButton = true;
 
   const setupExists = manageStore.confirmChanges.some(
-    (item) => item.service?.hasOwnProperty("setupName") && item.service?.hasOwnProperty("setupId") && item.service.setupId == item.id
+    (item) =>
+      item.service?.hasOwnProperty("setupName") &&
+      item.service?.hasOwnProperty("setupId") &&
+      item.service.setupId == item.id
   );
 
   const serverServiceExists = manageStore.confirmChanges.some(
-    (change) => change.content === "INSTALL" && setupStore.serverServices.includes(change.service.service)
+    (change) =>
+      change.content === "INSTALL" &&
+      setupStore.serverServices.includes(change.service.service)
   );
 
   try {
     if (serverServiceExists) {
       await handleServerServiceChanges();
-    } else if (setupExists && manageStore.confirmChanges.some((e) => e.content === "DELETE")) {
+    } else if (
+      setupExists &&
+      manageStore.confirmChanges.some((e) => e.content === "DELETE")
+    ) {
       await handleSetupChanges();
     } else if (manageStore.confirmChanges.some((e) => e.content === "NETWORK")) {
       await handleSwitchSetupNetwork();
-      await ControlService.handleServiceChanges(JSON.parse(JSON.stringify(manageStore.confirmChanges)));
+      await ControlService.handleServiceChanges(
+        JSON.parse(JSON.stringify(manageStore.confirmChanges))
+      );
     } else if (manageStore.confirmChanges.some((e) => e.content === "MODIFY")) {
-      await ControlService.handleServiceChanges(JSON.parse(JSON.stringify(manageStore.confirmChanges)));
+      await ControlService.handleServiceChanges(
+        JSON.parse(JSON.stringify(manageStore.confirmChanges))
+      );
     } else {
-      await ControlService.handleServiceChanges(JSON.parse(JSON.stringify(manageStore.confirmChanges)));
+      await ControlService.handleServiceChanges(
+        JSON.parse(JSON.stringify(manageStore.confirmChanges))
+      );
     }
   } catch (error) {
     console.error("Error processing changes:", error);
@@ -806,17 +894,27 @@ const confirmHandler = async () => {
 };
 
 const handleServerServiceChanges = async () => {
-  const commonServicesId = setupStore.editSetups.find((s) => s.setupName === "commonServices")?.setupId;
+  const commonServicesId = setupStore.editSetups.find(
+    (s) => s.setupName === "commonServices"
+  )?.setupId;
   manageStore.confirmChanges.forEach((change) => {
     change.data.setupId = commonServicesId ?? change.data.setupId;
   });
-  await ControlService.handleServiceChanges(JSON.parse(JSON.stringify(manageStore.confirmChanges)));
+  await ControlService.handleServiceChanges(
+    JSON.parse(JSON.stringify(manageStore.confirmChanges))
+  );
 };
 
 const handleSetupChanges = async () => {
-  const setupsToRemoveIds = new Set(setupStore.selectedSetupToRemove.map((s) => s.setupId));
-  setupStore.allSetups = setupStore.allSetups.filter((e) => !setupsToRemoveIds.has(e.setupId));
-  setupStore.editSetups = setupStore.editSetups.filter((e) => !setupsToRemoveIds.has(e.setupId));
+  const setupsToRemoveIds = new Set(
+    setupStore.selectedSetupToRemove.map((s) => s.setupId)
+  );
+  setupStore.allSetups = setupStore.allSetups.filter(
+    (e) => !setupsToRemoveIds.has(e.setupId)
+  );
+  setupStore.editSetups = setupStore.editSetups.filter(
+    (e) => !setupsToRemoveIds.has(e.setupId)
+  );
 
   let subtasks = manageStore.confirmChanges.flatMap((e) => e.subTasks);
   await ControlService.handleServiceChanges(JSON.parse(JSON.stringify(subtasks)));
@@ -882,7 +980,9 @@ const deleteSetup = async (item) => {
   });
   const subtasks =
     item?.services.flatMap((service) => {
-      const matchedServices = manageStore.newConfiguration.filter((e) => e.config?.serviceID === service.config?.serviceID);
+      const matchedServices = manageStore.newConfiguration.filter(
+        (e) => e.config?.serviceID === service.config?.serviceID
+      );
 
       return matchedServices.map((e) => ({
         id: e.config?.serviceID,
@@ -902,7 +1002,9 @@ const deleteSetup = async (item) => {
     subTasks: subtasks,
   };
 
-  const itemExists = manageStore.confirmChanges.some((e) => e.id === item.setupId && e.content === "DELETE");
+  const itemExists = manageStore.confirmChanges.some(
+    (e) => e.id === item.setupId && e.content === "DELETE"
+  );
   if (!itemExists) {
     manageStore.confirmChanges.push(confirmDelete);
   }
@@ -918,6 +1020,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;
@@ -926,7 +1042,9 @@ const closeNetworkModal = () => {
 const closeSwitchModal = () => {
   isSwitchModalOpen.value = false;
   manageStore.isLineHidden = false;
-  manageStore.newConfiguration = JSON.parse(JSON.stringify(serviceStore.installedServices));
+  manageStore.newConfiguration = JSON.parse(
+    JSON.stringify(serviceStore.installedServices)
+  );
 };
 
 const closeInfoModal = () => {
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 a21523442..e7183d0c4 100644
--- a/launcher/src/components/UI/edit-page/components/edit/ConfigBody.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/ConfigBody.vue
@@ -11,11 +11,20 @@
   >
     <div
       class="absolute top-0 w-full mx-auto grid grid-cols-3 h-6 border border-gray-950 rounded-t-[5px] text-xs font-[400] font-sans"
-      :class="[setupStore.getBGColor(setupStore.selectedSetup?.color), setupStore.getTextColor(setupStore.selectedSetup?.color)]"
+      :class="[
+        setupStore.getBGColor(setupStore.selectedSetup?.color),
+        setupStore.getTextColor(setupStore.selectedSetup?.color),
+      ]"
     >
-      <span class="col-start-1 justify-self-center self-center">{{ $t("editBody.executionClient") }}</span>
-      <span class="col-start-2 justify-self-center self-center">{{ $t("editBody.consensusClient") }}</span>
-      <span class="col-start-3 justify-self-center self-center">{{ $t("editBody.validator") }}</span>
+      <span class="col-start-1 justify-self-center self-center">{{
+        $t("editBody.executionClient")
+      }}</span>
+      <span class="col-start-2 justify-self-center self-center">{{
+        $t("editBody.consensusClient")
+      }}</span>
+      <span class="col-start-3 justify-self-center self-center">{{
+        $t("editBody.validator")
+      }}</span>
     </div>
     <div
       ref="dropZoneRef"
@@ -38,6 +47,7 @@
         @switch-client="switchClient"
         @confirm-consensus="confirmConsensus"
         @info-modal="infoModal"
+        @external-modify="externalModify"
         @mouse-over="lineDraw"
         @mouse-leave="removeLines"
       />
@@ -49,6 +59,7 @@
         @switch-client="switchClient"
         @modify-service="modifyService"
         @info-modal="infoModal"
+        @external-modify="externalModify"
         @mouse-over="lineDraw"
         @mouse-leave="removeLines"
       />
@@ -82,6 +93,7 @@ const emit = defineEmits([
   "deleteService",
   "confirmConsensus",
   "infoModal",
+  "externalModify",
   "modifyService",
   "removeLines",
   "lineDraw",
@@ -94,9 +106,15 @@ const { updateDom } = useMultiSetups();
 const isOverDropZone = ref(false);
 
 const activateScrollBar = computed(() => {
-  const validators = manageStore.newConfiguration.filter((service) => service.category === "validator");
-  const consensus = manageStore.newConfiguration.filter((service) => service.category === "consensus");
-  const execution = manageStore.newConfiguration.filter((service) => service.category === "execution");
+  const validators = manageStore.newConfiguration.filter(
+    (service) => service.category === "validator"
+  );
+  const consensus = manageStore.newConfiguration.filter(
+    (service) => service.category === "consensus"
+  );
+  const execution = manageStore.newConfiguration.filter(
+    (service) => service.category === "execution"
+  );
   return !!(validators.length > 3 || consensus.length > 3 || execution.length > 3);
 });
 
@@ -151,4 +169,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 e183b90f2..10d9d200d 100644
--- a/launcher/src/components/UI/edit-page/components/edit/EditBody.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/EditBody.vue
@@ -10,9 +10,16 @@
       @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" />
+    <SetupBody
+      v-else
+      @delete-setup="deleteSetup"
+      @connect-setup="connectSetup"
+      @setup-infos="setupInfos"
+      @open-configs="openConfigs"
+    />
   </div>
 </template>
 
@@ -37,7 +44,7 @@ const emit = defineEmits([
   "confirmConsensus",
   "infoModal",
   "modifyService",
-
+  "externalModify",
   "openConfigs",
   "deleteSetup",
 ]);
@@ -115,6 +122,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 e3c3a7ada..50bf9df98 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
@@ -1,5 +1,7 @@
 <template>
-  <div class="col-start-2 col-end-3 gap-y-5 pt-4 pb-2 grid grid-flow-row auto-rows-max relative">
+  <div
+    class="col-start-2 col-end-3 gap-y-5 pt-4 pb-2 grid grid-flow-row auto-rows-max relative"
+  >
     <div
       v-for="item in getConsensus"
       :key="item.config.serviceID + item.id"
@@ -23,6 +25,7 @@
           @modify-service="modifyService"
           @delete-service="deleteService"
           @info-modal="infoModal"
+          @external-modify="externalModify"
         />
       </TransitionGroup>
     </div>
@@ -38,7 +41,15 @@ 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
 
@@ -48,7 +59,9 @@ const setupStore = useSetups();
 // computed & watchers properties
 const getConsensus = computed(() => {
   const services = manageStore.newConfiguration
-    .filter((s) => s.setupId === setupStore.selectedSetup?.setupId && s.category === "consensus")
+    .filter(
+      (s) => s.setupId === setupStore.selectedSetup?.setupId && s.category === "consensus"
+    )
     .sort((a, b) => {
       const fa = a.name.toLowerCase();
       const fb = b.name.toLowerCase();
@@ -114,6 +127,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 eac164dcd..00c7337ab 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
@@ -1,5 +1,7 @@
 <template>
-  <div class="w-full col-start-1 col-end-2 pt-4 pb-2 gap-1 space-y-4 grid grid-flow-row auto-rows-max relative">
+  <div
+    class="w-full col-start-1 col-end-2 pt-4 pb-2 gap-1 space-y-4 grid grid-flow-row auto-rows-max relative"
+  >
     <div
       v-for="item in getExecutions"
       :key="item"
@@ -23,6 +25,7 @@
           @connect-client="connectClient"
           @delete-service="deleteService"
           @info-modal="infoModal"
+          @external-modify="externalModify"
         />
       </TransitionGroup>
     </div>
@@ -38,14 +41,23 @@ import GeneralMenu from "./GeneralMenu.vue";
 import { computed } from "vue";
 import { useSetups } from "../../../../../../store/setups";
 
-const emit = defineEmits(["deleteService", "switchClient", "connectClient", "infoModal", "mouseOver", "mouseLeave"]);
+const emit = defineEmits([
+  "deleteService",
+  "switchClient",
+  "connectClient",
+  "infoModal",
+  "mouseOver",
+  "mouseLeave",
+]);
 const manageStore = useNodeManage();
 const serviceStore = useServices();
 const setupStore = useSetups();
 
 const getExecutions = computed(() => {
   const services = manageStore.newConfiguration
-    .filter((s) => s.category === "execution" && s.setupId === setupStore.selectedSetup.setupId)
+    .filter(
+      (s) => s.category === "execution" && s.setupId === setupStore.selectedSetup.setupId
+    )
     .sort((a, b) => {
       const fa = a.name.toLowerCase();
       const fb = b.name.toLowerCase();
@@ -73,7 +85,12 @@ const displayMenu = (item) => {
   serviceStore.installedServices.forEach((service) => {
     service.displayPluginMenu = false;
   });
-  if (!item.isNotConnectedToConsensus && !item.isNotConnectedToValidator && !item.isRemoveProcessing && !item.isNewClient) {
+  if (
+    !item.isNotConnectedToConsensus &&
+    !item.isNotConnectedToValidator &&
+    !item.isRemoveProcessing &&
+    !item.isNewClient
+  ) {
     item.displayPluginMenu = true;
   }
 };
@@ -108,6 +125,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 2c2f791cc..dc0bac940 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
@@ -1,8 +1,17 @@
 <template>
-  <div class="absolute inset-x-0 w-full h-full flex justify-center items-center z-10" @mousedown.prevent>
-    <div class="w-2/3 h-2/3 grid grid-cols-2 grid-rows-2 bg-gray-800 p-1 rounded-md gap-1">
+  <div
+    class="absolute inset-x-0 w-full h-full flex justify-center items-center z-10"
+    @mousedown.prevent
+  >
+    <div
+      class="w-2/3 h-2/3 grid grid-cols-2 grid-rows-2 bg-gray-800 p-1 rounded-md gap-1"
+    >
       <img
-        v-if="item.category !== 'execution' && item.service !== 'ExternalExecutionService' && item.service !== 'ExternalConsensusService'"
+        v-if="
+          item.category !== 'execution' &&
+          item.service !== 'ExternalExecutionService' &&
+          item.service !== 'ExternalConsensusService'
+        "
         class="w-7 bg-gray-900 hover:bg-gray-500 p-1 cursor-pointer active:scale-90 transition duration-200 border border-gray-700 rounded-md"
         src="/img/icon/edit-node-icons/service-connecting.png"
         alt="Trash Icon"
@@ -11,7 +20,10 @@
         @mouseleave="footerStore.cursorLocation = ''"
       />
       <img
-        v-if="item.service !== 'ExternalExecutionService' && item.service !== 'ExternalConsensusService'"
+        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/switch-client.png"
         alt="Trash Icon"
@@ -19,12 +31,26 @@
         @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"
         alt="Trash Icon"
         @click="deleteService"
-        @mouseenter="footerStore.cursorLocation = `${deleteServiceTooltip} ${item.name} ${service}`"
+        @mouseenter="
+          footerStore.cursorLocation = `${deleteServiceTooltip} ${item.name} ${service}`
+        "
         @mouseleave="footerStore.cursorLocation = ''"
       />
       <img
@@ -60,7 +86,13 @@ 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 +113,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 4f201dc81..571b058e5 100644
--- a/launcher/src/components/UI/edit-page/components/modals/AddModal.vue
+++ b/launcher/src/components/UI/edit-page/components/modals/AddModal.vue
@@ -10,8 +10,17 @@
     @confirm-action="confirmInstall"
   >
     <template #content>
-      <AddPanel v-if="isAddPanelActivated" ref="addPanelComponent" :client="client" :properties="properties" />
-      <MevboostRelays v-if="isRelaysActivated" :client="client" :properties="properties" />
+      <AddPanel
+        v-if="isAddPanelActivated"
+        ref="addPanelComponent"
+        :client="client"
+        :properties="properties"
+      />
+      <MevboostRelays
+        v-if="isRelaysActivated"
+        :client="client"
+        :properties="properties"
+      />
       <AddConnection v-if="isModifyActivated" :client="client" :properties="properties" />
     </template>
   </custom-modal>
@@ -59,19 +68,32 @@ const properties = ref({
 const getConfirmText = computed(() => {
   let text = "";
   if (isAddPanelActivated.value) {
-    if (props.client.category === "consensus" && props.client.service === "ExternalConsensusService") {
+    if (
+      props.client.category === "consensus" &&
+      props.client.service === "ExternalConsensusService"
+    ) {
       text = "confirm";
-    } else if (props.client.category === "execution" && props.client.service === "ExternalExecutionService") {
+    } else if (
+      props.client.category === "execution" &&
+      props.client.service === "ExternalExecutionService"
+    ) {
       text = "confirm";
     } else if (
       props.client.category === "consensus" ||
-      (props.client.category === "validator" && !/Web3Signer/.test(props.client.service)) ||
+      (props.client.category === "validator" &&
+        !/Web3Signer/.test(props.client.service)) ||
       /LidoObolExit|ValidatorEjector/.test(props.client.service)
     ) {
       text = "next";
-    } else if (props.client.category === "service" && props.client.service !== "FlashbotsMevBoostService") {
+    } else if (
+      props.client.category === "service" &&
+      props.client.service !== "FlashbotsMevBoostService"
+    ) {
       text = "confirm";
-    } else if (props.client.category === "service" && props.client.service === "FlashbotsMevBoostService") {
+    } else if (
+      props.client.category === "service" &&
+      props.client.service === "FlashbotsMevBoostService"
+    ) {
       text = "next";
     }
   } else if (isRelaysActivated.value) {
@@ -96,11 +118,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 0651fe8c7..36548dd54 100644
--- a/launcher/src/components/UI/edit-page/components/modals/AddPanel.vue
+++ b/launcher/src/components/UI/edit-page/components/modals/AddPanel.vue
@@ -201,7 +201,8 @@ const sources = [
 // });
 
 watchEffect(() => {
-  props.client.config.source = addressLink.value;
+  props.client.config.source = selectedSource.value.name;
+  props.client.config.address = addressLink.value;
   props.client.config.jwtToken = jwtToken.value;
 });
 
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 000000000..beea8631b
--- /dev/null
+++ b/launcher/src/components/UI/edit-page/components/modals/ExternalModifying.vue
@@ -0,0 +1,244 @@
+<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/edit-page/sections/ServiceSection.vue b/launcher/src/components/UI/edit-page/sections/ServiceSection.vue
index 47d227206..bd4ef2fe1 100644
--- a/launcher/src/components/UI/edit-page/sections/ServiceSection.vue
+++ b/launcher/src/components/UI/edit-page/sections/ServiceSection.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="w-full h-full col-start-1 col-span-full row-start-2 row-span-full pt-1 mt-1">
+  <div
+    class="w-full h-full col-start-1 col-span-full row-start-2 row-span-full pt-1 mt-1"
+  >
     <ServiceBody @change-connection="changeConnection" @delete-service="deleteService" />
   </div>
 </template>
diff --git a/launcher/src/components/UI/node-page/NodeScreen.vue b/launcher/src/components/UI/node-page/NodeScreen.vue
index 609743415..55e328582 100755
--- a/launcher/src/components/UI/node-page/NodeScreen.vue
+++ b/launcher/src/components/UI/node-page/NodeScreen.vue
@@ -6,14 +6,21 @@
         <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 />
         <ServiceSection @open-expert="openExpertModal" @open-logs="openLogPage" />
       </div>
       <div class="col-start-21 col-end-25 px-1 flex flex-col justify-between">
-        <div class="h-[60px] self-center w-full flex flex-col justify-center items-center">
+        <div
+          class="h-[60px] self-center w-full flex flex-col justify-center items-center"
+        >
           <button
             class="info-toggle-btn w-full h-[34px] rounded-full bg-[#264744] hover:bg-[#325e5a] px-2 py-1 text-gray-200 active:scale-95 shadow-md shadow-zinc-800 active:shadow-none transition-all duration-200 ease-in-out uppercase flex justify-center items-center"
             @click="alarmToggle"
@@ -24,10 +31,20 @@
             "
             @mouseleave="footerStore.cursorLocation = ''"
           >
-            <img class="w-8" src="/img/icon/node-page-icons/access-tutorial-icon.png" alt="information" />
+            <img
+              class="w-8"
+              src="/img/icon/node-page-icons/access-tutorial-icon.png"
+              alt="information"
+            />
           </button>
         </div>
         <AlertSection :info-aralm="nodeStore.infoAlarm" />
+        <ExternalModifying
+          v-if="isExternalModifyingActive"
+          :client="externalService"
+          @close-window="closeExternalModal"
+          @confirm-install="confirmExternalModifying"
+        />
       </div>
       <LogsSection
         v-if="isLogsPageActive"
@@ -37,7 +54,11 @@
         @export-all-log="updateAndExportAllLogs"
         @export-customized-logs="updateAndExportAllLogs"
       />
-      <ExpertWindow v-if="isExpertModeOpen" :item="expertModeClient" @hide-modal="closeExpertMode" />
+      <ExpertWindow
+        v-if="isExpertModeOpen"
+        :item="expertModeClient"
+        @hide-modal="closeExpertMode"
+      />
     </div>
 
     <!-- End Node main layout -->
@@ -65,6 +86,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 +101,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;
@@ -176,7 +200,10 @@ const checkForListingKeys = async () => {
     serviceStore.installedServices &&
     serviceStore.installedServices.length > 0 &&
     serviceStore.installedServices.some(
-      (s) => s.category === "validator" && s.state === "running" && (!s.config.keys || !s.config.keys.length > 0)
+      (s) =>
+        s.category === "validator" &&
+        s.state === "running" &&
+        (!s.config.keys || !s.config.keys.length > 0)
     )
   ) {
     clearInterval(pollingListingKeys);
@@ -190,7 +217,11 @@ const updateConnectionStats = async () => {
   controlStore.ipAddress = stats.ipAddress;
 };
 const updateServiceLogs = async () => {
-  if (serviceStore.installedServices && serviceStore.installedServices.length > 0 && headerStore.refresh) {
+  if (
+    serviceStore.installedServices &&
+    serviceStore.installedServices.length > 0 &&
+    headerStore.refresh
+  ) {
     const data = await ControlService.getServiceLogs({ logs_tail: 150 });
     nodeStore.serviceLogs = data;
   }
@@ -205,9 +236,13 @@ const updateAndExportAllLogs = async (client) => {
     until: nodeStore.untilDateParsDays,
   });
 
-  const fileName = `${client.name}_${nodeStore.isExportCustomizedDateLoading ? "customized" : "all"}_logs.txt`;
+  const fileName = `${client.name}_${
+    nodeStore.isExportCustomizedDateLoading ? "customized" : "all"
+  }_logs.txt`;
   const data = [...nodeStore.allLogsForExp.logs].reverse();
-  const lineByLine = data.map((line, index) => `#${data.length - index}: ${line}`).join("\n\n");
+  const lineByLine = data
+    .map((line, index) => `#${data.length - index}: ${line}`)
+    .join("\n\n");
   const blob = new Blob([lineByLine], { type: "text/plain;charset=utf-8" });
   saveAs(blob, fileName);
 
@@ -219,7 +254,11 @@ const updateAndExportAllLogs = async (client) => {
 
 const updateServerVitals = async () => {
   try {
-    if (serviceStore.installedServices && serviceStore.installedServices.length > 0 && headerStore.refresh) {
+    if (
+      serviceStore.installedServices &&
+      serviceStore.installedServices.length > 0 &&
+      headerStore.refresh
+    ) {
       const data = await ControlService.getServerVitals();
       controlStore.cpu = data.cpu;
       controlStore.availDisk = data.availDisk;
@@ -236,6 +275,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();
@@ -251,18 +299,31 @@ const closeExpertMode = () => {
 // ********** LOGS **********
 
 const exportLogs = async (client) => {
-  const currentService = nodeStore.serviceLogs.find((service) => service.config?.serviceID === client.config?.serviceID);
+  const currentService = nodeStore.serviceLogs.find(
+    (service) => service.config?.serviceID === client.config?.serviceID
+  );
 
-  const fileName = nodeStore.exportLogs ? `${client.name}_150_logs.txt` : `${client.name}_all_logs.txt`;
+  const fileName = nodeStore.exportLogs
+    ? `${client.name}_150_logs.txt`
+    : `${client.name}_all_logs.txt`;
 
   // Select the data based on the condition
-  const data = nodeStore.exportLogs ? currentService.logs.slice(-150).reverse() : currentService.logs.reverse();
+  const data = nodeStore.exportLogs
+    ? currentService.logs.slice(-150).reverse()
+    : currentService.logs.reverse();
 
-  const lineByLine = data.map((line, index) => `#${data.length - index}: ${line}`).join("\n\n");
+  const lineByLine = data
+    .map((line, index) => `#${data.length - index}: ${line}`)
+    .join("\n\n");
   const blob = new Blob([lineByLine], { type: "text/plain;charset=utf-8" });
   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 fd8f8ad18..5fe24d7d9 100644
--- a/launcher/src/components/UI/node-page/components/modals/CustomModal.vue
+++ b/launcher/src/components/UI/node-page/components/modals/CustomModal.vue
@@ -18,14 +18,18 @@
           <div v-if="mainTitle" class="text-xl font-bold py-2 text-gray-200 uppercase">
             <p>{{ mainTitle }}</p>
           </div>
-          <div v-if="messageText" class="text-md font-bold py-2" :class="bgColor ? 'text-gray-200' : null">
+          <div
+            v-if="messageText"
+            class="text-md font-bold py-2"
+            :class="bgColor ? 'text-gray-200' : null"
+          >
             <p>{{ messageText }}</p>
           </div>
           <slot name="content"></slot>
         </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'
@@ -38,9 +42,10 @@
             {{ confirmText }}
           </button>
 
-          <span class="absolute bottom-1 left-[17rem] text-xs flex justify-center items-center text-red-500 mx-auto">{{
-            clickOutsideText
-          }}</span>
+          <span
+            class="absolute bottom-1 left-[17rem] text-xs flex justify-center items-center text-red-500 mx-auto"
+            >{{ clickOutsideText }}</span
+          >
         </div>
       </div>
     </div>
@@ -58,7 +63,17 @@ const emitConfirmAction = () => {
   emit("confirmAction");
 };
 
-const { icon, altText, mainTitle, messageText, confirmText, clickOutsideText, bgColor, btnColor, iconSize } = defineProps({
+const {
+  icon,
+  altText,
+  mainTitle,
+  messageText,
+  confirmText,
+  clickOutsideText,
+  bgColor,
+  btnColor,
+  iconSize,
+} = defineProps({
   icon: String,
   altText: String,
   mainTitle: String,
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 3440309ba..d8c5b4b38 100644
--- a/launcher/src/components/UI/node-page/components/node/ConfigBody.vue
+++ b/launcher/src/components/UI/node-page/components/node/ConfigBody.vue
@@ -11,9 +11,15 @@
       <div
         class="col-start-1 col-span-full row-start-1 row-span-1 w-full mx-auto grid grid-cols-3 h-6 bg-[#33393E] border border-gray-950 rounded-t-[5px] text-gray-300 text-xs font-[400] font-sans"
       >
-        <span class="col-start-1 justify-self-center self-center">{{ $t("editModals.executionClients") }}</span>
-        <span class="col-start-2 justify-self-center self-center">{{ $t("editModals.consensusClients") }}</span>
-        <span class="col-start-3 justify-self-center self-center">{{ $t("editBody.validator") }} </span>
+        <span class="col-start-1 justify-self-center self-center">{{
+          $t("editModals.executionClients")
+        }}</span>
+        <span class="col-start-2 justify-self-center self-center">{{
+          $t("editModals.consensusClients")
+        }}</span>
+        <span class="col-start-3 justify-self-center self-center"
+          >{{ $t("editBody.validator") }}
+        </span>
       </div>
       <ClientSkeleton v-for="i in skeletons" v-show="loadingClients" :key="i" />
       <ExecutionClients
@@ -26,6 +32,7 @@
         @mouse-over="lineDraw"
         @mouse-leave="removeLines"
         @copy-jwt="copyJwt"
+        @external-modify="externalModify"
       />
       <ConsensusClients
         @open-expert="openExpert"
@@ -36,6 +43,7 @@
         @open-doc="openDocs"
         @mouse-over="lineDraw"
         @mouse-leave="removeLines"
+        @external-modify="externalModify"
       />
       <ValidatorClients
         @open-expert="openExpert"
@@ -71,6 +79,7 @@ const emit = defineEmits([
   "lineDraw",
   "removeLines",
   "copyJwt",
+  "externalModify",
 ]);
 
 // Refs
@@ -121,4 +130,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 579ac6034..f1d940a4f 100755
--- a/launcher/src/components/UI/node-page/components/node/NodeBody.vue
+++ b/launcher/src/components/UI/node-page/components/node/NodeBody.vue
@@ -1,17 +1,28 @@
 <template>
-  <div class="w-full h-full max-h-[430px] rounded-md border border-gray-600 overflow-hidden bg-[#151618] flex justify-center items-center">
+  <div
+    class="w-full h-full max-h-[430px] rounded-md border border-gray-600 overflow-hidden bg-[#151618] flex justify-center items-center"
+  >
     <ConfigBody
       v-if="setupStore.isConfigViewActive"
       @open-expert="openExpert"
       @open-docs="openDocs"
       @open-log="openLog"
       @copy-jwt="copyJwt"
+      @external-modify="externalModify"
       @click-outside="clickOutside"
       @line-draw="lineDrawHandler"
       @remove-lines="removeConnectionLines"
     />
-    <SetupBody v-if="!setupStore.isConfigViewActive" @open-setup="openSetup" @export-setup="exportSetup" />
-    <PluginLogs v-if="isPluginLogPageActive" :item="itemToLogs" @close-log="closePluginLogsPage" />
+    <SetupBody
+      v-if="!setupStore.isConfigViewActive"
+      @open-setup="openSetup"
+      @export-setup="exportSetup"
+    />
+    <PluginLogs
+      v-if="isPluginLogPageActive"
+      :item="itemToLogs"
+      @close-log="closePluginLogsPage"
+    />
   </div>
 </template>
 
@@ -28,7 +39,13 @@ 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);
@@ -61,7 +78,12 @@ watchEffect(() => {
 
 const oneWayConnection = (start, end, startSocket, endSocket) => {
   if (start && end) {
-    let newLine = new LeaderLine(start, end, { dash: { animation: true } }, { hide: true });
+    let newLine = new LeaderLine(
+      start,
+      end,
+      { dash: { animation: true } },
+      { hide: true }
+    );
     newLine.position();
     newLine.setOptions({
       size: 2,
@@ -83,7 +105,9 @@ const lineDrawHandler = (item) => {
         const dependencies = serviceStore.installedServices.filter(
           (s) =>
             s.config?.dependencies?.executionClients?.length > 0 &&
-            s.config?.dependencies?.executionClients.some((d) => d.id === item.config?.serviceID)
+            s.config?.dependencies?.executionClients.some(
+              (d) => d.id === item.config?.serviceID
+            )
         );
         dependencies.forEach((d) => {
           if (d.category === "consensus") {
@@ -100,8 +124,12 @@ const lineDrawHandler = (item) => {
         const dependencies = serviceStore.installedServices.filter(
           (s) =>
             (s.config?.dependencies?.consensusClients?.length > 0 &&
-              s.config?.dependencies?.consensusClients.some((d) => d.id === item.config?.serviceID)) ||
-            item.config?.dependencies?.executionClients.some((d) => d.id === s.config?.serviceID)
+              s.config?.dependencies?.consensusClients.some(
+                (d) => d.id === item.config?.serviceID
+              )) ||
+            item.config?.dependencies?.executionClients.some(
+              (d) => d.id === s.config?.serviceID
+            )
         );
         dependencies.forEach((d) => {
           if (d.category === "validator") {
@@ -124,9 +152,15 @@ const lineDrawHandler = (item) => {
       case "validator": {
         const dependencies = serviceStore.installedServices.filter(
           (s) =>
-            item.config?.dependencies?.executionClients.some((d) => d.id === s.config?.serviceID) ||
-            item.config?.dependencies?.consensusClients.some((d) => d.id === s.config?.serviceID) ||
-            s.config?.dependencies?.consensusClients.some((d) => d.id === item.config?.serviceID)
+            item.config?.dependencies?.executionClients.some(
+              (d) => d.id === s.config?.serviceID
+            ) ||
+            item.config?.dependencies?.consensusClients.some(
+              (d) => d.id === s.config?.serviceID
+            ) ||
+            s.config?.dependencies?.consensusClients.some(
+              (d) => d.id === item.config?.serviceID
+            )
         );
         dependencies.forEach((d) => {
           if (d.category === "validator") {
@@ -205,6 +239,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 fa6baef13..132caff2b 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
@@ -1,12 +1,26 @@
 import { useNodeStore } from '@/store/theNode';
 <template>
-  <div class="col-start-2 col-span-1 grid grid-cols-3 grid-rows-3 gap-1 p-1" @pointerdown.prevent.stop>
+  <div
+    class="col-start-2 col-span-1 grid grid-cols-3 grid-rows-3 gap-1 p-1"
+    @pointerdown.prevent.stop
+  >
     <div
-      v-if="props.client.service !== 'ExternalExecutionService' && props.client.service !== 'ExternalConsensusService'"
+      v-if="
+        props.client.service !== 'ExternalExecutionService' &&
+        props.client.service !== 'ExternalConsensusService'
+      "
       class="p-1 col-start-1 col-span-1 flex justify-center items-center bg-gray-900 hover:bg-gray-600 rounded-md"
     >
-      <button v-if="props.client.serviceIsPending" type="button" class="w-full h-full rounded-md disabled">
-        <img src="/img/icon/loading-icons/loading-circle.png" alt="icon" class="w-4 animate-spin" />
+      <button
+        v-if="props.client.serviceIsPending"
+        type="button"
+        class="w-full h-full rounded-md disabled"
+      >
+        <img
+          src="/img/icon/loading-icons/loading-circle.png"
+          alt="icon"
+          class="w-4 animate-spin"
+        />
       </button>
       <button
         v-else-if="props.client.state == 'running'"
@@ -15,14 +29,22 @@ import { useNodeStore } from '@/store/theNode';
         @mouseenter="footerStore.cursorLocation = `${turnOff}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
-        <img src="/img/icon/node-page-icons/service-command-turn-off.png" alt="icon" class="w-4 active:scale-95" />
+        <img
+          src="/img/icon/node-page-icons/service-command-turn-off.png"
+          alt="icon"
+          class="w-4 active:scale-95"
+        />
       </button>
       <button
         v-else-if="props.client.state == 'restarting'"
         class="w-full h-full transition-colors duration-200 rounded-md flex justify-center items-center"
         @click="stateHandler"
       >
-        <img src="/img/icon/node-page-icons/service-command-pending.png" alt="icon" class="w-4 active:scale-95" />
+        <img
+          src="/img/icon/node-page-icons/service-command-pending.png"
+          alt="icon"
+          class="w-4 active:scale-95"
+        />
       </button>
       <button
         v-else
@@ -31,44 +53,89 @@ import { useNodeStore } from '@/store/theNode';
         @mouseenter="footerStore.cursorLocation = `${turnOn}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
-        <img src="/img/icon/node-page-icons/service-command-turn-on.png" alt="icon" class="w-4 active:scale-95" />
+        <img
+          src="/img/icon/node-page-icons/service-command-turn-on.png"
+          alt="icon"
+          class="w-4 active:scale-95"
+        />
       </button>
     </div>
     <button
-      v-if="props.client.service !== 'ExternalExecutionService' && props.client.service !== 'ExternalConsensusService'"
+      v-if="
+        props.client.service !== 'ExternalExecutionService' &&
+        props.client.service !== 'ExternalConsensusService'
+      "
       class="col-start-2 col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
       @click="restartHandler"
       @mouseenter="footerStore.cursorLocation = `${restart}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
-      <img src="/img/icon//node-page-icons/service-command-restart.png" alt="icon" class="w-4 active:scale-95" />
+      <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 = ''"
     >
-      <img src="/img/icon/node-page-icons/service-command-open-settings.png" alt="icon" class="w-8 active:scale-95" />
+      <img
+        src="/img/icon/node-page-icons/service-command-open-settings.png"
+        alt="icon"
+        class="w-8 active:scale-95"
+      />
     </button>
     <button
-      v-if="props.client.service !== 'ExternalExecutionService' && props.client.service !== 'ExternalConsensusService'"
+      v-if="
+        props.client.service !== 'ExternalExecutionService' &&
+        props.client.service !== 'ExternalConsensusService'
+      "
       class="col-start-1 row-start-2 col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
       @click="openLog"
       @mouseenter="footerStore.cursorLocation = `${logs}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
-      <img src="/img/icon/node-page-icons/service-command-open-logs.png" alt="icon" class="w-4 active:scale-95" />
+      <img
+        src="/img/icon/node-page-icons/service-command-open-logs.png"
+        alt="icon"
+        class="w-4 active:scale-95"
+      />
     </button>
     <button
-      v-if="props.client.service !== 'ExternalExecutionService' && props.client.service !== 'ExternalConsensusService'"
+      v-if="
+        props.client.service !== 'ExternalExecutionService' &&
+        props.client.service !== 'ExternalConsensusService'
+      "
       class="col-start-2 row-start-2 col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
       @click="openDoc"
       @mouseenter="footerStore.cursorLocation = `${docs}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
-      <img src="/img/icon/node-page-icons/service-command-open-docs.png" alt="icon" class="w-5 active:scale-95" />
+      <img
+        src="/img/icon/node-page-icons/service-command-open-docs.png"
+        alt="icon"
+        class="w-5 active:scale-95"
+      />
     </button>
     <button
       v-if="
@@ -81,7 +148,11 @@ import { useNodeStore } from '@/store/theNode';
       @mouseenter="footerStore.cursorLocation = `${resync}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
-      <img src="/img/icon/node-page-icons/service-command-resync-client.png" alt="icon" class="w-4 active:scale-95" />
+      <img
+        src="/img/icon/node-page-icons/service-command-resync-client.png"
+        alt="icon"
+        class="w-4 active:scale-95"
+      />
     </button>
     <button
       v-if="props.client.service == 'TekuValidatorService'"
@@ -90,7 +161,11 @@ import { useNodeStore } from '@/store/theNode';
       @mouseenter="footerStore.cursorLocation = `${removeLockBtn}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
-      <img src="/img/icon/node-page-icons/service-command-delete-lockfile.png" alt="icon" class="w-4 h-4 active:scale-95" />
+      <img
+        src="/img/icon/node-page-icons/service-command-delete-lockfile.png"
+        alt="icon"
+        class="w-4 h-4 active:scale-95"
+      />
     </button>
     <button
       v-if="props.client.service == 'GethService'"
@@ -99,18 +174,30 @@ import { useNodeStore } from '@/store/theNode';
       @mouseenter="footerStore.cursorLocation = `${pruning}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
-      <img src="/img/icon/node-page-icons/service-command-pruning.png" alt="icon" class="active:scale-95" />
+      <img
+        src="/img/icon/node-page-icons/service-command-pruning.png"
+        alt="icon"
+        class="active:scale-95"
+      />
     </button>
     <button
-      v-if="props.client.category == 'execution' && props.client.service !== 'ExternalExecutionService'"
+      v-if="
+        props.client.category == 'execution' &&
+        props.client.service !== 'ExternalExecutionService'
+      "
       class="row-start-3 col-span-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
       :class="props.client.service == 'GethService' ? 'col-start-2' : 'col-start-1'"
       @click="copyJwt"
       @mouseenter="footerStore.cursorLocation = `${copyToken}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
-      <img src="/img/icon/node-page-icons/service-command-copy-jwt.png" alt="icon" class="w-4 h-4 active:scale-95" />
+      <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 +225,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 +289,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 73ed42ffd..e8653803c 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,9 +21,15 @@
         @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)" />
+        <ResyncModal
+          v-if="item.isResyncModalOpen"
+          icon-size="w-14"
+          :item="item"
+          @close-window="closeResyncModal(item)"
+        />
       </TransitionGroup>
     </div>
   </div>
@@ -38,7 +44,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();
@@ -51,7 +66,9 @@ const getConsensusServices = computed(() => {
   }
 
   const services = serviceStore.installedServices
-    .filter((s) => s.category === "consensus" && s.setupId === setupStore.selectedSetup?.setupId)
+    .filter(
+      (s) => s.category === "consensus" && s.setupId === setupStore.selectedSetup?.setupId
+    )
     .sort((a, b) => {
       const fa = a.name.toLowerCase();
       const fb = b.name.toLowerCase();
@@ -97,6 +114,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 7f900513d..492ada50b 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,10 +23,20 @@
         @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)" />
-        <PrunningModal v-if="showPruningModal" :item="item" @cancel-warning="closePruning" />
+        <ResyncModal
+          v-if="item.isResyncModalOpen"
+          icon-size="w-14"
+          :item="item"
+          @close-window="closeResyncModal(item)"
+        />
+        <PrunningModal
+          v-if="showPruningModal"
+          :item="item"
+          @cancel-warning="closePruning"
+        />
       </TransitionGroup>
     </div>
   </div>
@@ -43,7 +53,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);
@@ -58,7 +78,9 @@ const getExecutionServices = computed(() => {
     return [];
   }
   const services = serviceStore.installedServices
-    .filter((s) => s.category === "execution" && s.setupId === setupStore.selectedSetup?.setupId)
+    .filter(
+      (s) => s.category === "execution" && s.setupId === setupStore.selectedSetup?.setupId
+    )
     .sort((a, b) => {
       const fa = a.name.toLowerCase();
       const fb = b.name.toLowerCase();
@@ -117,6 +139,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 b0fe556f5..e27d99323 100755
--- a/launcher/src/components/UI/node-page/sections/NodeSection.vue
+++ b/launcher/src/components/UI/node-page/sections/NodeSection.vue
@@ -1,7 +1,12 @@
 <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 +14,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 +26,8 @@ const openLog = (item) => {
 const exportSetup = (item) => {
   emit("exportSetup", item);
 };
+
+const externalModify = (item) => {
+  emit("externalModify", item);
+};
 </script>