diff --git a/package.json b/package.json
index aade0b4c..64266f36 100644
--- a/package.json
+++ b/package.json
@@ -76,6 +76,7 @@
     "rollup-plugin-node-builtins": "^2.1.2",
     "serve": "^13.0.2",
     "sirv-cli": "^1.0.0",
+    "tf-profile-manager": "^1.0.0",
     "ts-rmb-http-client": "1.0.6",
     "uuid": "^8.3.2",
     "yarn": "^1.22.17"
diff --git a/playground/public/index.html b/playground/public/index.html
index 04212191..e0f9adc3 100644
--- a/playground/public/index.html
+++ b/playground/public/index.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="./global.css" />
     <script src="/build/elements/base.wc.js"></script>
     <script defer src="/build/elements/notification.wc.js"></script>
-    <script defer src="/build/elements/profiles.wc.js"></script>
+    <script defer src="/build/elements/profilemanager.wc.js"></script>
   </head>
   <body>
     <noscript>
diff --git a/playground/src/views/Editor.vue b/playground/src/views/Editor.vue
index 0170a654..bf9d60ce 100644
--- a/playground/src/views/Editor.vue
+++ b/playground/src/views/Editor.vue
@@ -80,7 +80,7 @@
           class="navbar-end mt-2 mb-2 mr-2"
           style="height: 112px"
         >
-          <tf-profiles></tf-profiles>
+          <tf-profile-manager></tf-profile-manager>
         </div>
       </nav>
       <div v-html="weblets[active].html" />
diff --git a/src/App.svelte b/src/App.svelte
index ca3b33bd..1b4ef783 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,43 +1,43 @@
 <script lang="ts">
-  import Base from "./elements/base/Base.wc.svelte";
-  import ProfileManager from "./elements/profiles/Profiles.wc.svelte";
+  import Base from './elements/base/Base.wc.svelte';
+  import ProfileManager from './elements/ProfileManager/ProfileManager.wc.svelte';
 
-  import Fullvm from "./elements/fullvm/Fullvm.wc.svelte";
-  import Vm from "./elements/vm/Vm.wc.svelte";
-  import Kubernetes from "./elements/kubernetes/Kubernetes.wc.svelte";
-  import Caprover from "./elements/caprover/Caprover.wc.svelte";
-  import Peertube from "./elements/peertube/Peertube.wc.svelte";
-  import Funkwhale from "./elements/funkwhale/Funkwhale.wc.svelte";
-  import Mattermost from "./elements/Mattermost/Mattermost.wc.svelte";
-  import Discourse from "./elements/discourse/Discourse.wc.svelte";
-  import Taiga from "./elements/taiga/Taiga.wc.svelte";
-  import Owncloud from "./elements/owncloud/Owncloud.wc.svelte";
-  import Presearch from "./elements/presearch/Presearch.wc.svelte";
-  import Subsquid from "./elements/subsquid/Subsquid.wc.svelte";
-  import Casperlabs from "./elements/casperlabs/Casperlabs.wc.svelte";
-  import NodePilot from "./elements/nodePilot/NodePilot.wc.svelte";
-  import DeployedList from "./elements/DeployedList/DeployedList.wc.svelte";
-  import ContractsList from "./elements/ContractsList/ContractsList.wc.svelte";
-  import Algorand from "./elements/algorand/Algorand.wc.svelte"
+  import Fullvm from './elements/fullvm/Fullvm.wc.svelte';
+  import Vm from './elements/vm/Vm.wc.svelte';
+  import Kubernetes from './elements/kubernetes/Kubernetes.wc.svelte';
+  import Caprover from './elements/caprover/Caprover.wc.svelte';
+  import Peertube from './elements/peertube/Peertube.wc.svelte';
+  import Funkwhale from './elements/funkwhale/Funkwhale.wc.svelte';
+  import Mattermost from './elements/Mattermost/Mattermost.wc.svelte';
+  import Discourse from './elements/discourse/Discourse.wc.svelte';
+  import Taiga from './elements/taiga/Taiga.wc.svelte';
+  import Owncloud from './elements/owncloud/Owncloud.wc.svelte';
+  import Presearch from './elements/presearch/Presearch.wc.svelte';
+  import Subsquid from './elements/subsquid/Subsquid.wc.svelte';
+  import Casperlabs from './elements/casperlabs/Casperlabs.wc.svelte';
+  import NodePilot from './elements/nodePilot/NodePilot.wc.svelte';
+  import DeployedList from './elements/DeployedList/DeployedList.wc.svelte';
+  import ContractsList from './elements/ContractsList/ContractsList.wc.svelte';
+  import Algorand from './elements/algorand/Algorand.wc.svelte';
 
   const weblets = [
-    { name: "Full VM", cmp: Fullvm },
-    { name: "Micro VM", cmp: Vm },
-    { name: "Kubernetes", cmp: Kubernetes },
-    { name: "Caprover", cmp: Caprover },
-    { name: "Peertube", cmp: Peertube },
-    { name: "Funkwhale", cmp: Funkwhale },
-    { name: "Mattermost", cmp: Mattermost },
-    { name: "Discourse", cmp: Discourse },
-    { name: "Taiga", cmp: Taiga },
-    { name: "Owncloud", cmp: Owncloud },
-    { name: "Presearch", cmp: Presearch },
-    { name: "Subsquid", cmp: Subsquid },
-    { name: "Casperlabs", cmp: Casperlabs },
-    { name: "NodePilot", cmp: NodePilot },
-    { name: "Algorand", cmp: Algorand },
-    { name: "Deployed List", cmp: DeployedList },
-    { name: "Contracts List", cmp: ContractsList },
+    { name: 'Full VM', cmp: Fullvm },
+    { name: 'Micro VM', cmp: Vm },
+    { name: 'Kubernetes', cmp: Kubernetes },
+    { name: 'Caprover', cmp: Caprover },
+    { name: 'Peertube', cmp: Peertube },
+    { name: 'Funkwhale', cmp: Funkwhale },
+    { name: 'Mattermost', cmp: Mattermost },
+    { name: 'Discourse', cmp: Discourse },
+    { name: 'Taiga', cmp: Taiga },
+    { name: 'Owncloud', cmp: Owncloud },
+    { name: 'Presearch', cmp: Presearch },
+    { name: 'Subsquid', cmp: Subsquid },
+    { name: 'Casperlabs', cmp: Casperlabs },
+    { name: 'NodePilot', cmp: NodePilot },
+    { name: 'Algorand', cmp: Algorand },
+    { name: 'Deployed List', cmp: DeployedList },
+    { name: 'Contracts List', cmp: ContractsList },
   ];
   let selectedWebletIndex = weblets.findIndex(({ cmp }) => cmp === Fullvm);
 </script>
@@ -48,7 +48,7 @@
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
   {#each weblets as weblet, i (weblet.name)}
     <p
-      style={"cursor: pointer; margin: 0 5px;" +
+      style={'cursor: pointer; margin: 0 5px;' +
         (selectedWebletIndex === i ? `color: steelblue` : undefined)}
       on:click={() => (selectedWebletIndex = i)}
     >
diff --git a/src/components/LogsInfo.svelte b/src/components/LogsInfo.svelte
index d3fe6238..f5e24534 100644
--- a/src/components/LogsInfo.svelte
+++ b/src/components/LogsInfo.svelte
@@ -3,7 +3,7 @@
 <script lang="ts">
   import type { IStore } from "../stores/currentDeployment";
 
-  const currentDeployment = window.configs.currentDeploymentStore;
+  const currentDeployment = window.configs?.currentDeploymentStore;
   $: logs = $currentDeployment;
 
   function getMessage({ type, name }: IStore): string {
diff --git a/src/components/SelectNodeId.svelte b/src/components/SelectNodeId.svelte
index b13649bc..05c0c0c3 100644
--- a/src/components/SelectNodeId.svelte
+++ b/src/components/SelectNodeId.svelte
@@ -1,18 +1,15 @@
 <svelte:options tag="tf-select-node-id" />
 
 <script lang="ts">
-  import { createEventDispatcher } from "svelte";
-  import type { IFormField, ISelectOption } from "../types";
-  import type { IProfile } from "../types/Profile";
-  import findNodes from "../utils/findNodes";
-  import fetchFarms from "../utils/fetchFarms";
-  import { fetchCountries } from "../utils/fetchCountries";
+  import { createEventDispatcher } from 'svelte';
+  import type { IFormField, ISelectOption } from '../types';
+  import findNodes from '../utils/findNodes';
+  import fetchFarms from '../utils/fetchFarms';
+  import { fetchCountries } from '../utils/fetchCountries';
 
   // components
-  import Input from "./Input.svelte";
-  import gqlApi from "../utils/gqlApi";
-  import baseConfig from "../stores/baseConfig";
-  const { GridClient } = window.configs?.grid3_client ?? {};
+  import Input from './Input.svelte';
+  import gqlApi from '../utils/gqlApi';
 
   const dispatch = createEventDispatcher<{ fetch: ISelectOption[] }>();
   export let cpu: number;
@@ -20,17 +17,12 @@
   export let ssd: number;
   export let publicIp: boolean;
   export let data: number;
-  export let status: "valid" | "invalid" | "dedicated" | "not found";
+  export let status: 'valid' | 'invalid' | 'dedicated' | 'not found';
   export let nodes: ISelectOption[] = [];
-  // export let error: string = null;
 
-  export let exclusiveFor: string = "";
-
-  export let profile: IProfile;
+  export let exclusiveFor: string = '';
   let loadingNodes: boolean = false;
 
-  const configs = window.configs?.baseConfig;
-
   // prettier-ignore
   const filtersFields: IFormField[] = [
     { label: "Farm Name", symbol: "farmName", type: "select", placeholder: "Enter Farm Name", options: [
@@ -62,21 +54,23 @@
   export let nodeSelection: string;
 
   export let filters: any;
+  const activeProfile = window.configs.activeProfileStore;
+  $: profile = $activeProfile;
 
   $: {
     if (filters) {
-      if (cpu) filters.update("cru", cpu);
-      if (memory) filters.update("mru", Math.round(memory / 1024));
-      if (ssd) filters.update("sru", ssd);
-      filters.update("publicIPs", publicIp);
+      if (cpu) filters.update('cru', cpu);
+      if (memory) filters.update('mru', Math.round(memory / 1024));
+      if (ssd) filters.update('sru', ssd);
+      filters.update('publicIPs', publicIp);
     }
   }
 
   function onLoadNodesHandler() {
     loadingNodes = true;
     status = null;
-    const label = "Please select a node id.";
-    nodeIdSelectField.options[0].label = "Loading...";
+    const label = 'Please select a node id.';
+    nodeIdSelectField.options[0].label = 'Loading...';
     const _filters = {
       publicIPs: filters.publicIPs,
       country: filters.country,
@@ -84,31 +78,31 @@
       cru: filters.cru,
       mru: filters.mru,
       sru: filters.sru,
-      availableFor: $configs.twinId,
+      availableFor: profile.twinId,
     };
 
     findNodes(_filters, profile, exclusiveFor)
       .then((_nodes) => {
-        dispatch("fetch", _nodes);
+        dispatch('fetch', _nodes);
         if (_nodes.length <= 0) {
           data = null;
           status = null;
-          nodeIdSelectField.options[0].label = "No nodes available";
+          nodeIdSelectField.options[0].label = 'No nodes available';
         } else if (!_nodes.some((node) => node.value === data)) {
           nodeIdSelectField.options[0].label = label;
           nodes = _nodes;
           data = +_nodes[0].value;
-          status = "valid";
+          status = 'valid';
         } else {
           nodeIdSelectField.options[0].label = label;
-          status = "valid";
+          status = 'valid';
         }
       })
       .catch((err) => {
-        console.log("Error", err);
+        console.log('Error', err);
         data = null;
         status = null;
-        nodeIdSelectField.options[0].label = "No nodes available";
+        nodeIdSelectField.options[0].label = 'No nodes available';
       })
       .finally(() => {
         loadingNodes = false;
@@ -120,7 +114,11 @@
     nodeIdSelectField.options = [option, ...nodes];
   }
 
-  function _setLabel(index: number, oldLabel: string,  label: string = "Loading...") {
+  function _setLabel(
+    index: number,
+    oldLabel: string,
+    label: string = 'Loading...'
+  ) {
     filtersFields[index].options[0].label = label;
     return oldLabel;
   }
@@ -140,37 +138,36 @@
     );
   }
 
-  function _setCountriesOptions(
-    index: number,
-    items: Map< string, Number >
-  ) {
+  function _setCountriesOptions(index: number, items: Map<string, Number>) {
     const [option] = filtersFields[index].options;
-    filtersFields[index].options = Object.entries(items).map( function ([name, code]) {
-        const op = { label: name, value: name } as ISelectOption;
-        return op;
-      },
-    );
+    filtersFields[index].options = Object.entries(items).map(function ([
+      name,
+      code,
+    ]) {
+      const op = { label: name, value: name } as ISelectOption;
+      return op;
+    });
     filtersFields[index].options.unshift(option);
   }
 
   let _network: string;
   $: {
     if (
-      nodeSelection === "automatic" &&
+      nodeSelection === 'automatic' &&
       profile &&
-      profile.networkEnv !== _network
+      profile.network !== _network
     ) {
       /* Cache last used network */
-      _network = profile.networkEnv;
+      _network = profile.network;
 
       onLoadFarmsHandler();
     }
   }
 
-  function onLoadFarmsHandler(){
+  function onLoadFarmsHandler() {
     /* Loading farms & countries */
-    const old_farm_label = "Please select a farm";
-    const old_countries_label = "Please select a country";
+    const old_farm_label = 'Please select a farm';
+    const old_countries_label = 'Please select a country';
 
     const farmsLabel = _setLabel(0, old_farm_label);
     const countriesLabel = _setLabel(1, old_countries_label);
@@ -181,18 +178,18 @@
         _setOptions(0, farms);
       })
       .catch((err) => {
-        console.log("Error", err);
+        console.log('Error', err);
       })
       .finally(() => {
         _setLabel(0, old_farm_label, farmsLabel);
       });
 
     fetchCountries(profile)
-      .then(( countries ) => {
+      .then((countries) => {
         _setCountriesOptions(1, countries);
       })
       .catch((err) => {
-        console.log("Error", err);
+        console.log('Error', err);
       })
       .finally(() => {
         _setLabel(1, old_countries_label, countriesLabel);
@@ -208,15 +205,15 @@
 
   function _nodeValidator(value: number) {
     value = +value;
-    if (typeof value !== "number") return "Please select a node.";
-    if (value < 1) return "Please select a valid node";
+    if (typeof value !== 'number') return 'Please select a node.';
+    if (value < 1) return 'Please select a valid node';
   }
 
   const nodeIdField: IFormField = {
-    label: "Node ID",
-    symbol: "nodeId",
-    type: "number",
-    placeholder: "Your Node ID",
+    label: 'Node ID',
+    symbol: 'nodeId',
+    type: 'number',
+    placeholder: 'Your Node ID',
   };
 
   interface IResources { cru: number; sru: number; hru: number; mru: number; ipv4u: number; } // prettier-ignore
@@ -226,7 +223,7 @@
   let _nodeId: number;
   let validating: boolean = false;
   $: {
-    if (nodeSelection === "manual")
+    if (nodeSelection === 'manual')
       if (profile && _nodeId !== data) {
         if (!data || !!_nodeValidator(data)) {
           if (_ctrl) {
@@ -240,30 +237,38 @@
           if (_ctrl) _ctrl.abort();
           _ctrl = new AbortController();
 
-          const { networkEnv } = profile;
-          const grid = new GridClient("" as any, "", "", null);
-          const { rmbProxy } = grid.getDefaultUrls(networkEnv as any);
+          const { network } = profile;
+          const grid = new window.configs.grid3_client.GridClient(
+            '' as any,
+            '',
+            '',
+            null
+          );
+          const { rmbProxy } = grid.getDefaultUrls(network);
 
           validating = true;
           status = null;
           fetch(`${rmbProxy}/nodes/${data}`, {
-            method: "GET",
+            method: 'GET',
             signal: _ctrl.signal,
           })
             .then<{ capacity: ICapacity }>((res) => res.json())
             .then((node: any) => {
-              if (node.error){
-                status = "not found";
+              if (node.error) {
+                status = 'not found';
                 return;
               }
 
-              if (node.rentedByTwinId != $configs.twinId && (node.dedicated || node.rentContractId != 0)) {
-                status = "dedicated";
+              if (
+                node.rentedByTwinId != profile.twinId &&
+                (node.dedicated || node.rentContractId != 0)
+              ) {
+                status = 'dedicated';
                 return;
               }
 
-              if (node.status !== "up") {
-                status = "invalid";
+              if (node.status !== 'up') {
+                status = 'invalid';
                 return;
               }
 
@@ -273,30 +278,30 @@
               let hasEnoughResources = ((total.sru - used.sru) / 1024 ** 3) >= filters.sru &&
                         ((total.mru - used.mru) / 1024 ** 3) >= filters.mru;
               if (!hasEnoughResources) {
-                status = "invalid";
+                status = 'invalid';
                 return;
               }
 
               if (filters.publicIPs) {
                 return gqlApi<{ nodes: { id: number }[] }>(
                   profile,
-                  "query getFarmId($id: Int!) { nodes(where: { nodeID_eq: $id }) { id: farmID }}",
+                  'query getFarmId($id: Int!) { nodes(where: { nodeID_eq: $id }) { id: farmID }}',
                   { id: data }
                 )
                   .then(({ nodes: [{ id }] }) => {
                     return gqlApi<{publicIps: []}>(profile, 'query getIps($id: Int!) { publicIps(where: { contractId_eq: 0, farm: {farmID_eq: $id}}) {id}}', { id }); // prettier-ignore
                   })
                   .then(({ publicIps: ips }) => {
-                    status = ips.length > 0 ? "valid" : "invalid";
+                    status = ips.length > 0 ? 'valid' : 'invalid';
                   });
               } else {
-                status = "valid";
+                status = 'valid';
               }
             })
             .catch((err: Error) => {
-              console.log("Error", err);
-              if (err.message.includes("aborted a request")) return;
-              status = "invalid";
+              console.log('Error', err);
+              if (err.message.includes('aborted a request')) return;
+              status = 'invalid';
             })
             .finally(() => {
               validating = false;
@@ -314,7 +319,7 @@
   const _reset = () => {
     requestAnimationFrame(() => {
       _nodeId = null;
-      if (nodeSelection === "automatic") {
+      if (nodeSelection === 'automatic') {
         onLoadNodesHandler();
         onLoadFarmsHandler();
       }
@@ -338,13 +343,13 @@
   bind:data={nodeSelection}
   field={nodeSelectionField}
   on:input={() => {
-    if (nodeSelection === "manual") return (status = null);
+    if (nodeSelection === 'manual') return (status = null);
     if (data !== null && nodes.length > 0) {
-      status = "valid";
+      status = 'valid';
     }
   }}
 />
-{#if nodeSelection === "automatic"}
+{#if nodeSelection === 'automatic'}
   <h5 class="is-size-5 has-text-weight-bold">Nodes Filter</h5>
   {#each filtersFields as field (field.symbol)}
     <Input
@@ -355,7 +360,7 @@
   {/each}
 
   <button
-    class={"button mt-2 mb-2 " + (loadingNodes ? "is-loading" : "")}
+    class={'button mt-2 mb-2 ' + (loadingNodes ? 'is-loading' : '')}
     style={`background-color: #1982b1; color: #fff`}
     disabled={loadingNodes || !profile}
     type="button"
@@ -368,13 +373,13 @@
     bind:data
     field={{
       label: `Node ID (Found ${nodeIdSelectField.options.length - 1})`,
-      type: "select",
-      symbol: "nodeId",
+      type: 'select',
+      symbol: 'nodeId',
       options: nodeIdSelectField.options,
     }}
-    on:input={() => (status = "valid")}
+    on:input={() => (status = 'valid')}
   />
-{:else if nodeSelection === "manual"}
+{:else if nodeSelection === 'manual'}
   <Input bind:data field={nodeIdField} />
   {#if validating && data}
     <p class="help" style={`color: #1982b1`}>
@@ -382,20 +387,20 @@
     </p>
   {/if}
   {#if !validating && data}
-    {#if status == "valid"}
+    {#if status == 'valid'}
       <p class="help" style={`color: #1982b1`}>
         Node(<strong>{data}</strong>) is up and has enough resources.
       </p>
-    {:else if status === "invalid"}
+    {:else if status === 'invalid'}
       <p class="help is-danger">
         Node(<strong>{data}</strong>) might be down or doesn't have enough
         resources.
       </p>
-    {:else if status === "not found"}
+    {:else if status === 'not found'}
       <p class="help is-danger">
         Node(<strong>{data}</strong>) is not found.
       </p>
-    {:else if status === "dedicated"}
+    {:else if status === 'dedicated'}
       <p class="help is-danger">
         Node(<strong>{data}</strong>) is dedicated and not reserved for your
         account, please check the dashboard.
diff --git a/src/components/SelectProfile.svelte b/src/components/SelectProfile.svelte
deleted file mode 100644
index a5adf71b..00000000
--- a/src/components/SelectProfile.svelte
+++ /dev/null
@@ -1,63 +0,0 @@
-<svelte:options tag="tf-select-profile" />
-
-<script lang="ts">
-  import { onMount, createEventDispatcher, onDestroy } from "svelte";
-  const configs = window.configs?.baseConfig;
-  import type { IProfile } from "../types/Profile";
-
-  const dispatch = createEventDispatcher<{ profile: IProfile }>();
-
-  let _sub: () => void;
-  onMount(() => {
-    _sub = configs.subscribe(() => {
-      dispatch("profile", configs.getActiveProfile());
-    });
-  });
-
-  onDestroy(() => {
-    _sub();
-  });
-</script>
-
-<!-- <script lang="ts">
-  import { onDestroy, createEventDispatcher, onMount } from "svelte";
-  import Input from "./Input.svelte";
-  import type { IProfile } from "../types/Profile";
-  import type { ISelectOption } from "../types";
-
-  const dispatch = createEventDispatcher<{ profile: IProfile }>();
-
-  let selected = "0";
-  const configs = window.configs?.baseConfig;
-  let profiles: IProfile[];
-  let options: ISelectOption[] = [];
-
-  function onUpdateProfile() {
-    profiles = $configs;
-    options = profiles.map((p, i) => {
-      return { label: p.name || `Profile ${i + 1}`, value: i.toString() };
-    });
-    dispatch("profile", profiles[selected]);
-  }
-
-  let _sub = configs.subscribe(() => {
-    onUpdateProfile();
-  });
-
-  onMount(onUpdateProfile);
-  onDestroy(_sub);
-</script>
-
-<div class="is-flex is-justify-content-flex-end is-align-items-center">
-  <div>
-    <Input
-      on:input={onUpdateProfile}
-      bind:data={selected}
-      field={{ type: "select", symbol: "selected", options }}
-    />
-  </div>
-</div>
-
-<style lang="scss">
-  @import url("https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css");
-</style> -->
diff --git a/src/components/UpdateCapRover.svelte b/src/components/UpdateCapRover.svelte
index 066c27cb..539f7eb7 100644
--- a/src/components/UpdateCapRover.svelte
+++ b/src/components/UpdateCapRover.svelte
@@ -2,7 +2,6 @@
 
 <script lang="ts">
   // libs
-  import type { IProfile } from "../types/Profile";
   import { IFormField, IPackage, SelectCapacityUpdate } from "../types";
   import validateName, { isInvalid } from "../utils/validateName"; // prettier-ignore
   const currentDeployment = window.configs?.currentDeploymentStore;
@@ -22,7 +21,8 @@
 
   const dispatch = createEventDispatcher<{ closed: boolean }>();
 
-  export let profile: IProfile;
+  const activeProfile = window.configs?.activeProfileStore;
+  $: profile = $activeProfile;
   export let capRover: any;
 
   let workers: any[] = [];
@@ -63,7 +63,7 @@
     worker.publicKey = capRover.details.env.PUBLIC_KEY;
     domain = capRover.details.env.CAPROVER_ROOT_DOMAIN;
 
-    grid = await getGrid(profile, (grid) => grid, false);
+    grid = await getGrid(profile, (grid) => grid);
     grid.projectName = "caprover";
     grid._connect();
 
@@ -323,7 +323,6 @@
               bind:nodeSelection={worker.selection.type}
               bind:status={worker.status}
               filters={worker.selection.filters}
-              {profile}
               on:fetch={({ detail }) => (worker.selection.nodes = detail)}
               nodes={worker.selection.nodes}
             />
diff --git a/src/components/UpdateK8s.svelte b/src/components/UpdateK8s.svelte
index 73ff9b3c..4aee55dc 100644
--- a/src/components/UpdateK8s.svelte
+++ b/src/components/UpdateK8s.svelte
@@ -2,9 +2,8 @@
 
 <script lang="ts">
   // libs
-  import type { IProfile } from "../types/Profile";
   import { Worker } from "../types/kubernetes";
-  import type { IFormField, ITab } from "../types";
+  import type { IFormField } from "../types";
   import validateName, { isInvalid, validateCpu, validateDisk, validateKubernetesMemory } from "../utils/validateName"; // prettier-ignore
   const { AddWorkerModel, DeleteWorkerModel } = window.configs?.grid3_client ?? {}; // prettier-ignore
   const currentDeployment = window.configs?.currentDeploymentStore;
@@ -23,7 +22,8 @@
 
   const dispatch = createEventDispatcher<{ closed: boolean }>();
 
-  export let profile: IProfile;
+  const activeProfile = window.configs?.activeProfileStore;
+  $: profile = $activeProfile;
   export let k8s: any;
 
   let workers: any[] = [];
@@ -245,7 +245,7 @@
           />
           <DialogueMsg 
           bind:opened 
-          on:removed={onDeleteWorker(workerIndex)}
+          on:removed={({ detail }) => onDeleteWorker(detail)}
           {name}
         />
           <hr />
@@ -292,7 +292,6 @@
               bind:data={worker.node}
               bind:nodeSelection={worker.selection.type}
               bind:status={worker.status}
-              {profile}
               on:fetch={({ detail }) => (worker.selection.nodes = detail)}
               nodes={worker.selection.nodes}
             />
diff --git a/src/elements/ContractsList/ContractsList.wc.svelte b/src/elements/ContractsList/ContractsList.wc.svelte
index 36b9feba..f0701a2d 100644
--- a/src/elements/ContractsList/ContractsList.wc.svelte
+++ b/src/elements/ContractsList/ContractsList.wc.svelte
@@ -2,10 +2,8 @@
 
 <script lang="ts">
   import getGrid from "../../utils/getGrid";
-  import type { IProfile } from "../../types/Profile";
 
   // components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Alert from "../../components/Alert.svelte";
   import Table from "../../components/Table.svelte";
   import { noActiveProfile } from "../../utils/message";
@@ -13,8 +11,8 @@
   import type { IContract } from "../../utils/getContractsConsumption";
   import getContractsConsumption from "../../utils/getContractsConsumption";
   import DialogueMsg from "../../components/DialogueMsg.svelte";
+  import type { ActiveProfile } from "../../stores/activeProfile";
 
-  let profile: IProfile;
   let contracts: IContract[] = [];
   let loading: boolean = false;
   let selectedContracts: IContract[] = [];
@@ -38,14 +36,13 @@
     return parsed;
   }
 
-  function onLoadProfile(_profile: IProfile) {
-    profile = _profile;
+  function onLoadProfile(profile: ActiveProfile) {
     if (profile) {
       loading = true;
       return getGrid(profile, (grid) => {
         grid.contracts
           .listMyContracts()
-          .then(({ nameContracts, nodeContracts, rentContracts }) => {
+          .then(({ nameContracts, nodeContracts, rentContracts }: any) => {
             const rents = rentContracts.map(
               ({ contractID, nodeID, state, createdAt }) =>
                 ({
@@ -100,6 +97,9 @@
     }
   }
 
+  const activeProfile = window.configs?.activeProfileStore;
+  $: profile = $activeProfile;
+
   let message: string;
   function onDeleteHandler() {
     message = null;
@@ -165,9 +165,9 @@
         });
     }
   }
-</script>
 
-<SelectProfile on:profile={({ detail }) => onLoadProfile(detail)} />
+  $: onLoadProfile(profile)
+</script>
 
 <div style="padding: 15px;">
   <div class="box">
@@ -226,7 +226,7 @@
       >
         <div style="flex-grow: 1;" class="mr-2">
           {#if message}
-            <Alert type="danger" style={`color: #FF5151`} {message} />
+            <Alert type="danger" {message} />
           {/if}
         </div>
         <div class="mt-5">
diff --git a/src/elements/DeployedList/DeployedList.wc.svelte b/src/elements/DeployedList/DeployedList.wc.svelte
index 133eb0ed..2d76f044 100644
--- a/src/elements/DeployedList/DeployedList.wc.svelte
+++ b/src/elements/DeployedList/DeployedList.wc.svelte
@@ -2,7 +2,6 @@
 
 <script lang="ts">
   import { onMount, onDestroy } from "svelte";
-  import type { IProfile } from "../../types/Profile";
   import type { ITab } from "../../types";
   import DeployedList from "../../types/deployedList";
   import deleteDeployment from "../../utils/deleteDeployment";
@@ -28,7 +27,6 @@
   export let tab: TabsType = undefined;
 
   // components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Tabs from "../../components/Tabs.svelte";
   import Table from "../../components/Table.svelte";
   import Modal from "../../components/DeploymentModal.svelte";
@@ -59,7 +57,7 @@
     //{ label: "TFhub Validator", value: "tfhubValidator" },
     { label: "Node Pilot", value: "nodepilot" },
   ];
-  let grid;
+
   let active: string = "vm";
   $: active = tab || active;
 
@@ -67,7 +65,8 @@
   let configed = false;
   let list: DeployedList;
   const deployedStore = window.configs?.deploymentStore;
-  let profile: IProfile;
+  const activeProfile = window.configs?.activeProfileStore;
+  $: profile = $activeProfile;
   let message: string = null;
   let name: string = null;
   let opened = false;
@@ -129,8 +128,6 @@
     _sub = deployedStore.subscribe(() => {
       _reloadTab();
     });
-
-    grid = await getGrid(profile, (grid) => grid, false);
   });
 
   onDestroy(() => {
@@ -196,7 +193,12 @@
         {
           type: "info",
           label: "Show Details",
-          click: async (_, i) => {grid.projectName = active; grid._connect(); infoToShow = (await grid.machines.getObj(rows[i]["name"]))},
+          click: async (_, i) => {
+            const grid = await getGrid(profile, _ => _);
+            grid.projectName = active;
+            grid._connect();
+            infoToShow = (await grid.machines.getObj(rows[i]["name"]));
+          },
           disabled: () => removing !== null,
           loading: (i) => removing === rows[i].name,
         },
@@ -472,16 +474,9 @@
       },
     }
   );
-</script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-    if (detail) {
-      onConfigHandler();
-    }
-  }}
-/>
+  $: if (profile) onConfigHandler()
+</script>
 
 <div style="padding: 15px;">
   <section class="box">
@@ -645,7 +640,6 @@
 
 {#if k8sToUpdate}
   <UpdateK8s
-    {profile}
     k8s={k8sToUpdate}
     on:closed={({ detail }) => {
       k8sToUpdate = null;
@@ -656,7 +650,6 @@
 
 {#if capRoverToUpdate}
   <UpdateCapRover
-    {profile}
     capRover={capRoverToUpdate}
     on:closed={({ detail }) => {
       capRoverToUpdate = null;
diff --git a/src/elements/Mattermost/Mattermost.wc.svelte b/src/elements/Mattermost/Mattermost.wc.svelte
index 394cb742..6aaa7fd0 100644
--- a/src/elements/Mattermost/Mattermost.wc.svelte
+++ b/src/elements/Mattermost/Mattermost.wc.svelte
@@ -3,14 +3,12 @@
 <script lang="ts">
   import DeployBtn from "../../components/DeployBtn.svelte";
   import Input from "../../components/Input.svelte";
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import {
     IFormField,
     IPackage,
     ITab,
     SelectCapacityUpdate,
   } from "../../types";
-  import type { IProfile } from "../../types/Profile";
 
   import Modal from "../../components/DeploymentModal.svelte";
   import Mattermost from "../../types/mattermost";
@@ -34,7 +32,6 @@ import SelectGatewayNode from "../../components/SelectGatewayNode.svelte";
   const currentDeployment = window.configs?.currentDeploymentStore;
   const deploymentStore = window.configs?.deploymentStore;
   const data = new Mattermost();
-  const validator = (x: string) => x.trim().length === 0 ? "Value can't be empty." : null; // prettier-ignore
   let gateway: GatewayNodes;
   let invalid = true;
   let editable= false;
@@ -93,7 +90,9 @@ import SelectGatewayNode from "../../components/SelectGatewayNode.svelte";
   ];
   let selectCapacity = new SelectCapacityUpdate();
 
-  let profile: IProfile;
+  const activeProfile = window.configs.activeProfileStore;
+  $: profile = $activeProfile;
+
   let loading: boolean = false;
   let failed: boolean = false;
   let success: boolean = false;
@@ -130,8 +129,6 @@ import SelectGatewayNode from "../../components/SelectGatewayNode.svelte";
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile on:profile={({ detail }) => (profile = detail)} />
-
 <div style="padding: 15px;">
   <form class="box" on:submit|preventDefault={onDeployMattermost}>
     <h4 class="is-size-4">Deploy a Mattermost Instance</h4>
@@ -196,7 +193,6 @@ import SelectGatewayNode from "../../components/SelectGatewayNode.svelte";
           bind:data={data.nodeId}
           bind:status={data.status}
           bind:nodeSelection={data.selection.type}
-          {profile}
           cpu={data.cpu}
           ssd={data.disks.reduce(
             (total, disk) => total + disk.size,
diff --git a/src/elements/ProfileManager/ProfileManager.wc.svelte b/src/elements/ProfileManager/ProfileManager.wc.svelte
new file mode 100644
index 00000000..957be7fd
--- /dev/null
+++ b/src/elements/ProfileManager/ProfileManager.wc.svelte
@@ -0,0 +1,44 @@
+<svelte:options tag="tf-profile-manager" />
+
+<script lang="ts">
+  const activeProfile = window.configs.activeProfileStore;
+
+  $: activeProfile$ = $activeProfile;
+  $: __balance = activeProfile$?.balance;
+  $: balance$ = $__balance;
+</script>
+
+<section class="is-flex is-justify-content-end p-2">
+  <div style:width="100%" />
+
+  <div class="box is-flex is-align-items-center">
+    <span
+      class="icon pr-5 pl-5"
+      class:mr-3={activeProfile$ !== null}
+      style:height="100%"
+      style:border-right={activeProfile$ ? '1px solid #ccc' : null}
+      style:font-size="25px"
+    >
+      <i class="fas fa-user-cog" />
+    </span>
+
+    {#if activeProfile$}
+      <div style:white-space="nowrap">
+        <p>
+          <strong>{activeProfile$.name}</strong>
+        </p>
+        {#if balance$}
+          <p>Balance: <strong>{balance$.balance}</strong> TFT</p>
+          <p>Locked: <strong>{balance$.locked}</strong> TFT</p>
+        {:else}
+          <p>Loading Account Balance...</p>
+        {/if}
+      </div>
+    {/if}
+  </div>
+</section>
+
+<style lang="scss" scoped>
+  @import url('https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css');
+  @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
+</style>
diff --git a/src/elements/ProfileManager/index.ts b/src/elements/ProfileManager/index.ts
new file mode 100644
index 00000000..5ec3f7d3
--- /dev/null
+++ b/src/elements/ProfileManager/index.ts
@@ -0,0 +1 @@
+import './ProfileManager.wc.svelte';
diff --git a/src/elements/TFhubValidator/TFhubValidator.wc.svelte b/src/elements/TFhubValidator/TFhubValidator.wc.svelte
index 487347a0..650137c8 100644
--- a/src/elements/TFhubValidator/TFhubValidator.wc.svelte
+++ b/src/elements/TFhubValidator/TFhubValidator.wc.svelte
@@ -3,14 +3,12 @@
 <script lang="ts">
   import DeployBtn from "../../components/DeployBtn.svelte";
   import Input from "../../components/Input.svelte";
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import {
     IFormField,
     IPackage,
     ITab,
     SelectCapacityUpdate,
   } from "../../types";
-  import type { IProfile } from "../../types/Profile";
 
   import Modal from "../../components/DeploymentModal.svelte";
   import TFhubValidator from "../../types/TFhubValidator";
@@ -94,8 +92,8 @@
     { name: "Recommended", cpu: 4, memory: 1024 * 4, diskSize: 150 },
   ];
   let selectCapacity = new SelectCapacityUpdate();
-
-  let profile: IProfile;
+  const activeProfile = window.configs?.activeProfileStore;
+  $: profile = $activeProfile;
   let loading: boolean = false;
   let failed: boolean = false;
   let success: boolean = false;
@@ -129,15 +127,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-    if (detail) {
-      data.ssh_key = detail?.sshKey;
-    }
-  }}
-/>
-
 <div style="padding: 15px;">
   <form class="box" on:submit|preventDefault={onDeployTFhubValidator}>
     <h4 class="is-size-4">Deploy a TFhub Validator Instance</h4>
@@ -197,7 +186,6 @@
           bind:data={data.nodeId}
           bind:status={data.status}
           bind:nodeSelection={data.selection.type}
-          {profile}
           cpu={data.cpu}
           ssd={data.disks.reduce(
             (total, disk) => total + disk.size,
diff --git a/src/elements/algorand/Algorand.wc.svelte b/src/elements/algorand/Algorand.wc.svelte
index fe873963..46f19c9a 100644
--- a/src/elements/algorand/Algorand.wc.svelte
+++ b/src/elements/algorand/Algorand.wc.svelte
@@ -2,13 +2,11 @@
 
 <script lang="ts">
   import Algorand from "../../types/algorand";
-  import type { IProfile } from "../../types/Profile";
-  import type { IFormField, IPackage, ITab } from "../../types";
+  import type { IFormField, ITab } from "../../types";
   import deployAlgorand from "../../utils/deployAlgorand";
   import rootFs from "../../utils/rootFs";
 
   // Components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Input from "../../components/Input.svelte";
   import Tabs from "../../components/Tabs.svelte";
   import DeployBtn from "../../components/DeployBtn.svelte";
@@ -23,7 +21,8 @@
   import { getResources } from "../../utils/getAlgoResources";
 
   let data = new Algorand();
-  let profile: IProfile;
+  const activeProfile = window.configs?.activeProfileStore;
+  $: profile = $activeProfile;
 
   let loading = false;
   let success = false;
@@ -191,12 +190,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-  }}
-/>
-
 <div style="padding: 15px;">
   <form class="box" on:submit|preventDefault={deployAlgorandHandler}>
     <h4 class="is-size-4 mb-4">Deploy a Algorand Instance</h4>
@@ -294,7 +287,6 @@
           bind:nodeSelection={data.selection.type}
           bind:status
           filters={data.selection.filters}
-          {profile}
           on:fetch={({ detail }) => (data.selection.nodes = detail)}
           nodes={data.selection.nodes}
         />
diff --git a/src/elements/base/Base.wc.svelte b/src/elements/base/Base.wc.svelte
index 8888f4b2..6e5b6d3b 100644
--- a/src/elements/base/Base.wc.svelte
+++ b/src/elements/base/Base.wc.svelte
@@ -1,23 +1,20 @@
 <svelte:options tag="tf-base" />
 
 <script lang="ts">
-  import { onMount } from "svelte";
+  import { onMount } from 'svelte';
 
   // libs
-  import baseConfigStore from "../../stores/baseConfig";
-  import deploymentStore from "../../stores/deploymentStore";
-  import notificationStore from "../../stores/notifications";
-  import currentDeploymentStore from "../../stores/currentDeployment";
-  import LogsInfo from "../../components/LogsInfo.svelte";
-  import balanceStore from "../../stores/balance";
-import Disclaimer from "../disclaimer/Disclaimer.wc.svelte";
+  import deploymentStore from '../../stores/deploymentStore';
+  import notificationStore from '../../stores/notifications';
+  import currentDeploymentStore from '../../stores/currentDeployment';
+  import LogsInfo from '../../components/LogsInfo.svelte';
+  import activeProfile from '../../stores/activeProfile';
 
   window.configs = window.configs || ({} as any);
-  window.configs.baseConfig = baseConfigStore;
+  window.configs.activeProfileStore = activeProfile;
   window.configs.deploymentStore = deploymentStore;
   window.configs.notificationStore = notificationStore;
   window.configs.currentDeploymentStore = currentDeploymentStore;
-  window.configs.balanceStore = balanceStore;
 
   let _index = 0;
   onMount(() => {
@@ -34,6 +31,7 @@ import Disclaimer from "../disclaimer/Disclaimer.wc.svelte";
 </script>
 
 <LogsInfo />
+
 <style lang="scss" scoped>
-  @import url("https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css");
+  @import url('https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css');
 </style>
diff --git a/src/elements/caprover/Caprover.wc.svelte b/src/elements/caprover/Caprover.wc.svelte
index 1276743e..37400e27 100644
--- a/src/elements/caprover/Caprover.wc.svelte
+++ b/src/elements/caprover/Caprover.wc.svelte
@@ -9,10 +9,8 @@
   } from "../../types";
   import { CapWorker, default as Caprover } from "../../types/caprover";
   import deployCaprover from "../../utils/deployCaprover";
-  import type { IProfile } from "../../types/Profile";
 
   // Components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Input from "../../components/Input.svelte";
   import Tabs from "../../components/Tabs.svelte";
   import DeployBtn from "../../components/DeployBtn.svelte";
@@ -30,18 +28,19 @@
   import SelectCapacity from "../../components/SelectCapacity.svelte";
   import AddBtn from "../../components/AddBtn.svelte";
   import DeleteBtn from "../../components/DeleteBtn.svelte";
-  import { onMount } from "svelte";
   import getGrid from "../../utils/getGrid";
 
+  const activeProfile = window.configs?.activeProfileStore;
+
   let data = new Caprover();
   let loading = false;
   let success = false;
   let failed = false;
   const deploymentStore = window.configs?.deploymentStore;
-  let profile: IProfile;
+  $: profile = $activeProfile;
   let status: "valid" | "invalid";
   const currentDeployment = window.configs?.currentDeploymentStore;
-  let grid;
+  // let grid;
 
   // prettier-ignore
   const tabs: ITab[] = [
@@ -92,6 +91,10 @@
 
     deployCaprover(data, profile)
       .then(async (vm) => {
+        const grid = await getGrid(profile, _ => _);
+        grid.projectName = "caprover";
+        grid._connect();
+
         let vms = await grid.machines.getObj(data.name);
         success = true;
         modalData = vms;
@@ -122,23 +125,8 @@
   }
 
   $: logs = $currentDeployment;
-
-  onMount(async () => {
-    grid = await getGrid(profile, (grid) => grid, false);
-    grid.projectName = "caprover";
-    grid._connect();
-  });
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-    if (detail) {
-      data.publicKey = detail.sshKey;
-    }
-  }}
-/>
-
 <div style="padding: 15px;">
   <form class="box" on:submit|preventDefault={deployCaproverHandler}>
     <h4 class="is-size-4 mb-4">CapRover Deployer</h4>
@@ -242,7 +230,6 @@
           bind:nodeSelection={data.selection.type}
           bind:status
           filters={data.selection.filters}
-          {profile}
           on:fetch={({ detail }) => (data.selection.nodes = detail)}
           nodes={data.selection.nodes}
         />
@@ -296,7 +283,6 @@
                 bind:nodeSelection={worker.selection.type}
                 bind:status
                 filters={worker.selection.filters}
-                {profile}
                 on:fetch={({ detail }) => (worker.selection.nodes = detail)}
                 nodes={worker.selection.nodes}
               />
diff --git a/src/elements/casperlabs/Casperlabs.wc.svelte b/src/elements/casperlabs/Casperlabs.wc.svelte
index a8784ed8..9fea1286 100644
--- a/src/elements/casperlabs/Casperlabs.wc.svelte
+++ b/src/elements/casperlabs/Casperlabs.wc.svelte
@@ -8,13 +8,11 @@
     ITab,
     SelectCapacityUpdate,
   } from "../../types";
-  import type { IProfile } from "../../types/Profile";
-  import { Disk, Env } from "../../types/vm";
+  import { Disk } from "../../types/vm";
   import Casperlabs from "../../types/casperlabs";
   // Modules
   import deployCasperlabs from "../../utils/deployCasperlabs";
   // Components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Input from "../../components/Input.svelte";
   import Tabs from "../../components/Tabs.svelte";
   import SelectNodeId from "../../components/SelectNodeId.svelte";
@@ -42,7 +40,8 @@
   let selectCapacity = new SelectCapacityUpdate();
 
   data.disks = [new Disk()];
-  let profile: IProfile;
+  const activeProfile = window.configs?.activeProfileStore;
+  $: profile = $activeProfile;
   let active: string = "base";
   let loading = false;
   let success = false;
@@ -92,15 +91,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-    if (detail) {
-      data.envs[0] = new Env(undefined, "SSH_KEY", detail?.sshKey);
-    }
-  }}
-/>
-
 <div style="padding: 15px;">
   <form on:submit|preventDefault={onDeployVM} class="box">
     <h4 class="is-size-4">Deploy a Casperlabs Instance</h4>
@@ -168,7 +158,6 @@
           bind:data={data.nodeId}
           filters={data.selection.filters}
           bind:status
-          {profile}
           on:fetch={({ detail }) => (data.selection.nodes = detail)}
           nodes={data.selection.nodes}
         />
diff --git a/src/elements/discourse/Discourse.wc.svelte b/src/elements/discourse/Discourse.wc.svelte
index 4bedd4d0..5bced22b 100644
--- a/src/elements/discourse/Discourse.wc.svelte
+++ b/src/elements/discourse/Discourse.wc.svelte
@@ -9,10 +9,8 @@
   } from "../../types";
   import { default as Discourse } from "../../types/discourse";
   import deployDiscourse from "../../utils/deployDiscourse";
-  import type { IProfile } from "../../types/Profile";
   import rootFs from "../../utils/rootFs";
   // Components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Input from "../../components/Input.svelte";
   import Tabs from "../../components/Tabs.svelte";
   import DeployBtn from "../../components/DeployBtn.svelte";
@@ -22,10 +20,7 @@
   import hasEnoughBalance from "../../utils/hasEnoughBalance";
   import validateName, {
     isInvalid,
-    validateCpu,
-    validateDisk,
     validateEmail,
-    validateMemory,
   } from "../../utils/validateName";
   import { noActiveProfile } from "../../utils/message";
   import SelectCapacity from "../../components/SelectCapacity.svelte";
@@ -41,7 +36,9 @@
   let gateway: GatewayNodes;
 
   let status: "valid" | "invalid";
-  let profile: IProfile;
+  
+  const activeProfile = window.configs?.activeProfileStore;
+  $: profile = $activeProfile;
 
   const deploymentStore = window.configs?.deploymentStore;
   const currentDeployment = window.configs?.currentDeploymentStore;
@@ -105,12 +102,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-  }}
-/>
-
 <div style="padding: 15px;">
   <form class="box" on:submit|preventDefault={deployDiscourseHandler}>
     <h4 class="is-size-4 mb-4">Deploy a Discourse Instance</h4>
@@ -182,7 +173,6 @@
           bind:nodeSelection={data.selection.type}
           bind:status
           filters={data.selection.filters}
-          {profile}
           on:fetch={({ detail }) => (data.selection.nodes = detail)}
           nodes={data.selection.nodes}
         />
diff --git a/src/elements/fullvm/Fullvm.wc.svelte b/src/elements/fullvm/Fullvm.wc.svelte
index b9b516c5..92e2fec6 100644
--- a/src/elements/fullvm/Fullvm.wc.svelte
+++ b/src/elements/fullvm/Fullvm.wc.svelte
@@ -1,23 +1,21 @@
 <svelte:options tag="tf-fullvm" />
 
 <script lang="ts">
-  import { Disk, Env } from "../../types/vm";
-  import Fullvm from "../../types/fullvm";
-  import type { IFlist, IFormField, ITab } from "../../types";
-  import deployVM from "../../utils/deployVM";
-  import type { IProfile } from "../../types/Profile";
+  import { Disk, Env } from '../../types/vm';
+  import Fullvm from '../../types/fullvm';
+  import type { IFlist, IFormField, ITab } from '../../types';
+  import deployVM from '../../utils/deployVM';
 
   // Components
-  import SelectProfile from "../../components/SelectProfile.svelte";
-  import Input from "../../components/Input.svelte";
-  import Tabs from "../../components/Tabs.svelte";
-  import SelectNodeId from "../../components/SelectNodeId.svelte";
-  import DeleteBtn from "../../components/DeleteBtn.svelte";
-  import AddBtn from "../../components/AddBtn.svelte";
-  import DeployBtn from "../../components/DeployBtn.svelte";
-  import Alert from "../../components/Alert.svelte";
-  import Modal from "../../components/DeploymentModal.svelte";
-  import hasEnoughBalance from "../../utils/hasEnoughBalance";
+  import Input from '../../components/Input.svelte';
+  import Tabs from '../../components/Tabs.svelte';
+  import SelectNodeId from '../../components/SelectNodeId.svelte';
+  import DeleteBtn from '../../components/DeleteBtn.svelte';
+  import AddBtn from '../../components/AddBtn.svelte';
+  import DeployBtn from '../../components/DeployBtn.svelte';
+  import Alert from '../../components/Alert.svelte';
+  import Modal from '../../components/DeploymentModal.svelte';
+  import hasEnoughBalance from '../../utils/hasEnoughBalance';
   import validateName, {
     isInvalid,
     validateCpu,
@@ -27,14 +25,14 @@
     validateKeyValue,
     validateMemory,
     validateDisk,
-  } from "../../utils/validateName";
-  import { noActiveProfile } from "../../utils/message";
-  import isInvalidFlist from "../../utils/isInvalidFlist";
+  } from '../../utils/validateName';
+  import { noActiveProfile } from '../../utils/message';
+  import isInvalidFlist from '../../utils/isInvalidFlist';
 
   const tabs: ITab[] = [
-    { label: "Config", value: "config" },
-    { label: "Environment Variables", value: "env" },
-    { label: "Disks", value: "disks" },
+    { label: 'Config', value: 'config' },
+    { label: 'Environment Variables', value: 'env' },
+    { label: 'Disks', value: 'disks' },
   ];
 
   let data = new Fullvm();
@@ -72,10 +70,10 @@
     ]
   };
   let selectedFlist: number = 0;
-  let flistSelectValue: string = "0";
+  let flistSelectValue: string = '0';
   $: {
     const option = flistField.options[selectedFlist];
-    if (option.value !== "other") {
+    if (option.value !== 'other') {
       const flist = flists[selectedFlist];
       data.flist = flist?.url;
       data.entrypoint = flist?.entryPoint;
@@ -89,19 +87,20 @@
   ];
 
   const deploymentStore = window.configs?.deploymentStore;
-  let active: string = "config";
+  const activeProfile = window.configs?.activeProfileStore;
+  $: profile = $activeProfile;
+  let active: string = 'config';
   let loading = false;
   let success = false;
   let failed = false;
-  let profile: IProfile;
   let message: string;
   let modalData: Object;
-  let status: "valid" | "invalid";
+  let status: 'valid' | 'invalid';
 
   data.disks = [
-    new Disk(undefined, undefined, data.diskSize, "/"),
+    new Disk(undefined, undefined, data.diskSize, '/'),
     ...data.disks,
-  ];  
+  ];
 
   function _isInvalidDisks() {
     const mounts = data.disks.map(({ mountpoint }) => mountpoint.replaceAll("/", "")); // prettier-ignore
@@ -116,14 +115,15 @@
   function _isInvalidDefaultDisk(value: number): string | void {
     const NUM_REGEX = /^[1-9](\d?|\d+)$/;
     if (!NUM_REGEX.test(value.toString()) || isNaN(+value))
-    return "Disk size must be a valid number.";
+      return 'Disk size must be a valid number.';
     value = +value;
-    if (+value.toFixed(0) !== value) return "Disk size must be a valid integer.";
-    if (value < 15) return "Minimum allowed disk size is 15 GB.";
-    if (value > 10000) return "Maximum allowed disk size is 10000 GB.";
+    if (+value.toFixed(0) !== value)
+      return 'Disk size must be a valid integer.';
+    if (value < 15) return 'Minimum allowed disk size is 15 GB.';
+    if (value > 10000) return 'Maximum allowed disk size is 10000 GB.';
   }
 
-  $: disabled = ((loading || !data.valid) && !(success || failed)) || !profile || status !== "valid" || validateFlist.invalid || nameField.invalid || isInvalid([...baseFields,...envFields]) || _isInvalidDisks(); // prettier-ignore  
+  $: disabled = ((loading || !data.valid) && !(success || failed)) || !profile || status !== "valid" || validateFlist.invalid || nameField.invalid || isInvalid([...baseFields,...envFields]) || _isInvalidDisks(); // prettier-ignore
   const currentDeployment = window.configs?.currentDeploymentStore;
   const validateFlist = {
     loading: false,
@@ -133,13 +133,13 @@
   };
 
   async function onDeployVM() {
-    if (flistSelectValue === "other") {
+    if (flistSelectValue === 'other') {
       validateFlist.loading = true;
       validateFlist.error = null;
 
       if (await isInvalidFlist(data.flist)) {
         validateFlist.loading = false;
-        validateFlist.error = "Invalid Flist URL.";
+        validateFlist.error = 'Invalid Flist URL.';
         return;
       }
     }
@@ -150,7 +150,7 @@
       failed = true;
       loading = false;
       message =
-        "No enough balance to execute transaction requires 2 TFT at least in your wallet.";
+        'No enough balance to execute transaction requires 2 TFT at least in your wallet.';
       return;
     }
 
@@ -159,7 +159,7 @@
     message = undefined;
 
     data.disks[0].size = data.diskSize;
-    deployVM(data, profile, "Fullvm")
+    deployVM(data, profile, 'Fullvm')
       .then((data) => {
         deploymentStore.set(0);
         success = true;
@@ -167,7 +167,7 @@
       })
       .catch((err: Error) => {
         failed = true;
-        message = typeof err === "string" ? err : err.message;
+        message = typeof err === 'string' ? err : err.message;
       })
       .finally(() => {
         validateFlist.loading = false;
@@ -185,7 +185,7 @@
   }
 
   function validateDiskName({ id, name }: Disk) {
-    if (!name) return "Disk name is required";
+    if (!name) return 'Disk name is required';
     const valid = data.disks.reduce((v, disk) => {
       if (disk.id === id) return v;
       return v && disk.name.trim() !== name.trim();
@@ -196,15 +196,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-    if (detail) {
-      data.envs[0] = new Env(undefined, "SSH_KEY", detail?.sshKey);
-    }
-  }}
-/>
-
 <div style="padding: 15px;">
   <form on:submit|preventDefault={onDeployVM} class="box">
     <h4 class="is-size-4">Deploy a Full Virtual Machine</h4>
@@ -219,8 +210,8 @@
     </p>
     <hr />
 
-    {#if loading || (logs !== null && logs.type === "Fullvm")}
-      <Alert type="info" message={logs?.message ?? "Loading..."} />
+    {#if loading || (logs !== null && logs.type === 'Fullvm')}
+      <Alert type="info" message={logs?.message ?? 'Loading...'} />
     {:else if !profile}
       <Alert type="info" message={noActiveProfile} />
     {:else if success}
@@ -230,11 +221,11 @@
         deployed={true}
       />
     {:else if failed}
-      <Alert type="danger" message={message || "Failed to deploy a VM."} />
+      <Alert type="danger" message={message || 'Failed to deploy a VM.'} />
     {:else}
       <Tabs bind:active {tabs} />
 
-      {#if active === "config"}
+      {#if active === 'config'}
         <Input
           bind:data={data.name}
           bind:invalid={nameField.invalid}
@@ -250,14 +241,14 @@
           }}
         />
 
-        {#if flistSelectValue === "other"}
+        {#if flistSelectValue === 'other'}
           <Input
             bind:data={data.flist}
             field={{
-              label: "FList",
-              symbol: "flist",
-              placeholder: "VM Image",
-              type: "text",
+              label: 'FList',
+              symbol: 'flist',
+              placeholder: 'VM Image',
+              type: 'text',
               ...validateFlist,
             }}
             on:input={() => {
@@ -268,11 +259,11 @@
           <Input
             bind:data={data.entrypoint}
             field={{
-              label: "Entry Point",
-              symbol: "entrypoint",
+              label: 'Entry Point',
+              symbol: 'entrypoint',
               validator: validateEntryPoint,
-              placeholder: "Entrypoint",
-              type: "text",
+              placeholder: 'Entrypoint',
+              type: 'text',
             }}
           />
         {/if}
@@ -301,11 +292,10 @@
           bind:data={data.nodeId}
           filters={data.selection.filters}
           bind:status
-          {profile}
           on:fetch={({ detail }) => (data.selection.nodes = detail)}
           nodes={data.selection.nodes}
         />
-      {:else if active === "env"}
+      {:else if active === 'env'}
         <AddBtn on:click={() => (data.envs = [...data.envs, new Env()])} />
         <div class="nodes-container">
           {#each data.envs as env, index (env.id)}
@@ -321,7 +311,7 @@
             </div>
           {/each}
         </div>
-      {:else if active === "disks"}
+      {:else if active === 'disks'}
         <AddBtn on:click={() => (data.disks = [...data.disks, new Disk()])} />
         <div class="nodes-container">
           {#each data.disks as disk, index (disk.id)}
@@ -333,7 +323,7 @@
                     (data.disks = data.disks.filter((_, i) => index !== i))}
                 />
                 {#each disk.diskFields as field (field.symbol)}
-                  {#if field.symbol === "mountpoint"}
+                  {#if field.symbol === 'mountpoint'}
                     <Input
                       bind:data={disk[field.symbol]}
                       field={{
@@ -344,7 +334,7 @@
                             : null,
                       }}
                     />
-                  {:else if field.symbol === "name"}
+                  {:else if field.symbol === 'name'}
                     <Input
                       bind:data={disk[field.symbol]}
                       field={{
@@ -388,6 +378,6 @@
 {/if}
 
 <style lang="scss" scoped>
-  @import url("https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css");
-  @import "../../assets/global.scss";
+  @import url('https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css');
+  @import '../../assets/global.scss';
 </style>
diff --git a/src/elements/funkwhale/Funkwhale.wc.svelte b/src/elements/funkwhale/Funkwhale.wc.svelte
index a062ab83..cbb18d30 100644
--- a/src/elements/funkwhale/Funkwhale.wc.svelte
+++ b/src/elements/funkwhale/Funkwhale.wc.svelte
@@ -7,15 +7,13 @@
     ITab,
     SelectCapacityUpdate,
   } from "../../types";
-  import type { IProfile } from "../../types/Profile";
 
   const deploymentStore = window.configs?.deploymentStore;
 
-  import VM, { Disk, Env } from "../../types/vm";
+  import { Disk } from "../../types/vm";
   import deployFunkwhale from "../../utils/deployFunkwhale";
 
   // Components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Input from "../../components/Input.svelte";
   import Tabs from "../../components/Tabs.svelte";
   import SelectNodeId from "../../components/SelectNodeId.svelte";
@@ -23,7 +21,6 @@
   import Alert from "../../components/Alert.svelte";
   import Modal from "../../components/DeploymentModal.svelte";
 
-  import AlertDetailed from "../../components/AlertDetailed.svelte";
   import hasEnoughBalance from "../../utils/hasEnoughBalance";
   import validateName, {
     isInvalid,
@@ -41,8 +38,9 @@
   data.disks = [new Disk()];
 
   const tabs: ITab[] = [{ label: "Base", value: "base" }];
-  let profile: IProfile;
+  const activeProfile = window.configs?.activeProfileStore;
 
+  $: profile = $activeProfile;
   let active: string = "base";
   let modalData: Object;
   let loading = false;
@@ -104,15 +102,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-    if (detail) {
-      data.envs[0] = new Env(undefined, "SSH_KEY", detail.sshKey);
-    }
-  }}
-/>
-
 <div style="padding: 15px;">
   <form on:submit|preventDefault={onDeployVM} class="box">
     <h4 class="is-size-4">Deploy a Funkwhale Instance</h4>
@@ -195,7 +184,6 @@
           bind:nodeSelection={data.selection.type}
           bind:status
           filters={data.selection.filters}
-          {profile}
           on:fetch={({ detail }) => (data.selection.nodes = detail)}
           nodes={data.selection.nodes}
         />
diff --git a/src/elements/kubernetes/Kubernetes.wc.svelte b/src/elements/kubernetes/Kubernetes.wc.svelte
index 52b5eba3..37d7c135 100644
--- a/src/elements/kubernetes/Kubernetes.wc.svelte
+++ b/src/elements/kubernetes/Kubernetes.wc.svelte
@@ -5,12 +5,10 @@
   import Kubernetes, { Worker } from "../../types/kubernetes";
   import deployKubernetes from "../../utils/deployKubernetes";
   import type { IFormField, ITab } from "../../types";
-  import type { IProfile } from "../../types/Profile";
 
   // Components
   import Input from "../../components/Input.svelte";
   import Tabs from "../../components/Tabs.svelte";
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Alert from "../../components/Alert.svelte";
   import DeleteBtn from "../../components/DeleteBtn.svelte";
   import AddBtn from "../../components/AddBtn.svelte";
@@ -61,12 +59,13 @@
 
   let data = new Kubernetes();
   const currentDeployment = window.configs?.currentDeploymentStore;
+  const activeProfile = window.configs?.activeProfileStore;
 
+  $: profile = $activeProfile;
   let active: string = "config";
   let loading = false;
   let success = false;
   let failed = false;
-  let profile: IProfile;
   let message: string;
   $: disabled =
     ((loading || !data.valid) && !(success || failed)) ||
@@ -123,12 +122,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-  }}
-/>
-
 <div style="padding: 15px;">
   <form on:submit|preventDefault={onDeployKubernetes} class="box">
     <h4 class="is-size-4">Deploy a Kubernetes</h4>
@@ -212,7 +205,6 @@
           bind:nodeSelection={data.master.selection.type}
           filters={data.master.selection.filters}
           bind:status={data.master.status}
-          {profile}
           on:fetch={({ detail }) => (data.master.selection.nodes = detail)}
           nodes={data.master.selection.nodes}
         />
@@ -259,7 +251,6 @@
                 bind:data={worker.node}
                 bind:nodeSelection={worker.selection.type}
                 bind:status={worker.status}
-                {profile}
                 on:fetch={({ detail }) => (worker.selection.nodes = detail)}
                 nodes={worker.selection.nodes}
               />
diff --git a/src/elements/nodePilot/NodePilot.wc.svelte b/src/elements/nodePilot/NodePilot.wc.svelte
index 81d22acd..90cc7814 100644
--- a/src/elements/nodePilot/NodePilot.wc.svelte
+++ b/src/elements/nodePilot/NodePilot.wc.svelte
@@ -6,10 +6,8 @@
 
   import type { IFlist, IFormField, ITab } from "../../types";
   import deployVM from "../../utils/deployVM";
-  import type { IProfile } from "../../types/Profile";
 
   // Components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Input from "../../components/Input.svelte";
   import Tabs from "../../components/Tabs.svelte";
   import SelectNodeId from "../../components/SelectNodeId.svelte";
@@ -70,11 +68,12 @@
   ];
 
   const deploymentStore = window.configs?.deploymentStore;
+  const activeProfile = window.configs?.activeProfileStore;
   let active: string = "config";
   let loading = false;
   let success = false;
   let failed = false;
-  let profile: IProfile;
+  $: profile = $activeProfile;
 
   let message: string;
   let modalData: Object;
@@ -150,15 +149,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-    if (detail) {
-      data.envs[0] = new Env(undefined, "SSH_KEY", detail?.sshKey);
-    }
-  }}
-/>
-
 <div style="padding: 15px;">
   <form on:submit|preventDefault={onDeployNodePilot} class="box">
     <h4 class="is-size-4">Deploy a Node Pilot</h4>
@@ -222,7 +212,6 @@
           bind:data={data.nodeId}
           filters={data.selection.filters}
           bind:status
-          {profile}
           on:fetch={({ detail }) => (data.selection.nodes = detail)}
           nodes={data.selection.nodes}
         />
diff --git a/src/elements/owncloud/Owncloud.wc.svelte b/src/elements/owncloud/Owncloud.wc.svelte
index 818d00fa..fe64a5a6 100644
--- a/src/elements/owncloud/Owncloud.wc.svelte
+++ b/src/elements/owncloud/Owncloud.wc.svelte
@@ -8,13 +8,11 @@
     ITab,
     SelectCapacityUpdate,
   } from "../../types";
-  import type { IProfile } from "../../types/Profile";
-  import { Disk, Env } from "../../types/vm";
+  import { Disk } from "../../types/vm";
   import Owncloud from "../../types/owncloud";
   // Modules
   import deployOwncloud from "../../utils/deployOwncloud";
   // Components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Input from "../../components/Input.svelte";
   import Tabs from "../../components/Tabs.svelte";
   import SelectNodeId from "../../components/SelectNodeId.svelte";
@@ -35,16 +33,17 @@
   import type { GatewayNodes } from "../../utils/gatewayHelpers";
   import SelectGatewayNode from "../../components/SelectGatewayNode.svelte";
 
+  const activeProfile = window.configs?.activeProfileStore;
   let data = new Owncloud();
   let gateway: GatewayNodes;
   let invalid = true;
   let editable:boolean;
   data.disks = [new Disk()];
-  let profile: IProfile;
   let active: string = "base";
   let loading = false;
   let success = false;
   let failed = false;
+  $: profile = $activeProfile;
 
   const tabs: ITab[] = [
     { label: "Base", value: "base" },
@@ -131,17 +130,13 @@
 
   const deploymentStore = window.configs?.deploymentStore;
 
-  let diskField: IFormField;
-  let cpuField: IFormField;
-  let memoryField: IFormField;
-
   $: disabled = 
   editable && isInvalid([...mailFields]) ||
   ((loading || !data.valid) && !(success || failed)) || 
   invalid || 
   !profile || 
   status !== "valid" || 
-  isInvalid([...adminFields, nameField, diskField, memoryField, cpuField]); // prettier-ignore
+  isInvalid([...adminFields, nameField]); // prettier-ignore
   const currentDeployment = window.configs?.currentDeploymentStore;
 
   async function onDeployVM() {
@@ -175,15 +170,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-    if (detail) {
-      data.envs[0] = new Env(undefined, "SSH_KEY", detail?.sshKey);
-    }
-  }}
-/>
-
 <div style="padding: 15px;">
   <form on:submit|preventDefault={onDeployVM} class="box">
     <h4 class="is-size-4">Deploy an Owncloud Instance</h4>
@@ -261,7 +247,6 @@
           bind:data={data.nodeId}
           filters={data.selection.filters}
           bind:status
-          {profile}
           on:fetch={({ detail }) => (data.selection.nodes = detail)}
           nodes={data.selection.nodes}
         />
diff --git a/src/elements/peertube/Peertube.wc.svelte b/src/elements/peertube/Peertube.wc.svelte
index c0d587a8..92e65399 100644
--- a/src/elements/peertube/Peertube.wc.svelte
+++ b/src/elements/peertube/Peertube.wc.svelte
@@ -8,25 +8,19 @@
     IPackage,
     SelectCapacityUpdate,
   } from "../../types";
-  import type { IProfile } from "../../types/Profile";
   // Modules
-  import { Disk, Env } from "../../types/vm";
   import Peertube from "../../types/peertube";
   import deployPeertube from "../../utils/deployPeertube";
   // Components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Input from "../../components/Input.svelte";
   import Tabs from "../../components/Tabs.svelte";
   import SelectNodeId from "../../components/SelectNodeId.svelte";
   import DeployBtn from "../../components/DeployBtn.svelte";
   import Alert from "../../components/Alert.svelte";
   import Modal from "../../components/DeploymentModal.svelte";
-  import AlertDetailed from "../../components/AlertDetailed.svelte";
   import hasEnoughBalance from "../../utils/hasEnoughBalance";
   import validateName, {
     isInvalid,
-    validateCpu,
-    validateMemory,
     validateEmail,
     validatePassword,
   } from "../../utils/validateName";
@@ -56,12 +50,13 @@
 
   const deploymentStore = window.configs?.deploymentStore;
   let data = new Peertube();
+  const activeProfile = window.configs?.activeProfileStore;
 
+  $: profile = $activeProfile;
   let active: string = "base";
   let loading = false;
   let success = false;
   let failed = false;
-  let profile: IProfile;
   let message: string;
   let modalData: Object;
   let status: "valid" | "invalid";
@@ -103,15 +98,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-    if (detail) {
-      data.envs[0] = new Env(undefined, "SSH_KEY", detail.sshKey);
-    }
-  }}
-/>
-
 <div style="padding: 15px;">
   <!-- Container -->
   <form on:submit|preventDefault={onDeployVM} class="box">
@@ -187,7 +173,6 @@
           bind:nodeSelection={data.selection.type}
           bind:status
           filters={data.selection.filters}
-          {profile}
           on:fetch={({ detail }) => (data.selection.nodes = detail)}
           nodes={data.selection.nodes}
         />
diff --git a/src/elements/presearch/Presearch.wc.svelte b/src/elements/presearch/Presearch.wc.svelte
index c16bc4ea..09ba02ba 100644
--- a/src/elements/presearch/Presearch.wc.svelte
+++ b/src/elements/presearch/Presearch.wc.svelte
@@ -2,13 +2,11 @@
 
 <script lang="ts">
   import Presearch from "../../types/presearch";
-  import type { IProfile } from "../../types/Profile";
-  import type { IFormField, IPackage, ITab } from "../../types";
+  import type { IFormField, ITab } from "../../types";
   import deployPresearch from "../../utils/deployPresearch";
   import rootFs from "../../utils/rootFs";
 
   // Components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Input from "../../components/Input.svelte";
   import Tabs from "../../components/Tabs.svelte";
   import DeployBtn from "../../components/DeployBtn.svelte";
@@ -21,8 +19,9 @@
   import validateName, { isInvalid, validatePreCode} from "../../utils/validateName"; // prettier-ignore
   import { noActiveProfile } from "../../utils/message";
 
+  const activeProfile = window.configs.activeProfileStore;
   let data = new Presearch();
-  let profile: IProfile;
+  $: profile = $activeProfile;
 
   let loading = false;
   let success = false;
@@ -103,12 +102,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-  }}
-/>
-
 <div style="padding: 15px;">
   <form class="box" on:submit|preventDefault={deployPresearchHandler}>
     <h4 class="is-size-4 mb-4">Deploy a Presearch Instance</h4>
@@ -156,12 +149,11 @@
           cpu={data.cpu}
           memory={data.memory}
           publicIp={data.publicIp}
-          ssd={data.diskSize + rootFs(data.cpu, data.memory)}
+          ssd={rootFs(data.cpu, data.memory)}
           bind:data={data.nodeId}
           bind:nodeSelection={data.selection.type}
           bind:status
           filters={data.selection.filters}
-          {profile}
           on:fetch={({ detail }) => (data.selection.nodes = detail)}
           nodes={data.selection.nodes}
           exclusiveFor="research"
diff --git a/src/elements/profiles/Profiles.wc.svelte b/src/elements/profiles/Profiles.wc.svelte
deleted file mode 100644
index 580b6430..00000000
--- a/src/elements/profiles/Profiles.wc.svelte
+++ /dev/null
@@ -1,555 +0,0 @@
-<svelte:options tag="tf-profiles" />
-
-<script lang="ts">
-  import type { IFormField, ITab } from "../../types";
-  import type { IProfile } from "../../types/Profile";
-  import validateMnemonics from "../../utils/validateMnemonics";
-  import validateProfileName, {
-    isInvalid,
-    validateSSH,
-  } from "../../utils/validateName";
-  // Components
-  import Input from "../../components/Input.svelte";
-  import Tabs from "../../components/Tabs.svelte";
-  import Alert from "../../components/Alert.svelte";
-  import QrCode from "../../components/QrCode.svelte";
-  import { onDestroy, onMount } from "svelte";
-  import { set_store_value } from "svelte/internal";
-
-  const configs = window.configs?.baseConfig;
-  const _balanceStore = window.configs?.balanceStore;
-  let password: string = "";
-  let configured: boolean = false;
-
-  let profiles: IProfile[];
-  let activeProfile: IProfile;
-  let activeProfileId: string;
-  let opened: boolean = false;
-  let currentProfile: IProfile;
-  let selectedIdx: string = "0";
-  let bridgeAddress: string = "";
-  let editable: boolean;
-
-  // if (activeProfileId === activeProfile.id) {
-  //   console.log("disabled is true");
-  //   editable = false;
-  // } else {
-  //   editable = true;
-  // }
-  $: checked = editable;
-  if (configured) {
-    editable = false;
-  }
-
-  function _updateEditable(e: Event) {
-    const input = e.target as HTMLInputElement;
-
-    checked = input.checked;
-    if (!checked) {
-      const sshIsValid = activeProfile.sshKey == "";
-      _updateError("sshKey", sshIsValid, "");
-    }
-  }
-
-  let tabs: ITab[] = [];
-  $: {
-    let s = $configs;
-    if (s) {
-      profiles = s.profiles;
-      activeProfile = profiles[selectedIdx];
-      activeProfileId = s.activeProfile;
-      currentProfile = configs.getActiveProfile();
-      tabs = profiles.map((profile, i) => {
-        return { label: profile.name || `Profile${i + 1}`, value: i.toString(), removable: i !== 0 }; // prettier-ignore
-      });
-      if (activeProfileId === activeProfile.id) {
-        console.log("disabled is true");
-        editable = false;
-      } else {
-        editable = true;
-      }
-
-      if (currentProfile) {
-        if (
-          currentProfile.networkEnv == "dev" ||
-          currentProfile.networkEnv == "qa"
-        ) {
-          bridgeAddress =
-            "GDHJP6TF3UXYXTNEZ2P36J5FH7W4BJJQ4AYYAXC66I2Q2AH5B6O6BCFG";
-        } else if (currentProfile.networkEnv == "test") {
-          bridgeAddress =
-            "GA2CWNBUHX7NZ3B5GR4I23FMU7VY5RPA77IUJTIXTTTGKYSKDSV6LUA4";
-        } else {
-          bridgeAddress =
-            "GBNOTAYUMXVO5QDYWYO2SOCOYIJ3XFIP65GKOQN7H65ZZSO6BK4SLWSC";
-        }
-      }
-    }
-  }
-
-  // prettier-ignore
-  const fields: IFormField[] = [
-    { label: "Profile Name", symbol: "name", placeholder: "Profile Name", type: "text" },
-    // { label: "Network Environment", symbol: "networkEnv", type: "select", disabled: true, options: [
-    //   { label: "Testnet", value: "test" },
-    //   { label: "Devnet", value: "dev" }
-    // ] },
-    { label: "Mnemonics", symbol: "mnemonics", placeholder: "Enter Your Polkadot Mnemonics or TFChain secret", type: "password" },
-    // { label: "TFChain Configurations Secret", symbol: "storeSecret", placeholder: "  Secret key used to encrypt your data on TFChain", type: "password" },
-    { label: "Public SSH Key", symbol: "sshKey", placeholder: "Your public SSH key will be added as default to all deployments.", type: "text" },
-  ];
-
-  const twinField: IFormField = { label: "Twin ID", type: "number", symbol: "twinId", placeholder: "Loading Twin ID...", disabled: true }; // prettier-ignore
-  const addressField: IFormField = { label: "Address", type: "text", symbol: "address", placeholder: "Loading Address...", disabled: true }; // prettier-ignore
-
-  let message: string;
-  function onEventHandler(event: "create" | "load" | "save") {
-    message = configs[event](password);
-    if (!message) {
-      configured = true;
-    }
-  }
-
-  function _updateError(symbol: string, valid: boolean, msg: string) {
-    const idx = fields.findIndex((f) => f.symbol === symbol);
-    fields[idx].error = valid ? null : msg;
-  }
-
-  let activating: boolean = false;
-  async function onActiveProfile() {
-    activating = true;
-
-    let invalid = false;
-    try {
-      const mnIsValid = await validateMnemonics({...activeProfile, storeSecret: password }); // prettier-ignore
-      invalid = !mnIsValid;
-
-      _updateError(
-        "mnemonics",
-        mnIsValid,
-        "No twin exists for this account on this network. Are you using the correct network?"
-      );
-    } catch (err) {
-      console.log("Error", err);
-    }
-
-    if (checked) {
-      const sshIsValid = activeProfile.sshKey !== "";
-      invalid = invalid || !sshIsValid;
-      _updateError("sshKey", sshIsValid, "Invalid SSH Key");
-    }
-
-    const nameIsValid = activeProfile.name !== "";
-    invalid = invalid || !nameIsValid;
-    _updateError("name", nameIsValid, "Please provide a profile name");
-
-    activating = false;
-    if (invalid) return;
-
-    configs.setActiveProfile(activeProfile.id, password);
-  }
-
-  const onClickHandler = () => (opened = false);
-  onMount(() => {
-    window.addEventListener("click", onClickHandler);
-    const session_password = sessionStorage.getItem("session_password");
-    if (session_password) {
-      password = session_password;
-      configs.load(password);
-      configured = true;
-      // requestAnimationFrame(() => onActiveProfile());
-    }
-  });
-  onDestroy(() => window.removeEventListener("click", onClickHandler));
-
-  //  bind:active={activePassword} tabs={tabsPassword}
-  const tabsPassword: ITab[] = [
-    { label: "Activate Profile Manager", value: "load" },
-    { label: "Create Profile Manager", value: "create" },
-  ];
-  let activePassword: string = "load";
-
-  $: balanceStore = $_balanceStore;
-
-  function syncValidateMnemonics(mnemonics: string): string | void {
-    if (!window.configs.bip39.validateMnemonic(mnemonics)) {
-      return "Invalid Mnemonics.";
-    }
-  }
-</script>
-
-<div class="profile-menu" on:click|stopPropagation={() => (opened = !opened)}>
-  <button type="button">
-    <span class="icon is-small">
-      <i class="fas fa-user-cog" />
-    </span>
-  </button>
-  {#if currentProfile}
-    <div class="profile-active">
-      <p style="margin-bottom: 1%;">{currentProfile.name}</p>
-      {#if balanceStore.loading}
-        <p>Loading Account Balance</p>
-      {:else if balanceStore.balance !== null}
-        <p>Balance: <span style="font-weight: bold;">{balanceStore.balance}</span> TFT</p>
-        <p>Locked: <span style="padding-left: 2%;">{balanceStore.locked}</span> TFT</p>
-      {/if}
-    </div>
-  {/if}
-</div>
-
-<div class={"profile-overlay" + (opened ? " is-active" : "")}>
-  <section
-    class={"profile-container" + (opened ? " is-active" : "")}
-    on:click|stopPropagation
-  >
-    <div class="box">
-      <div
-        style="display: flex; justify-content: space-between; align-items: center;"
-      >
-        <h4 class="is-size-4">Profile Manager</h4>
-        <!-- <p>
-          <a
-            target="_blank"
-            href="https://library.threefold.me/info/manual/#/manual__weblets_profile_manager"
-          >
-            Quick start documentation</a
-          >
-        </p> -->
-
-        {#if configured}
-          <div>
-            <button
-              class="button is-outlined mr-2"
-              style={`border-color: #1982b1; color: #1982b1`}
-              type="button"
-              disabled={Boolean(validateProfileName(activeProfile.name)) ||
-              Boolean(syncValidateMnemonics(activeProfile.mnemonics)) ||
-              checked
-                ? Boolean(validateSSH(activeProfile.sshKey))
-                : false}
-              on:click={() => {
-                selectedIdx = configs.addProfile();
-                fields.forEach((_, i) => (fields[i].error = null));
-              }}
-            >
-              + Add Profile
-            </button>
-            <button
-              class="button mr-2"
-              style={`background-color: #1982b1; color: #fff`}
-              type="button"
-              disabled={Boolean(validateProfileName(activeProfile.name)) ||
-              Boolean(syncValidateMnemonics(activeProfile.mnemonics)) ||
-              checked
-                ? Boolean(validateSSH(activeProfile.sshKey))
-                : false}
-              on:click={onEventHandler.bind(undefined, "save")}
-            >
-              Save
-            </button>
-            <button
-              class="button is-danger"
-              style={`background-color: #FF5151; color: #fff`}
-              type="button"
-              on:click={() => {
-                configured = false;
-                sessionStorage.removeItem("session_password");
-                configs.setActiveProfile(null, password);
-                password = "";
-              }}
-            >
-              Deactivate
-            </button>
-          </div>
-        {/if}
-      </div>
-
-      <p class="mt-4">
-        Please visit <a
-          href="https://library.threefold.me/info/manual/#/manual__weblets_profile_manager"
-          target="_blank"
-        >
-          the manual
-        </a>
-        to <strong>get started.</strong>
-      </p>
-      <hr />
-
-      {#if configured}
-        <Tabs
-          active={selectedIdx}
-          {tabs}
-          centered={false}
-          on:removed={({ detail }) => {
-            selectedIdx = configs.deleteProfile(detail, selectedIdx);
-          }}
-          on:select={(p) => {
-            fields.forEach((_, i) => (fields[i].error = null));
-            selectedIdx = p.detail;
-          }}
-          on:init={() => (selectedIdx = "0")}
-        />
-
-        <div class="is-flex is-justify-content-flex-end">
-          <button
-            class={"button" + (activating ? " is-loading" : "")}
-            style={`background-color: #1982b1; color: #fff`}
-            disabled={activating ||
-            activeProfileId === activeProfile?.id ||
-            Boolean(validateProfileName(activeProfile.name)) ||
-            Boolean(syncValidateMnemonics(activeProfile.mnemonics)) ||
-            checked
-              ? Boolean(validateSSH(activeProfile.sshKey))
-              : false}
-            on:click={onActiveProfile}
-          >
-            {activeProfileId === activeProfile?.id ? "Active" : "Activate"}
-          </button>
-        </div>
-
-        {#if activeProfile}
-          <div style="display: flex; justify-content: space-between;">
-            <div
-              style={activeProfileId === activeProfile?.id
-                ? "width: 75%;"
-                : "width: 100%;"}
-            >
-              <Input
-                bind:data={activeProfile.name}
-                field={{
-                  ...fields[0],
-                  error:
-                    activeProfile.name == ""
-                      ? null
-                      : validateProfileName(activeProfile.name),
-                  disabled: activeProfileId === activeProfile.id,
-                }}
-                on:input={() => {
-                  fields[0].error = validateProfileName(activeProfile.name);
-                }}
-              />
-
-              <Input
-                bind:data={activeProfile.mnemonics}
-                field={{
-                  ...fields[1],
-                  error:
-                    activeProfile.mnemonics == ""
-                      ? null
-                      : syncValidateMnemonics(activeProfile.mnemonics),
-                  disabled: activeProfileId === activeProfile.id,
-                }}
-              />
-
-              {#if activeProfileId === activeProfile?.id}
-                <Input data={$configs.twinId} field={twinField} />
-                <Input data={$configs.address} field={addressField} />
-              {/if}
-              <div style="display: flex; align-items: center;">
-                <div style="margin-right: 15px; width: 100%;">
-                  <Input
-                    bind:data={activeProfile.sshKey}
-                    field={{
-                      ...fields[2],
-
-                      disabled: !checked,
-                      error:
-                        activeProfile.sshKey != "" && checked
-                          ? validateSSH(activeProfile.sshKey)
-                          : null,
-                    }}
-                  />
-                </div>
-                <div
-                  style="margin-top: 30px;"
-                  data-my-tooltip="On disable the deployed solutions'll be inaccessible."
-                >
-                  <Input
-                    data={editable}
-                    field={{
-                      label: "",
-                      symbol: "editable",
-                      type: "checkbox",
-                    }}
-                    on:input={_updateEditable}
-                  />
-                </div>
-              </div>
-            </div>
-
-            {#if activeProfileId === activeProfile?.id}
-              <div style="margin: 10px; border-left: 1px solid #afafaf;" />
-              <div style="width: 25%; padding: 3% 1%; text-align: center;">
-                <p class="label">
-                  Scan code using Threefold connect to send tokens
-                </p>
-                {#if $configs.twinId}
-                  <QrCode
-                    value="TFT:{bridgeAddress}?message=twin_{$configs.twinId}&sender=me&amount=100"
-                    size="250"
-                  />
-                {:else}
-                  <p class="label">Loading scan code...</p>
-                {/if}
-              </div>
-            {/if}
-          </div>
-        {/if}
-      {:else}
-        <Tabs
-          bind:active={activePassword}
-          tabs={tabsPassword}
-          centered={false}
-        />
-
-        <form
-          on:submit|preventDefault={onEventHandler.bind(
-            undefined,
-            activePassword
-          )}
-        >
-          <Input
-            bind:data={password}
-            field={{
-              label: "Password",
-              type: "password",
-              placeholder: "Profile Manager Password",
-              symbol: "secret",
-              tooltip:
-                activePassword === "load"
-                  ? "Password to activate a previously configured profile manager"
-                  : "Password will be used to encrypt data in the browser",
-            }}
-          />
-
-          {#if message}
-            <Alert type="danger" {message} />
-          {/if}
-
-          <div style="display: flex; justify-content: center;">
-            <button
-              class="button"
-              style={`background-color: #1982b1; color: #fff`}
-              type="submit"
-              disabled={password === ""}
-            >
-              {activePassword === "load"
-                ? "Load Profiles"
-                : "Create New Profile Manager"}
-            </button>
-          </div>
-        </form>
-      {/if}
-    </div>
-  </section>
-</div>
-
-<style lang="scss" scoped>
-  @import url("https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css");
-  @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css");
-  [data-my-tooltip]:before {
-    content: attr(data-my-tooltip);
-    position: absolute;
-    opacity: 0;
-  }
-
-  [data-my-tooltip]:hover:before {
-    opacity: 1;
-    padding: 10px 15px;
-    border-radius: 5px;
-    background-color: rgba(51, 51, 51, 0.9);
-    color: white;
-    margin-top: -70px;
-    margin-left: -120px;
-    // margin-right: 110px; /*setting it above. to the left. You can play with this */
-  }
-  .profile-menu {
-    display: flex;
-    align-items: center;
-    padding: 15px;
-    background-color: white;
-    border-radius: 6px;
-    border: 1px solid #ddd8d8;
-    cursor: pointer;
-    margin: 10px;
-    button {
-      height: 60px;
-      width: 60px;
-      border-radius: 70%;
-      border: none;
-      cursor: inherit;
-
-      font-weight: bold;
-      font-size: 20px;
-    }
-
-    .profile-active {
-      padding-left: 15px;
-
-      > p:first-of-type {
-        font-weight: bold;
-        margin-bottom: -5px;
-      }
-
-      > p:last-of-type span {
-        font-weight: bold;
-      }
-    }
-  }
-
-  .profile-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    background-color: rgba(black, 0.8);
-    z-index: 998;
-
-    transition-timing-function: ease;
-    transition-property: opacity, visibility;
-    transition-duration: 0.35s;
-
-    opacity: 0;
-    visibility: hidden;
-    pointer-events: none;
-
-    &.is-active {
-      opacity: 1;
-      visibility: visible;
-      pointer-events: all;
-    }
-  }
-
-  .profile-container {
-    position: fixed;
-    top: 100px;
-    right: 15px;
-    width: calc(100% - 275px);
-    padding: 15px;
-
-    /* scroll */
-    max-height: calc(100vh - 115px);
-    overflow-y: auto;
-
-    transition-duration: 0.35s;
-    transition-property: transform, opacity, visibility;
-    transition-timing-function: ease;
-    transform: translateY(50px);
-    opacity: 0;
-    visibility: hidden;
-    pointer-events: none;
-  }
-
-  .is-active {
-    transform: translateY(0);
-    opacity: 1;
-    visibility: visible;
-    pointer-events: all;
-  }
-
-  .vertical-line {
-    border-left: 4px solid black;
-    height: 100%;
-  }
-</style>
diff --git a/src/elements/profiles/index.ts b/src/elements/profiles/index.ts
deleted file mode 100644
index 76550a01..00000000
--- a/src/elements/profiles/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-import "./Profiles.wc.svelte";
diff --git a/src/elements/subsquid/Subsquid.wc.svelte b/src/elements/subsquid/Subsquid.wc.svelte
index 39290ef0..e48177c4 100644
--- a/src/elements/subsquid/Subsquid.wc.svelte
+++ b/src/elements/subsquid/Subsquid.wc.svelte
@@ -2,7 +2,6 @@
 
 <script lang="ts">
   import Subsquid from "../../types/subsquid";
-  import type { IProfile } from "../../types/Profile";
   import {
     IFormField,
     IPackage,
@@ -13,7 +12,6 @@
   import { Disk } from "../../types/vm";
 
   // Components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Input from "../../components/Input.svelte";
   import Tabs from "../../components/Tabs.svelte";
   import DeployBtn from "../../components/DeployBtn.svelte";
@@ -30,7 +28,8 @@
   import SelectCapacity from "../../components/SelectCapacity.svelte";
 
   let data = new Subsquid();
-  let profile: IProfile;
+  const activeProfile = window.configs.activeProfileStore;
+  $: profile = $activeProfile;
   let gateway: GatewayNodes;
 
   let loading = false;
@@ -102,12 +101,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-  }}
-/>
-
 <div style="padding: 15px;">
   <form class="box" on:submit|preventDefault={deploySubsquidHandler}>
     <h4 class="is-size-4 mb-4">Deploy a Subsquid Archive(s)</h4>
@@ -178,7 +171,6 @@
           bind:nodeSelection={data.selection.type}
           bind:status
           filters={data.selection.filters}
-          {profile}
           on:fetch={({ detail }) => (data.selection.nodes = detail)}
           nodes={data.selection.nodes}
         />
diff --git a/src/elements/taiga/Taiga.wc.svelte b/src/elements/taiga/Taiga.wc.svelte
index 8bf37298..0f14ce3a 100644
--- a/src/elements/taiga/Taiga.wc.svelte
+++ b/src/elements/taiga/Taiga.wc.svelte
@@ -1,7 +1,7 @@
 <svelte:options tag="tf-taiga" />
 
 <script lang="ts">
-  import { Disk, Env } from "../../types/vm";
+  import { Disk } from "../../types/vm";
   import {
     IFormField,
     IPackage,
@@ -9,11 +9,9 @@
     SelectCapacityUpdate,
   } from "../../types";
   import deployTaiga from "../../utils/deployTaiga";
-  import type { IProfile } from "../../types/Profile";
   import Taiga from "../../types/taiga";
 
   // Components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Input from "../../components/Input.svelte";
   import Tabs from "../../components/Tabs.svelte";
   import SelectNodeId from "../../components/SelectNodeId.svelte";
@@ -35,16 +33,17 @@
   import SelectGatewayNode from "../../components/SelectGatewayNode.svelte";
   import type { GatewayNodes } from "../../utils/gatewayHelpers";
 
+  const activeProfile = window.configs?.activeProfileStore;
   let data = new Taiga();
   let gateway: GatewayNodes;
   let invalid = true;
   let editable:boolean;
   data.disks = [new Disk()];
-  let profile: IProfile;
   let active: string = "base";
   let loading = false;
   let success = false;
   let failed = false;
+  $: profile = $activeProfile;
 
   const tabs: ITab[] = [
     { label: "Base", value: "base" },
@@ -179,15 +178,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-    if (detail) {
-      data.envs[0] = new Env(undefined, "SSH_KEY", detail?.sshKey);
-    }
-  }}
-/>
-
 <div style="padding: 15px;">
   <form on:submit|preventDefault={onDeployVM} class="box">
     <h4 class="is-size-4">Deploy a Taiga Instance</h4>
@@ -264,7 +254,6 @@
           bind:data={data.nodeId}
           filters={data.selection.filters}
           bind:status
-          {profile}
           on:fetch={({ detail }) => (data.selection.nodes = detail)}
           nodes={data.selection.nodes}
         />
diff --git a/src/elements/vm/Vm.wc.svelte b/src/elements/vm/Vm.wc.svelte
index 1fc4f261..c57d1e59 100644
--- a/src/elements/vm/Vm.wc.svelte
+++ b/src/elements/vm/Vm.wc.svelte
@@ -4,10 +4,8 @@
   import VM, { Disk, Env } from "../../types/vm";
   import type { IFlist, IFormField, ITab } from "../../types";
   import deployVM from "../../utils/deployVM";
-  import type { IProfile } from "../../types/Profile";
 
   // Components
-  import SelectProfile from "../../components/SelectProfile.svelte";
   import Input from "../../components/Input.svelte";
   import Tabs from "../../components/Tabs.svelte";
   import SelectNodeId from "../../components/SelectNodeId.svelte";
@@ -87,11 +85,13 @@
   ];
 
   const deploymentStore = window.configs?.deploymentStore;
+  const activeProfile = window.configs?.activeProfileStore;
+
+  $: profile = $activeProfile;
   let active: string = "config";
   let loading = false;
   let success = false;
   let failed = false;
-  let profile: IProfile;
   let message: string;
   let modalData: Object;
   let status: "valid" | "invalid";
@@ -177,15 +177,6 @@
   $: logs = $currentDeployment;
 </script>
 
-<SelectProfile
-  on:profile={({ detail }) => {
-    profile = detail;
-    if (detail) {
-      data.envs[0] = new Env(undefined, "SSH_KEY", detail?.sshKey);
-    }
-  }}
-/>
-
 <div style="padding: 15px;">
   <form on:submit|preventDefault={onDeployVM} class="box">
     <h4 class="is-size-4">Deploy a Micro Virtual Machine</h4>
@@ -291,7 +282,6 @@
           bind:data={data.nodeId}
           filters={data.selection.filters}
           bind:status
-          {profile}
           on:fetch={({ detail }) => (data.selection.nodes = detail)}
           nodes={data.selection.nodes}
         />
diff --git a/src/global.d.ts b/src/global.d.ts
index 96b27087..0df2911a 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -1,27 +1,25 @@
 /// <reference types="svelte" />
 
-import * as client from "ts-rmb-http-client";
-import * as grid3_client from "grid3_client";
-import * as buffer from "buffer";
-import * as bip39 from "bip39";
+import * as client from 'ts-rmb-http-client';
+import * as grid3_client from 'grid3_client';
+import * as buffer from 'buffer';
+import * as bip39 from 'bip39';
 
 // stores
-import baseConfigStore from "./stores/baseConfig";
-import deploymentStore from "./stores/deploymentStore";
-import notificationStore from "./stores/notifications";
-import currentDeploymentStore from "./stores/currentDeployment";
-import balanceStore from "./stores/balance";
+import deploymentStore from './stores/deploymentStore';
+import notificationStore from './stores/notifications';
+import currentDeploymentStore from './stores/currentDeployment';
+import activeProfileStore from './stores/activeProfile';
 
 interface AppConfigs {
   client: typeof client;
   grid3_client: typeof grid3_client;
-  baseConfig: typeof baseConfigStore;
   deploymentStore: typeof deploymentStore;
   notificationStore: typeof notificationStore;
   currentDeploymentStore: typeof currentDeploymentStore;
-  balanceStore: typeof balanceStore;
   buffer: typeof buffer;
   bip39: typeof bip39;
+  activeProfileStore: typeof activeProfileStore;
 }
 
 declare global {
diff --git a/src/stores/activeProfile.ts b/src/stores/activeProfile.ts
new file mode 100644
index 00000000..38033e24
--- /dev/null
+++ b/src/stores/activeProfile.ts
@@ -0,0 +1,52 @@
+import ProfileManager, { Profile, Listener } from 'tf-profile-manager';
+import { writable, Writable } from 'svelte/store';
+import getGrid from '../utils/getGrid';
+import type { NetworkEnv } from 'grid3_client';
+
+async function _createActiveProfileStore(cb: Listener) {
+  if (await ProfileManager.isInstalled) {
+    ProfileManager.subscribe(cb);
+  }
+}
+
+function _createBalanceStore(profile: Profile) {
+  const balanceStore = writable<{
+    balance: number;
+    locked: number;
+  }>();
+
+  getGrid(profile, (_) => _).then((grid) => {
+    ProfileManager.subscribeToBalance(grid, (balance) => {
+      balanceStore.set(balance);
+    });
+  });
+
+  return balanceStore;
+}
+
+export interface ActiveProfile extends Profile {
+  network: NetworkEnv;
+  balance: Writable<{
+    balance: number;
+    locked: number;
+  }>;
+}
+
+function createActiveProfileStore() {
+  const { subscribe, set } = writable<ActiveProfile | null>(null);
+
+  _createActiveProfileStore((profile) => {
+    if (!profile) return set(null);
+    set({
+      ...profile,
+      balance: _createBalanceStore(profile),
+      network: profile.network as unknown as NetworkEnv,
+    });
+  });
+
+  return {
+    subscribe,
+  };
+}
+
+export default createActiveProfileStore();
diff --git a/src/stores/balance.ts b/src/stores/balance.ts
deleted file mode 100644
index b6c6733c..00000000
--- a/src/stores/balance.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-import { get, writable } from "svelte/store";
-import getBalance from "../utils/getBalance";
-
-interface IStore {
-  loading: boolean;
-  balance: number | number;
-  locked: number | number;
-}
-
-function createBalanceStore() {
-  const store = writable<IStore>({
-    loading: false,
-    balance: null,
-    locked: null,
-  });
-  const { subscribe, update } = store;
-
-  const fullStore = {
-    subscribe,
-
-    getBalance() {
-      return get(store).balance;
-    },
-
-    setBalance(value: number) {
-      return update((s) => {
-        s.balance = value;
-        return s;
-      });
-    },
-
-    setLockedBalance(value: number) {
-      return update((s) => {
-        s.locked = value;
-        return s;
-      });
-    },
-
-    setLoading(value: boolean) {
-      return update((s) => {
-        s.loading = value;
-        return s;
-      });
-    },
-
-    updateBalance(times: number = 0) {
-      const profile = window.configs.baseConfig.getActiveProfile();
-      if (!profile) return;
-
-      fullStore.setLoading(true);
-
-      getBalance(profile)
-        .then((balance) => {
-          fullStore.setBalance(balance.free);
-          fullStore.setLockedBalance(balance.feeFrozen);
-        })
-        .catch((err) => {
-          console.log("Balance Error", err);
-          if (times < 3) fullStore.updateBalance(times + 1);
-        })
-        .finally(() => {
-          fullStore.setLoading(false);
-        });
-    },
-  };
-
-  requestAnimationFrame(() => {
-    let _interval: any;
-
-    window.configs.baseConfig.subscribe(({ activeProfile }) => {
-      if (_interval) clearInterval(_interval);
-      _interval = null;
-      if (activeProfile === null) return;
-
-      fullStore.updateBalance();
-      setInterval(() => fullStore.updateBalance(), 60 * 1000);
-    });
-  });
-
-  return fullStore;
-}
-
-export default createBalanceStore();
diff --git a/src/stores/baseConfig.ts b/src/stores/baseConfig.ts
deleted file mode 100644
index 77f49abd..00000000
--- a/src/stores/baseConfig.ts
+++ /dev/null
@@ -1,194 +0,0 @@
-import { get, writable } from "svelte/store";
-import { enc } from "crypto-js";
-import md5 from "crypto-js/md5";
-import { encrypt, decrypt } from "crypto-js/aes";
-import { v4 } from "uuid";
-import type { IProfile } from "../types/Profile";
-import getGrid from "../utils/getGrid";
-
-const PREFIX = "v2.";
-const createProfile = (
-  name = "",
-  m = "",
-  n = process.env.NETWORK,
-  key = ""
-) => {
-  const result = {
-    id: v4(),
-    name,
-    mnemonics: m,
-    storeSecret: "",
-    networkEnv: n,
-    sshKey: key,
-  };
-
-  return result;
-};
-
-function createBaseConfig() {
-  const store = writable({
-    profiles: [createProfile("Profile1")],
-    activeProfile: null,
-    twinId: null,
-    address: null,
-    storeSecret: null,
-  });
-
-  function hashPassword(password: string) {
-    return PREFIX + md5(password).toString();
-  }
-
-  function getEncryptedStore(password: string) {
-    const data = JSON.stringify(get(store));
-    return encrypt(data, password).toString();
-  }
-
-  const { subscribe, set, update } = store;
-
-  const fullStore = {
-    subscribe,
-    set,
-    update,
-    updateMnemonics(idx: number, e: InputEvent) {
-      return update((value) => {
-        value.profiles[idx].mnemonics = (e.target as any).value;
-        return value;
-      });
-    },
-    updateNetworkEnv(idx: number, e: Event) {
-      return update((value) => {
-        value.profiles[idx].networkEnv = (e.target as any).selectedIndex === 0 ? "test" : "dev"; // prettier-ignore
-        return value;
-      });
-    },
-    updateName(idx: number, e: InputEvent) {
-      return update((value) => {
-        value.profiles[idx].name = (e.target as any).value;
-        return value;
-      });
-    },
-    updateSshKey(idx: number, e: InputEvent) {
-      return update((value) => {
-        value.profiles[idx].sshKey = (e.target as any).value;
-        return value;
-      });
-    },
-    addProfile() {
-      let _idx: string;
-      update((value) => {
-        _idx = (value.profiles.push(createProfile()) - 1).toString();
-        return value;
-      });
-      return _idx;
-    },
-    deleteProfile(idx: number, current: string) {
-      let _idx: string;
-      update((value) => {
-        if (value.profiles[idx].id === value.activeProfile) {
-          value.activeProfile = null;
-        }
-        value.profiles.splice(idx, 1);
-        if (current === idx.toString()) {
-          _idx = (idx - 1).toString();
-        }
-        return value;
-      });
-      return _idx ? _idx : current;
-    },
-
-    create(password: string) {
-      const hash = hashPassword(password);
-
-      if (localStorage.getItem(hash) !== null) {
-        return "Password already exists.";
-      }
-
-      localStorage.setItem(hash, getEncryptedStore(password));
-      sessionStorage.setItem("session_password", password);
-    },
-
-    load(password: string) {
-      const hash = hashPassword(password);
-      const data = localStorage.getItem(hash);
-
-      if (data === null) {
-        return "Password is not correct.";
-      }
-
-      try {
-        set(JSON.parse(decrypt(data, password).toString(enc.Utf8)));
-        sessionStorage.setItem("session_password", password);
-        update((value) => {
-          value.storeSecret = password;
-          return value;
-        });
-
-        if (get(store).activeProfile) {
-          fullStore._loadActiveProfileInfo();
-        }
-      } catch {
-        return "Incorrect data.";
-      }
-    },
-
-    _loadActiveProfileInfo() {
-      getGrid(fullStore.getActiveProfile(), (grid) => {
-        grid.twins
-          .get_my_twin_id()
-          .then((twin) => {
-            update((value) => {
-              value.twinId = twin;
-              value.address = grid.twins.client.client.address;
-              return value;
-            });
-          })
-          .catch((err) => {
-            console.log("Error", err);
-          });
-      });
-    },
-
-    save(password: string) {
-      const hash = hashPassword(password);
-
-      if (localStorage.getItem(hash) === null) {
-        return "Password wasn't found.";
-      }
-
-      localStorage.setItem(hash, getEncryptedStore(password)); // prettier-ignore
-      window.configs.notificationStore.notify("success", "Saved!");
-    },
-
-    setActiveProfile(id: string, password: string) {
-      update((value) => {
-        value.activeProfile = id;
-        value.storeSecret = id === null ? null : password;
-        value.twinId = null;
-        value.address = null;
-        return value;
-      });
-      requestAnimationFrame(() => {
-        fullStore.save(password);
-        if (id !== null) {
-          setTimeout(() => {
-            fullStore._loadActiveProfileInfo();
-          }, 1000);
-        }
-      });
-    },
-
-    getActiveProfile(): IProfile | null {
-      const data = get(store);
-      if (data.activeProfile === null) return null;
-      const idx = data.profiles.findIndex((p) => p.id === data.activeProfile);
-      const profile = data.profiles[idx] as IProfile;
-      profile.storeSecret = data.storeSecret;
-      profile.networkEnv = process.env.NETWORK;
-      return profile;
-    },
-  };
-
-  return fullStore;
-}
-
-export default createBaseConfig();
diff --git a/src/types/Profile.ts b/src/types/Profile.ts
deleted file mode 100644
index 6402bac1..00000000
--- a/src/types/Profile.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export interface IProfile {
-  id: string;
-  name: string;
-  mnemonics: string;
-  storeSecret: string;
-  networkEnv: string;
-  sshKey: string;
-}
diff --git a/src/types/caprover.ts b/src/types/caprover.ts
index bbd53bb7..a793e2d8 100644
--- a/src/types/caprover.ts
+++ b/src/types/caprover.ts
@@ -15,7 +15,6 @@ export default class Caprover {
     public memory = 1024 * 8,
     public nodeId: number = null,
     public domain = "",
-    public publicKey = "",
     public diskSize = 100,
     public password = generatePassword(
       (length = Math.floor(Math.random() * 5) + 10)
@@ -24,14 +23,13 @@ export default class Caprover {
   ) {}
 
   public get valid(): boolean {
-    const { name, workers, cpu, memory, nodeId, domain, publicKey } = this;
+    const { name, workers, cpu, memory, nodeId, domain } = this;
     return (
       name !== "" &&
       isValidInteger(cpu) &&
       isValidInteger(memory) &&
       isValidInteger(nodeId) &&
       domain !== "" &&
-      publicKey !== "" &&
       workers.every((worker) => worker.valid)
     );
   }
diff --git a/src/types/deployedList.ts b/src/types/deployedList.ts
index 850b8126..c7f15a03 100644
--- a/src/types/deployedList.ts
+++ b/src/types/deployedList.ts
@@ -1,7 +1,7 @@
 import getGrid from "../utils/getGrid";
-import type { IProfile } from "./Profile";
 import type { GridClient } from "grid3_client";
 import formatConsumption from "../utils/formatConsumption";
+import type { ActiveProfile } from "../stores/activeProfile";
 
 export interface IListReturn<T = any> {
   total: number;
@@ -137,8 +137,8 @@ export default class DeployedList {
     };
   }
 
-  public static async init(profile: IProfile): Promise<DeployedList> {
-    return new DeployedList(await getGrid(profile, (grid) => grid, false));
+  public static async init(profile: ActiveProfile): Promise<DeployedList> {
+    return new DeployedList(await getGrid(profile, (grid) => grid));
   }
 
   public static __filterNames(names: string[]): string[] {
diff --git a/src/utils/deleteDeployment.ts b/src/utils/deleteDeployment.ts
index efc76c41..5a996f2e 100644
--- a/src/utils/deleteDeployment.ts
+++ b/src/utils/deleteDeployment.ts
@@ -1,14 +1,9 @@
+import type { ActiveProfile } from "../stores/activeProfile";
 import { getUniqueDomainName } from "./gatewayHelpers";
 
 
-interface IConfig {
-  mnemonics: string;
-  storeSecret: string;
-  networkEnv: string;
-}
-
 export default async function deleteDeployment(
-  configs: IConfig,
+  configs: ActiveProfile,
   key: "k8s" | "machines",
   name: string,
   type: string
@@ -16,12 +11,12 @@ export default async function deleteDeployment(
   const { GridClient } = window.configs.grid3_client;
   const { HTTPMessageBusClient } = window.configs.client;
   
-  const { mnemonics, networkEnv, storeSecret } = configs;
+  const { mnemonics, network, secret } = configs;
   const http = new HTTPMessageBusClient(0, "", "", "");
   const grid = new GridClient(
-    networkEnv as any,
+    network,
     mnemonics,
-    storeSecret,
+    secret,
     http,
     type,
     "tfkvstore" as any
diff --git a/src/utils/deploy.ts b/src/utils/deploy.ts
index 6ebfd03f..56817c47 100644
--- a/src/utils/deploy.ts
+++ b/src/utils/deploy.ts
@@ -1,23 +1,18 @@
-import type { GridClient } from "grid3_client";
-import type { IStore } from "../stores/currentDeployment";
-import type { IProfile } from "../types/Profile";
-import getGrid from "./getGrid";
+import type { GridClient } from 'grid3_client';
+import type { ActiveProfile } from '../stores/activeProfile';
+import type { IStore } from '../stores/currentDeployment';
+import getGrid from './getGrid';
 
 export default function deploy<T>(
-  profile: IProfile,
-  type: IStore["type"],
+  profile: ActiveProfile,
+  type: IStore['type'],
   name: string,
   deployer: (grid: GridClient) => Promise<T>
 ) {
   window.configs.currentDeploymentStore.deploy(type, name);
   return getGrid(profile, (grid) => {
-    return deployer(grid)
-      .then((res) => {
-        window.configs.balanceStore.updateBalance();
-        return res;
-      })
-      .finally(() => {
-        window.configs.currentDeploymentStore.clear();
-      });
+    return deployer(grid).finally(() => {
+      window.configs.currentDeploymentStore.clear();
+    });
   });
 }
diff --git a/src/utils/deployAlgorand.ts b/src/utils/deployAlgorand.ts
index 7f00594b..96e42d4a 100644
--- a/src/utils/deployAlgorand.ts
+++ b/src/utils/deployAlgorand.ts
@@ -1,5 +1,5 @@
+import type { ActiveProfile } from "../stores/activeProfile";
 import type Algorand from "../types/algorand";
-import type { IProfile } from "../types/Profile";
 
 import { Network } from "../types/kubernetes";
 import createNetwork from "./createNetwork";
@@ -9,14 +9,14 @@ import checkVMExist from "./prepareDeployment";
 
 export default async function deployAlgorand(
   data: Algorand,
-  profile: IProfile
+  profile: ActiveProfile
 ) {
   const deploymentInfo = await depoloyAlgorandVM(data, profile);
   return { deploymentInfo };
 }
 
-async function depoloyAlgorandVM(data: Algorand, profile: IProfile) {
-  const { MachinesModel, DiskModel, GridClient, MachineModel, generateString } =
+async function depoloyAlgorandVM(data: Algorand, profile: ActiveProfile) {
+  const { MachinesModel, DiskModel, MachineModel, generateString } =
     window.configs.grid3_client;
   const {
     name,
@@ -61,7 +61,7 @@ async function depoloyAlgorandVM(data: Algorand, profile: IProfile) {
   machine.flist = "https://hub.grid.tf/tf-official-apps/algorand-latest.flist";
   machine.entrypoint = "/sbin/zinit init";
   machine.env = {
-    SSH_KEY: profile.sshKey,
+    SSH_KEY: profile.ssh,
     NETWORK: nodeNetwork,
     NODE_TYPE: nodeType,
     ACCOUNT_MNEMONICS: mnemonics,
diff --git a/src/utils/deployCaprover.ts b/src/utils/deployCaprover.ts
index f824af9d..1835570e 100644
--- a/src/utils/deployCaprover.ts
+++ b/src/utils/deployCaprover.ts
@@ -1,21 +1,22 @@
 import type Caprover from "../types/caprover";
 import { Network } from "../types/kubernetes";
-import type { IProfile } from "../types/Profile";
 import checkVMExist from "./prepareDeployment";
 import createNetwork from "./createNetwork";
 import deploy from "./deploy";
 import rootFs from "./rootFs";
+import type { ActiveProfile } from "../stores/activeProfile";
+import { get } from "svelte/store";
 
 const CAPROVER_FLIST =
   "https://hub.grid.tf/tf-official-apps/tf-caprover-main.flist";
 
 export default async function deployCaprover(
   data: Caprover,
-  profile: IProfile
+  profile: ActiveProfile
 ) {
   const { MachinesModel, DiskModel, MachineModel } =
     window.configs.grid3_client;
-  const { name, workers, memory, nodeId, publicKey, cpu, domain, diskSize, password } = data; // prettier-ignore
+  const { name, workers, memory, nodeId, cpu, domain, diskSize, password } = data; // prettier-ignore
 
   const network = createNetwork(new Network(`NW${name}`, "10.200.0.0/16")); // prettier-ignore
 
@@ -41,9 +42,8 @@ export default async function deployCaprover(
     SWM_NODE_MODE: "leader",
     CAPROVER_ROOT_DOMAIN: domain,
     CAPTAIN_IMAGE_VERSION: "latest",
-    PUBLIC_KEY: publicKey,
+    PUBLIC_KEY: get(window.configs.activeProfileStore).ssh,
     DEFAULT_PASSWORD: password,
-    CAPTAIN_IS_DEBUG: "true",
   };
 
   const machines = new MachinesModel();
@@ -74,7 +74,7 @@ export default async function deployCaprover(
     workerModel.entrypoint = "/sbin/zinit init";
     workerModel.env = {
       SWM_NODE_MODE: "worker",
-      PUBLIC_KEY: publicKey,
+      PUBLIC_KEY: get(window.configs.activeProfileStore).ssh,
     };
 
     machines.machines.push(workerModel);
diff --git a/src/utils/deployCasperlabs.ts b/src/utils/deployCasperlabs.ts
index 8359ea56..bdc68a12 100644
--- a/src/utils/deployCasperlabs.ts
+++ b/src/utils/deployCasperlabs.ts
@@ -1,10 +1,8 @@
 import type { default as Casperlabs } from "../types/casperlabs";
 
-import type { IProfile } from "../types/Profile";
 import deploy from "./deploy";
 
 import {
-  selectGatewayNode,
   getUniqueDomainName,
   GatewayNodes,
   selectSpecificGatewayNode,
@@ -14,10 +12,11 @@ import createNetwork from "./createNetwork";
 import { Network } from "../types/kubernetes";
 import destroy from "./destroy";
 import checkVMExist, { checkGW } from "./prepareDeployment";
+import type { ActiveProfile } from "../stores/activeProfile";
 
 export default async function deployCasperlabs(
   data: Casperlabs,
-  profile: IProfile,
+  profile: ActiveProfile,
   gateway: GatewayNodes
 ) {
   // gateway model: <solution-type><twin-id><solution_name>
@@ -45,7 +44,7 @@ export default async function deployCasperlabs(
   return { deploymentInfo };
 }
 
-async function deployCasperlabsVM(profile: IProfile, data: Casperlabs) {
+async function deployCasperlabsVM(profile: ActiveProfile, data: Casperlabs) {
   const { DiskModel, MachineModel, MachinesModel, generateString } =
     window.configs.grid3_client;
 
@@ -54,9 +53,7 @@ async function deployCasperlabsVM(profile: IProfile, data: Casperlabs) {
     cpu,
     memory,
     disks: [{ size }],
-    publicIp,
     nodeId,
-    envs,
     domain,
   } = data;
 
@@ -86,7 +83,7 @@ async function deployCasperlabsVM(profile: IProfile, data: Casperlabs) {
   vm.flist = "https://hub.grid.tf/tf-official-apps/casperlabs-latest.flist";
   vm.entrypoint = "/sbin/zinit init";
   vm.env = {
-    SSH_KEY: profile.sshKey,
+    SSH_KEY: profile.ssh,
     CASPERLABS_HOSTNAME: domain,
   };
 
@@ -114,7 +111,7 @@ async function deployCasperlabsVM(profile: IProfile, data: Casperlabs) {
 }
 
 async function deployPrefixGateway(
-  profile: IProfile,
+  profile: ActiveProfile,
   domainName: string,
   backend: string,
   publicNodeId: number
diff --git a/src/utils/deployDiscourse.ts b/src/utils/deployDiscourse.ts
index 14c21b7f..eb6b8912 100644
--- a/src/utils/deployDiscourse.ts
+++ b/src/utils/deployDiscourse.ts
@@ -1,21 +1,20 @@
 import type Discourse from "../types/discourse";
 import {
-  selectGatewayNode,
   getUniqueDomainName,
   GatewayNodes,
   selectSpecificGatewayNode,
 } from "./gatewayHelpers";
 import { Network } from "../types/kubernetes";
-import type { IProfile } from "../types/Profile";
 import createNetwork from "./createNetwork";
 import deploy from "./deploy";
 import rootFs from "./rootFs";
 import destroy from "./destroy";
 import checkVMExist, { checkGW } from "./prepareDeployment";
+import type { ActiveProfile } from "../stores/activeProfile";
 
 export default async function deployDiscourse(
   data: Discourse,
-  profile: IProfile,
+  profile: ActiveProfile,
   gateway: GatewayNodes
 ) {
   let domainName = await getUniqueDomainName(profile, data.name, "discourse");
@@ -27,10 +26,6 @@ export default async function deployDiscourse(
 
   const planetaryIP = deploymentInfo["planetary"] as string;
 
-  // const publicIP = deploymentInfo[0]["publicIP"]
-  //   ? deploymentInfo[0]["publicIP"]["ip"].split("/")[0]
-  //   : "";
-
   try {
     await deployPrefixGateway(profile, domainName, planetaryIP, publicNodeId);
   } catch (error) {
@@ -42,7 +37,7 @@ export default async function deployDiscourse(
   return { deploymentInfo };
 }
 
-async function depoloyDiscourseVM(data: Discourse, profile: IProfile) {
+async function depoloyDiscourseVM(data: Discourse, profile: ActiveProfile) {
   const { generateString, MachinesModel, DiskModel, MachineModel } =
     window.configs.grid3_client;
 
@@ -82,7 +77,7 @@ async function depoloyDiscourseVM(data: Discourse, profile: IProfile) {
   machine.rootfs_size = rootFs(cpu, memory);
   machine.entrypoint = "/.start_discourse.sh";
   machine.env = {
-    SSH_KEY: profile.sshKey,
+    SSH_KEY: profile.ssh,
     DISCOURSE_HOSTNAME: domain,
     DISCOURSE_DEVELOPER_EMAILS: developerEmail,
 
@@ -118,7 +113,7 @@ async function depoloyDiscourseVM(data: Discourse, profile: IProfile) {
 }
 
 async function deployPrefixGateway(
-  profile: IProfile,
+  profile: ActiveProfile,
   domainName: string,
   backend: string,
   publicNodeId: number
diff --git a/src/utils/deployFunkwhale.ts b/src/utils/deployFunkwhale.ts
index 72daa2f1..6a7c8be4 100644
--- a/src/utils/deployFunkwhale.ts
+++ b/src/utils/deployFunkwhale.ts
@@ -1,9 +1,7 @@
 import type { default as Funkwhale } from "../types/funkwhale";
-import type { IProfile } from "../types/Profile";
 import { Network } from "../types/kubernetes";
 
 import {
-  selectGatewayNode,
   getUniqueDomainName,
   GatewayNodes,
   selectSpecificGatewayNode,
@@ -13,10 +11,11 @@ import deploy from "./deploy";
 import rootFs from "./rootFs";
 import destroy from "./destroy";
 import checkVMExist, { checkGW } from "./prepareDeployment";
+import type { ActiveProfile } from "../stores/activeProfile";
 
 export default async function deployFunkwhale(
   data: Funkwhale,
-  profile: IProfile,
+  profile: ActiveProfile,
   gateway: GatewayNodes
 ) {
   // gateway model: <solution-type><twin-id><solution_name>
@@ -42,7 +41,7 @@ export default async function deployFunkwhale(
   return { deploymentInfo };
 }
 
-async function deployFunkwhaleVM(profile: IProfile, data: Funkwhale) {
+async function deployFunkwhaleVM(profile: ActiveProfile, data: Funkwhale) {
   const { DiskModel, MachineModel, MachinesModel, generateString } =
     window.configs.grid3_client;
 
@@ -116,7 +115,7 @@ async function deployFunkwhaleVM(profile: IProfile, data: Funkwhale) {
 }
 
 async function deployPrefixGateway(
-  profile: IProfile,
+  profile: ActiveProfile,
   domainName: string,
   backend: string,
   publicNodeId: number
diff --git a/src/utils/deployKubernetes.ts b/src/utils/deployKubernetes.ts
index eb3ca654..5f25bf9d 100644
--- a/src/utils/deployKubernetes.ts
+++ b/src/utils/deployKubernetes.ts
@@ -1,12 +1,12 @@
+import type { ActiveProfile } from "../stores/activeProfile";
 import type { default as Kubernetes, Base } from "../types/kubernetes";
 import { Network } from "../types/kubernetes";
-import type { IProfile } from "../types/Profile";
 import createNetwork from "./createNetwork";
 import deploy from "./deploy";
 
 export default async function deployKubernetes(
   data: Kubernetes,
-  profile: IProfile
+  profile: ActiveProfile
 ) {
   const { master, workers, network: nw, ...base } = data;
   const { secret, description, metadata, name } = base;
@@ -22,7 +22,7 @@ export default async function deployKubernetes(
   k8s.workers = workerNodes;
   k8s.metadata = metadata;
   k8s.description = description;
-  k8s.ssh_key = profile.sshKey;
+  k8s.ssh_key = profile.ssh;
 
   const metadate = {
     type: "kubernetes",
diff --git a/src/utils/deployMattermost.ts b/src/utils/deployMattermost.ts
index 350d39fc..dbd1ca18 100644
--- a/src/utils/deployMattermost.ts
+++ b/src/utils/deployMattermost.ts
@@ -1,11 +1,9 @@
 import type Mattermost from "../types/mattermost";
-import type { IProfile } from "../types/Profile";
 import { Network } from "../types/kubernetes";
 
 import {
   GatewayNodes,
   getUniqueDomainName,
-  selectGatewayNode,
   selectSpecificGatewayNode,
 } from "./gatewayHelpers";
 import createNetwork from "./createNetwork";
@@ -13,9 +11,10 @@ import deploy from "./deploy";
 import rootFs from "./rootFs";
 import destroy from "./destroy";
 import checkVMExist, { checkGW } from "./prepareDeployment";
+import type { ActiveProfile } from "../stores/activeProfile";
 
 export default async function deployMattermost(
-  profile: IProfile,
+  profile: ActiveProfile,
   mattermost: Mattermost,
   gateway: GatewayNodes
 ) {
@@ -42,9 +41,8 @@ export default async function deployMattermost(
   return matterMostVm;
 }
 
-function _deployMatterMost(profile: IProfile, mattermost: Mattermost) {
-  const { MachineModel, MachinesModel, generateString } =
-    window.configs.grid3_client;
+function _deployMatterMost(profile: ActiveProfile, mattermost: Mattermost) {
+  const { MachineModel, MachinesModel } = window.configs.grid3_client;
 
   const {
     name,
@@ -56,13 +54,10 @@ function _deployMatterMost(profile: IProfile, mattermost: Mattermost) {
     nodeId,
     cpu,
     memory,
-    disks,
     publicIp,
     smtpPassword,
   } = mattermost;
 
-  let randomSuffix = generateString(10).toLowerCase();
-
   const vm = new MachineModel();
   vm.name = name;
   vm.node_id = nodeId;
@@ -81,7 +76,7 @@ function _deployMatterMost(profile: IProfile, mattermost: Mattermost) {
     SMTPPassword: smtpPassword,
     SMTPServer: server,
     SMTPPort: port,
-    SSH_KEY: profile.sshKey,
+    SSH_KEY: profile.ssh,
   };
 
   const vms = new MachinesModel();
@@ -107,7 +102,7 @@ function _deployMatterMost(profile: IProfile, mattermost: Mattermost) {
 }
 
 function _deployGateway(
-  profile: IProfile,
+  profile: ActiveProfile,
   name: string,
   ip: string,
   nodeId: number
diff --git a/src/utils/deployOwncloud.ts b/src/utils/deployOwncloud.ts
index 3b8984a0..bbd11c8a 100644
--- a/src/utils/deployOwncloud.ts
+++ b/src/utils/deployOwncloud.ts
@@ -1,5 +1,4 @@
 import type { default as Owncloud } from "../types/owncloud";
-import type { IProfile } from "../types/Profile";
 import checkVMExist, { checkGW } from "./prepareDeployment";
 import deploy from "./deploy";
 import destroy from "./destroy";
@@ -11,10 +10,11 @@ import {
   selectSpecificGatewayNode,
 } from "./gatewayHelpers";
 import rootFs from "./rootFs";
+import type { ActiveProfile } from "../stores/activeProfile";
 
 export default async function deployOwncloud(
   data: Owncloud,
-  profile: IProfile,
+  profile: ActiveProfile,
   gateway: GatewayNodes
 ) {
   // gateway model: <solution-type><twin-id><solution_name>
@@ -41,7 +41,7 @@ export default async function deployOwncloud(
   return { deploymentInfo };
 }
 
-async function deployOwncloudVM(profile: IProfile, data: Owncloud) {
+async function deployOwncloudVM(profile: ActiveProfile, data: Owncloud) {
   const {
     DiskModel,
     MachineModel,
@@ -111,7 +111,7 @@ async function deployOwncloudVM(profile: IProfile, data: Owncloud) {
     emailDomain = email[1];
   }
   vm.env = {
-    SSH_KEY: profile.sshKey,
+    SSH_KEY: profile.ssh,
     OWNCLOUD_DOMAIN: domain,
     OWNCLOUD_ADMIN_USERNAME: adminUsername,
     OWNCLOUD_ADMIN_PASSWORD: adminPassword,
@@ -149,7 +149,7 @@ async function deployOwncloudVM(profile: IProfile, data: Owncloud) {
 }
 
 async function deployPrefixGateway(
-  profile: IProfile,
+  profile: ActiveProfile,
   domainName: string,
   backend: string,
   publicNodeId: number
diff --git a/src/utils/deployPeertube.ts b/src/utils/deployPeertube.ts
index f7e6eb6d..850350e2 100644
--- a/src/utils/deployPeertube.ts
+++ b/src/utils/deployPeertube.ts
@@ -1,9 +1,7 @@
 import type { default as Peertube } from "../types/peertube";
-import type { IProfile } from "../types/Profile";
 import { Network } from "../types/kubernetes";
 
 import {
-  selectGatewayNode,
   getUniqueDomainName,
   selectSpecificGatewayNode,
   GatewayNodes,
@@ -13,10 +11,11 @@ import deploy from "./deploy";
 import rootFs from "./rootFs";
 import destroy from "./destroy";
 import checkVMExist, { checkGW } from "./prepareDeployment";
+import type { ActiveProfile } from "../stores/activeProfile";
 
 export default async function deployPeertube(
   data: Peertube,
-  profile: IProfile,
+  profile: ActiveProfile,
   gateway: GatewayNodes
 ) {
   // gateway model: <solution-type><twin-id><solution_name>
@@ -43,7 +42,7 @@ export default async function deployPeertube(
   return { deploymentInfo };
 }
 
-async function deployPeertubeVM(profile: IProfile, data: Peertube) {
+async function deployPeertubeVM(profile: ActiveProfile, data: Peertube) {
   const { DiskModel, MachineModel, MachinesModel, generateString } =
     window.configs.grid3_client;
 
@@ -87,7 +86,7 @@ async function deployPeertubeVM(profile: IProfile, data: Peertube) {
   vm.flist = "https://hub.grid.tf/tf-official-apps/peertube-v3.1.1.flist";
   vm.entrypoint = "/sbin/zinit init";
   vm.env = {
-    SSH_KEY: profile.sshKey,
+    SSH_KEY: profile.ssh,
     PEERTUBE_ADMIN_EMAIL: adminEmail,
     PT_INITIAL_ROOT_PASSWORD: adminPassword,
     PEERTUBE_WEBSERVER_HOSTNAME: domain,
@@ -117,7 +116,7 @@ async function deployPeertubeVM(profile: IProfile, data: Peertube) {
 }
 
 async function deployPrefixGateway(
-  profile: IProfile,
+  profile: ActiveProfile,
   domainName: string,
   backend: string,
   publicNodeId: number
diff --git a/src/utils/deployPresearch.ts b/src/utils/deployPresearch.ts
index b7865b46..1efbd5d3 100644
--- a/src/utils/deployPresearch.ts
+++ b/src/utils/deployPresearch.ts
@@ -1,5 +1,4 @@
 import type Presearch from "../types/presearch";
-import type { IProfile } from "../types/Profile";
 
 import { Network } from "../types/kubernetes";
 import createNetwork from "./createNetwork";
@@ -7,17 +6,18 @@ import createNetwork from "./createNetwork";
 import rootFs from "./rootFs";
 import deploy from "./deploy";
 import checkVMExist from "./prepareDeployment";
+import type { ActiveProfile } from "../stores/activeProfile";
 
 export default async function deployPresearch(
   data: Presearch,
-  profile: IProfile
+  profile: ActiveProfile
 ) {
   const deploymentInfo = await depoloyPresearchVM(data, profile);
   return { deploymentInfo };
 }
 
-async function depoloyPresearchVM(data: Presearch, profile: IProfile) {
-  const { MachinesModel, DiskModel, MachineModel, generateString } =
+async function depoloyPresearchVM(data: Presearch, profile: ActiveProfile) {
+  const { MachinesModel, MachineModel, generateString } =
     window.configs.grid3_client;
 
   const {
@@ -55,7 +55,7 @@ async function depoloyPresearchVM(data: Presearch, profile: IProfile) {
   machine.rootfs_size = rootFs(cpu, memory);
   machine.entrypoint = "/sbin/zinit init";
   machine.env = {
-    SSH_KEY: profile.sshKey,
+    SSH_KEY: profile.ssh,
     PRESEARCH_REGISTRATION_CODE: preCode,
     PRESEARCH_BACKUP_PRI_KEY: privateRestoreKey,
     PRESEARCH_BACKUP_PUB_KEY: publicRestoreKey,
diff --git a/src/utils/deploySubsquid.ts b/src/utils/deploySubsquid.ts
index 11521a0c..eb2647a0 100644
--- a/src/utils/deploySubsquid.ts
+++ b/src/utils/deploySubsquid.ts
@@ -1,9 +1,7 @@
 import type { default as Subsquid } from "../types/subsquid";
-import type { IProfile } from "../types/Profile";
 import { Network } from "../types/kubernetes";
 
 import {
-  selectGatewayNode,
   getUniqueDomainName,
   GatewayNodes,
   selectSpecificGatewayNode,
@@ -13,10 +11,11 @@ import deploy from "./deploy";
 import rootFs from "./rootFs";
 import destroy from "./destroy";
 import checkVMExist, { checkGW } from "./prepareDeployment";
+import type { ActiveProfile } from "../stores/activeProfile";
 
 export default async function deploySubsquid(
   data: Subsquid,
-  profile: IProfile,
+  profile: ActiveProfile,
   gateway: GatewayNodes
 ) {
   // gateway model: <solution-type><twin-id><solution_name>
@@ -44,7 +43,7 @@ export default async function deploySubsquid(
   return { deploymentInfo };
 }
 
-async function deploySubsquidVM(profile: IProfile, data: Subsquid) {
+async function deploySubsquidVM(profile: ActiveProfile, data: Subsquid) {
   const { DiskModel, MachineModel, MachinesModel, generateString } =
     window.configs.grid3_client;
 
@@ -87,7 +86,7 @@ async function deploySubsquidVM(profile: IProfile, data: Subsquid) {
   vm.flist = "https://hub.grid.tf/tf-official-apps/subsquid-latest.flist";
   vm.entrypoint = "/sbin/zinit init";
   vm.env = {
-    SSH_KEY: profile.sshKey,
+    SSH_KEY: profile.ssh,
     CHAIN_ENDPOINT: endPoint,
     SUBSQUID_WEBSERVER_HOSTNAME: domain,
   };
@@ -116,7 +115,7 @@ async function deploySubsquidVM(profile: IProfile, data: Subsquid) {
 }
 
 async function deployPrefixGateway(
-  profile: IProfile,
+  profile: ActiveProfile,
   domainName: string,
   backend: string,
   publicNodeId: number
diff --git a/src/utils/deployTFhubValidator.ts b/src/utils/deployTFhubValidator.ts
index f824a322..aeaa9a28 100644
--- a/src/utils/deployTFhubValidator.ts
+++ b/src/utils/deployTFhubValidator.ts
@@ -1,5 +1,4 @@
 import type TFhubValidator from "../types/TFhubValidator";
-import type { IProfile } from "../types/Profile";
 import { Network } from "../types/kubernetes";
 
 import createNetwork from "./createNetwork";
@@ -7,10 +6,11 @@ import deploy from "./deploy";
 import rootFs from "./rootFs";
 import checkVMExist from "./prepareDeployment";
 import { configVariables, setStakeAmount, getNetwork } from "../utils/tfhubValidatorConf"
+import type { ActiveProfile } from "../stores/activeProfile";
 
 
 export default async function deployTFhubValidator(
-  profile: IProfile,
+  profile: ActiveProfile,
   tfhubValidator: TFhubValidator
   ) {
     
@@ -22,7 +22,7 @@ export default async function deployTFhubValidator(
 }
 
 function _deployTfHubValidator(
-        profile: IProfile, tfhubValidator: TFhubValidator
+        profile: ActiveProfile, tfhubValidator: TFhubValidator
     ) {
 
     const {
@@ -89,7 +89,7 @@ function _deployTfHubValidator(
     GAS_PRICES: gas_prices,
     GAS_ADJUSTMENT: gas_adjustment,
     ORCHESTRATOR_FEES: orchestrator_fees,
-    SSH_KEY: profile.sshKey,
+    SSH_KEY: profile.ssh,
   };
 
   const vms = new MachinesModel();
diff --git a/src/utils/deployTaiga.ts b/src/utils/deployTaiga.ts
index d0b9f65a..4afede5a 100644
--- a/src/utils/deployTaiga.ts
+++ b/src/utils/deployTaiga.ts
@@ -1,9 +1,7 @@
 import type { default as Taiga } from "../types/taiga";
-import type { IProfile } from "../types/Profile";
 import deploy from "./deploy";
 
 import {
-  selectGatewayNode,
   getUniqueDomainName,
   selectSpecificGatewayNode,
   GatewayNodes,
@@ -11,10 +9,11 @@ import {
 import rootFs from "./rootFs";
 import destroy from "./destroy";
 import checkVMExist, { checkGW } from "./prepareDeployment";
+import type { ActiveProfile } from "../stores/activeProfile";
 
 export default async function deployTaiga(
   data: Taiga,
-  profile: IProfile,
+  profile: ActiveProfile,
   gateway: GatewayNodes
 ) {
   // gateway model: <solution-type><twin-id><solution_name>
@@ -40,7 +39,7 @@ export default async function deployTaiga(
   return { deploymentInfo };
 }
 
-async function deployTaigaVM(profile: IProfile, data: Taiga) {
+async function deployTaigaVM(profile: ActiveProfile, data: Taiga) {
   const {
     DiskModel,
     MachineModel,
@@ -96,7 +95,7 @@ async function deployTaigaVM(profile: IProfile, data: Taiga) {
     "https://hub.grid.tf/tf-official-apps/grid3_taiga_docker-latest.flist";
   vm.entrypoint = "/sbin/zinit init";
   vm.env = {
-    SSH_KEY: profile.sshKey,
+    SSH_KEY: profile.ssh,
     DOMAIN_NAME: domain,
     ADMIN_USERNAME: adminUsername,
     ADMIN_PASSWORD: adminPassword,
@@ -133,7 +132,7 @@ async function deployTaigaVM(profile: IProfile, data: Taiga) {
 }
 
 async function deployPrefixGateway(
-  profile: IProfile,
+  profile: ActiveProfile,
   domainName: string,
   backend: string,
   publicNodeId: number
diff --git a/src/utils/deployVM.ts b/src/utils/deployVM.ts
index c79d0e5e..3595e564 100644
--- a/src/utils/deployVM.ts
+++ b/src/utils/deployVM.ts
@@ -1,16 +1,16 @@
-import type { default as VM, Disk, Env } from "../types/vm";
-import createNetwork from "./createNetwork";
+import type { default as VM, Disk, Env } from '../types/vm';
+import createNetwork from './createNetwork';
 
-import type { IProfile } from "../types/Profile";
-import deploy from "./deploy";
-import type { IStore } from "../stores/currentDeployment";
-import checkVMExist from "./prepareDeployment";
-import { Network } from "../types/kubernetes";
+import deploy from './deploy';
+import type { IStore } from '../stores/currentDeployment';
+import checkVMExist from './prepareDeployment';
+import { Network } from '../types/kubernetes';
+import type { ActiveProfile } from '../stores/activeProfile';
 
 export default async function deployVM(
   data: VM,
-  profile: IProfile,
-  type: IStore["type"]
+  profile: ActiveProfile,
+  type: IStore['type']
 ) {
   const { MachineModel, MachinesModel } = window.configs.grid3_client;
   const { envs, disks, rootFs, ...base } = data;
@@ -36,14 +36,14 @@ export default async function deployVM(
   vms.network = createNetwork(new Network());
   vms.machines = [vm];
   const metadate = {
-    type: "vm",
+    type: 'vm',
     name: name,
-    projectName: type == "VM" ? "" : type,
+    projectName: type == 'VM' ? '' : type,
   };
   vms.metadata = JSON.stringify(metadate);
 
   return deploy(profile, type, name, async (grid) => {
-    if (type != "VM") await checkVMExist(grid, type.toLocaleLowerCase(), name);
+    if (type != 'VM') await checkVMExist(grid, type.toLocaleLowerCase(), name);
     return grid.machines
       .deploy(vms)
       .then(() => grid.machines.getObj(name))
diff --git a/src/utils/destroy.ts b/src/utils/destroy.ts
index f54e32f2..a402f37f 100644
--- a/src/utils/destroy.ts
+++ b/src/utils/destroy.ts
@@ -1,12 +1,11 @@
-import type { IProfile } from "../types/Profile";
-import type { IStore } from "../stores/currentDeployment";
+import type { ActiveProfile } from "../stores/activeProfile";
 
-export default function destroy(profile: IProfile, type: string, name: string) {
-  const { networkEnv, mnemonics, storeSecret } = profile;
+export default function destroy(profile: ActiveProfile, type: string, name: string) {
+  const { network, mnemonics, secret } = profile;
   const client = new window.configs.grid3_client.GridClient(
-    networkEnv as any,
+    network,
     mnemonics,
-    storeSecret,
+    secret,
     new window.configs.client.HTTPMessageBusClient(0, "", "", ""),
     type,
     window.configs.grid3_client.BackendStorageType.tfkvstore
diff --git a/src/utils/fetchCountries.ts b/src/utils/fetchCountries.ts
index 24b8281c..58be72df 100644
--- a/src/utils/fetchCountries.ts
+++ b/src/utils/fetchCountries.ts
@@ -1,11 +1,14 @@
-import type { IProfile } from "../types/Profile";
+import type { ActiveProfile } from '../stores/activeProfile';
 
-export async function fetchCountries(profile: IProfile) : Promise<any> {
-    const { networkEnv } = profile;
-    return fetch(`https://gridproxy.${networkEnv}.grid.tf/stats?status=up`, {
-      method: "GET",
-    })
-      .then(response => response.json())
-      .then(response => response["nodesDistribution"])
-      .catch((err) => {console.log(err) ; return err});
-  }
+export async function fetchCountries(profile: ActiveProfile): Promise<any> {
+  const { network } = profile;
+  return fetch(`https://gridproxy.${network}.grid.tf/stats?status=up`, {
+    method: 'GET',
+  })
+    .then((response) => response.json())
+    .then((response) => response['nodesDistribution'])
+    .catch((err) => {
+      console.log(err);
+      return err;
+    });
+}
diff --git a/src/utils/fetchFarms.ts b/src/utils/fetchFarms.ts
index 260fd010..95c61b43 100644
--- a/src/utils/fetchFarms.ts
+++ b/src/utils/fetchFarms.ts
@@ -1,8 +1,8 @@
 import type { FilterOptions } from "grid3_client";
-import type { IProfile } from "../types/Profile";
 import gqlApi from "./gqlApi";
 import { getBlockedFarmsIDs } from "./findNodes";
 import paginatedFetcher from "./paginatedFetcher";
+import type { ActiveProfile } from "../stores/activeProfile";
 
 const queryCount = `
 query GetLimits {
@@ -40,7 +40,7 @@ interface IQueryData {
 }
 
 export default function fetchFarms(
-  profile: IProfile,
+  profile: ActiveProfile,
   filters: FilterOptions,
   exclusiveFor: string
 ) {
@@ -69,7 +69,7 @@ export default function fetchFarms(
     });
 }
 
-export async function getOnlineFarms(profile, farms, exclusiveFor, publicIp) {
+export async function getOnlineFarms(profile: ActiveProfile, farms, exclusiveFor, publicIp) {
   let blockedFarms = [];
   let onlineFarmsSet = new Set();
   let onlineFarmsArr = [];
@@ -78,13 +78,13 @@ export async function getOnlineFarms(profile, farms, exclusiveFor, publicIp) {
     // no need for exclusive for if we have an ip
     blockedFarms = await getBlockedFarmsIDs(
       exclusiveFor,
-      `https://gridproxy.${profile.networkEnv}.grid.tf`,
-      `https://graphql.${profile.networkEnv}.grid.tf/graphql`
+      `https://gridproxy.${profile.network}.grid.tf`,
+      `https://graphql.${profile.network}.grid.tf/graphql`
     );
   }
 
   const upNodes = await paginatedFetcher(
-    `https://gridproxy.${profile.networkEnv}.grid.tf/nodes?&status=up`,
+    `https://gridproxy.${profile.network}.grid.tf/nodes?&status=up`,
     0,
     50
   );
diff --git a/src/utils/findNodes.ts b/src/utils/findNodes.ts
index 25244ad8..82c8840f 100644
--- a/src/utils/findNodes.ts
+++ b/src/utils/findNodes.ts
@@ -1,28 +1,32 @@
-import type { ISelectOption } from "../types";
-import type { IProfile } from "../types/Profile";
-import type { FilterOptions } from "grid3_client";
+import type { ISelectOption } from '../types';
+import type { FilterOptions } from 'grid3_client';
+import type { ActiveProfile } from '../stores/activeProfile';
 
 export default function findNodes(
   filters: FilterOptions,
-  profile: IProfile,
-  exclusiveFor = ""
+  profile: ActiveProfile,
+  exclusiveFor = ''
 ): Promise<ISelectOption[]> {
   return new Promise(async (res) => {
-    const { networkEnv } = profile;
+    const { network } = profile;
     const grid = new window.configs.grid3_client.GridClient(
-      "" as any,
-      "",
-      "",
+      '' as any,
+      '',
+      '',
       null
     );
 
-    const { graphql, rmbProxy } = grid.getDefaultUrls(networkEnv as any);
-    const nodes = new window.configs.grid3_client.Nodes(graphql, rmbProxy, grid.rmbClient);
+    const { graphql, rmbProxy } = grid.getDefaultUrls(network);
+    const nodes = new window.configs.grid3_client.Nodes(
+      graphql,
+      rmbProxy,
+      grid.rmbClient
+    );
 
     try {
       let avilableNodes = await nodes.filterNodes(filters);
 
-      if (!filters.publicIPs && exclusiveFor != "") {
+      if (!filters.publicIPs && exclusiveFor != '') {
         const blockedNodes = await getBlockedNodesIDs(
           exclusiveFor,
           rmbProxy,
@@ -43,7 +47,7 @@ export default function findNodes(
             });
             avilableNodes = exclude(blockedNodes, avilableNodes);
           } catch (err) {
-            console.log("End of the pages.");
+            console.log('End of the pages.');
             break;
           }
         }
@@ -57,7 +61,7 @@ export default function findNodes(
       });
       res(resNodes);
     } catch (err) {
-      console.log("Error findNodes", err);
+      console.log('Error findNodes', err);
       res([]);
     }
   });
@@ -79,7 +83,7 @@ async function getBlockedNodesIDs(
   );
 
   // get all the nodeIds of all the farms
-  let farmsIDs = `[${blockedFarmsIDs.join(", ")}]`;
+  let farmsIDs = `[${blockedFarmsIDs.join(', ')}]`;
   const res = await gqlClient.query(
     `query MyQuery {
       nodes(where: {farmID_in: ${farmsIDs}}) {
@@ -87,7 +91,7 @@ async function getBlockedNodesIDs(
       }
     }`
   );
-  let farmNodesIDs = [...res.data["nodes"]];
+  let farmNodesIDs = [...res.data['nodes']];
 
   return farmNodesIDs;
 }
@@ -119,7 +123,7 @@ export async function getBlockedFarmsIDs(
   let farmIds = new Set<number>();
   for (let nodeId of nodeIds) {
     const res = await fetch(`${rmbProxy}/nodes/${nodeId}`);
-    farmIds.add((await res.json())["farmId"]);
+    farmIds.add((await res.json())['farmId']);
   }
   let farmIdsarr = Array.from(farmIds);
 
diff --git a/src/utils/gatewayHelpers.ts b/src/utils/gatewayHelpers.ts
index 2e4ff0f1..3f0e9763 100644
--- a/src/utils/gatewayHelpers.ts
+++ b/src/utils/gatewayHelpers.ts
@@ -1,11 +1,26 @@
+import { get } from "svelte/store";
+import type { ActiveProfile } from "../stores/activeProfile";
 import { solutionList } from "../stores/solutionsList";
+import getGrid from "./getGrid";
 
 export interface GatewayNodes {
   nodeDomain: string;
   nodeId: number;
   idx?: number;
 }
+
+async function _checkGrid() {
+  const { GridClient } = window.configs.grid3_client;
+
+  if (!GridClient.config) {
+    const grid = await getGrid(get(window.configs.activeProfileStore), _ => _);
+    await grid.connect();
+  }
+}
+
 export async function selectGatewayNode(): Promise<[number, string]> {
+  await _checkGrid();
+
   const { GridClient, Nodes, randomChoice } = window.configs.grid3_client;
 
   const nodes = new Nodes(
@@ -31,6 +46,8 @@ export function selectSpecificGatewayNode(
 }
 
 export async function LoadGatewayNodes(): Promise<GatewayNodes[]> {
+  await _checkGrid();
+
   const { GridClient, Nodes } = window.configs.grid3_client;
   const nodes = new Nodes(
     GridClient.config.graphqlURL,
@@ -49,12 +66,14 @@ export async function LoadGatewayNodes(): Promise<GatewayNodes[]> {
 
   return gws;
 }
-export async function getUniqueDomainName(profile, name, solutionType) {
-  const { networkEnv, mnemonics, storeSecret } = profile;
+export async function getUniqueDomainName(profile: ActiveProfile, name, solutionType) {
+  await _checkGrid();
+
+  const { network, mnemonics, secret } = profile;
   const client = new window.configs.grid3_client.GridClient(
-    networkEnv as any,
+    network,
     mnemonics,
-    storeSecret,
+    secret,
     new window.configs.client.HTTPMessageBusClient(0, "", "", ""),
     solutionType,
     window.configs.grid3_client.BackendStorageType.tfkvstore
diff --git a/src/utils/getBalance.ts b/src/utils/getBalance.ts
index 70aac1ac..88493afb 100644
--- a/src/utils/getBalance.ts
+++ b/src/utils/getBalance.ts
@@ -1,7 +1,7 @@
-import type { IProfile } from "../types/Profile";
-import getGrid from "./getGrid";
+import type { ActiveProfile } from '../stores/activeProfile';
+import getGrid from './getGrid';
 
-export default async function getBalance(profile: IProfile) {
+export default async function getBalance(profile: ActiveProfile) {
   if (!profile) return null;
 
   return getGrid(profile, (grid) => {
@@ -11,4 +11,3 @@ export default async function getBalance(profile: IProfile) {
       .then((res) => res);
   });
 }
-
diff --git a/src/utils/getContractsConsumption.ts b/src/utils/getContractsConsumption.ts
index bb37e764..818916db 100644
--- a/src/utils/getContractsConsumption.ts
+++ b/src/utils/getContractsConsumption.ts
@@ -1,5 +1,5 @@
 import type { GridClient } from "grid3_client";
-import type { IProfile } from "../types/Profile";
+import type { ActiveProfile } from "../stores/activeProfile";
 import formatConsumption from "./formatConsumption";
 import getGrid from "./getGrid";
 
@@ -21,7 +21,7 @@ function _getConsumption(id: number, grid: GridClient) {
 }
 
 export default function getContractsConsumption(
-  profile: IProfile,
+  profile: ActiveProfile,
   contracts: { id: number }[]
 ) {
   return getGrid(profile, (grid) => {
diff --git a/src/utils/getGrid.ts b/src/utils/getGrid.ts
index a46abb94..9b58e47a 100644
--- a/src/utils/getGrid.ts
+++ b/src/utils/getGrid.ts
@@ -1,18 +1,16 @@
-import type { IProfile } from "../types/Profile";
-import type { GridClient } from "grid3_client";
+import type { GridClient, NetworkEnv } from 'grid3_client';
+import type { Profile } from 'tf-profile-manager';
 
 export default async function getGrid<T>(
-  profile: IProfile,
-  cb: (grid: GridClient) => T,
-  disconnect: boolean = true,
-  solutionType?: string
+  profile: Profile,
+  cb: (grid: GridClient) => T
 ): Promise<T> {
-  const { networkEnv, mnemonics, storeSecret } = profile;
+  const { network, mnemonics, secret } = profile;
   const grid = new window.configs.grid3_client.GridClient(
-    networkEnv as any,
+    network as NetworkEnv,
     mnemonics,
-    storeSecret,
-    new window.configs.client.HTTPMessageBusClient(0, "", "", ""),
+    secret,
+    new window.configs.client.HTTPMessageBusClient(0, '', '', ''),
     undefined,
     window.configs.grid3_client.BackendStorageType.tfkvstore
   );
diff --git a/src/utils/gqlApi.ts b/src/utils/gqlApi.ts
index 8d81d0e3..7873376c 100644
--- a/src/utils/gqlApi.ts
+++ b/src/utils/gqlApi.ts
@@ -1,25 +1,24 @@
-import type { IProfile } from "../types/Profile";
+import type { ActiveProfile } from '../stores/activeProfile';
 
 export default function gqlApi<T>(
-  profile: IProfile,
-  // name: string,
+  profile: ActiveProfile,
   query: string,
   variables: Object = {}
 ): Promise<T> {
-  const { networkEnv } = profile;
+  const { network } = profile;
   const grid = new window.configs.grid3_client.GridClient(
-    "" as any,
-    "",
-    "",
+    '' as any,
+    '',
+    '',
     null
   );
 
-  const { graphql } = grid.getDefaultUrls(networkEnv as any);
+  const { graphql } = grid.getDefaultUrls(network);
 
   return fetch(graphql, {
-    method: "POST",
+    method: 'POST',
     headers: {
-      "Content-Type": "application/json",
+      'Content-Type': 'application/json',
     },
     body: JSON.stringify({ query, variables }),
   })
diff --git a/src/utils/hasEnoughBalance.ts b/src/utils/hasEnoughBalance.ts
index 2121189c..4e9a9934 100644
--- a/src/utils/hasEnoughBalance.ts
+++ b/src/utils/hasEnoughBalance.ts
@@ -1,7 +1,7 @@
-import type { IProfile } from "../types/Profile";
+import { get } from 'svelte/store';
 
 export default function hasEnoughBalance(amount = 2) {
-  // const { balance } = profile;
-  const balance = window.configs.balanceStore.getBalance();
-  return balance && balance >= amount;
+  const activeProfile = get(window.configs.activeProfileStore);
+  const value = get(activeProfile.balance);
+  return value && value.balance && value.balance >= amount;
 }
diff --git a/src/utils/nodeExists.ts b/src/utils/nodeExists.ts
index 758fb34e..b8c4606f 100644
--- a/src/utils/nodeExists.ts
+++ b/src/utils/nodeExists.ts
@@ -1,9 +1,9 @@
-import type { IProfile } from "../types/Profile";
+import type { ActiveProfile } from "../stores/activeProfile";
 
-export default async function nodeExists(profile: IProfile, nodeId:number) : Promise<boolean> {
-  const { networkEnv } = profile;
+export default async function nodeExists(profile: ActiveProfile, nodeId:number) : Promise<boolean> {
+  const { network } = profile;
   
-  return fetch(`https://gridproxy.${networkEnv}.grid.tf/nodes/${nodeId}`, {
+  return fetch(`https://gridproxy.${network}.grid.tf/nodes/${nodeId}`, {
     method: "GET",
   })
     .then((res) => {console.log(res); return (res.status >= 200 && res.status < 400) ? true : false})
diff --git a/src/utils/validateMnemonics.ts b/src/utils/validateMnemonics.ts
index f017bb62..e40880c5 100644
--- a/src/utils/validateMnemonics.ts
+++ b/src/utils/validateMnemonics.ts
@@ -1,12 +1,12 @@
-import type { IProfile } from "../types/Profile";
+import type { ActiveProfile } from "../stores/activeProfile";
 
-export default function validateMnemonics(profile: IProfile) {
-  const { networkEnv, mnemonics, storeSecret } = profile;
+export default function validateMnemonics(profile: ActiveProfile) {
+  const { network, mnemonics, secret } = profile;
   const http = new window.configs.client.HTTPMessageBusClient(0, "", "", "");
   const grid = new window.configs.grid3_client.GridClient(
-    networkEnv as any,
+    network,
     mnemonics,
-    storeSecret,
+    secret,
     http,
     undefined,
     "tfkvstore" as any
diff --git a/src/utils/validateNode.ts b/src/utils/validateNode.ts
index 2c409e52..26a311bf 100644
--- a/src/utils/validateNode.ts
+++ b/src/utils/validateNode.ts
@@ -1,8 +1,8 @@
-import type { IProfile } from "../types/Profile";
+import type { ActiveProfile } from "../stores/activeProfile";
 import findNodes from "./findNodes";
 
 export default function validateNode(
-  profile: IProfile,
+  profile: ActiveProfile,
   cru: number,
   mru: number,
   sru: number,
diff --git a/yarn.lock b/yarn.lock
index c5d63ca7..3be0ed3c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8098,6 +8098,11 @@ terser@^5.0.0, terser@^5.14.1:
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
+tf-profile-manager@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/tf-profile-manager/-/tf-profile-manager-1.0.0.tgz#dc35184787f75803921f8e3dfaec582984e9e04a"
+  integrity sha512-NgvZnFxiUUx06AkQH6UAq9meDd1ypFmkqdnjsPV0TAMcJuxtf6uKo002aLFbxf1u7XrxV/qzYMWpXw+akBonPQ==
+
 tfgrid-api-client@1.16.4:
   version "1.16.4"
   resolved "https://registry.yarnpkg.com/tfgrid-api-client/-/tfgrid-api-client-1.16.4.tgz#04301a465ff148083884cd64bd5bcb4696a9aa04"
