diff --git a/frontend/src/components/pane/modules/difexp/DEValuePane.vue b/frontend/src/components/pane/modules/difexp/DEValuePane.vue
index 30a1777c..6922732c 100644
--- a/frontend/src/components/pane/modules/difexp/DEValuePane.vue
+++ b/frontend/src/components/pane/modules/difexp/DEValuePane.vue
@@ -4,12 +4,17 @@
       <span class="text-sm font-normal">{{ active_decoloumn }}</span>
     </header>
 
-    <Tabs :value="active_section" @update:value="change_section">
+    <Tabs :value="active_section">
       <div
         :class="`${active_section ? '!pt-2 !border-t !border-slate-700 !mt-2' : ''} px-2.5 -mx-2.5 max-h-[10rem] overflow-auto overflow-x-visible`">
         <TabPanels class="!p-0">
-          <TabPanel value="statistics">
-            <h3 class="mb-3 text-sm font-medium">
+          <TabPanel value="informations" v-show="tool_active && active_section == 'informations'">
+            <h3 class="mb-1 text-sm font-medium">
+              Informations
+            </h3>
+          </TabPanel>
+          <TabPanel value="statistics" v-show="tool_active && active_section == 'statistics'">
+            <h3 class="mb-1 text-sm font-medium">
               Contained nodes
             </h3>
             <RegulatedProteins :active_decoloumn="active_decoloumn" :gephi_data="gephi_data"></RegulatedProteins>
@@ -22,42 +27,16 @@
           tabList: { class: '!border-0 !gap-4' },
           activeBar: { class: '!hidden' }
         }">
-          <Tab value="statistics" class="!p-0 !border-0"><span
+          <Tab v-on:click="change_section('informations')" value="informations" class="!p-0 !border-0"><span
+              :class="`material-symbols-rounded !text-lg ${active_section == 'informations' ? 'font-variation-ico-filled' : ''}`">info</span>
+          </Tab>
+          <Tab v-on:click="change_section('statistics')" value="statistics" class="!p-0 !border-0"><span
               :class="`material-symbols-rounded !text-lg ${active_section == 'statistics' ? 'font-variation-ico-filled' : ''}`">tune</span>
           </Tab>
         </TabList>
       </footer>
     </Tabs>
   </div>
-
-  <!-- <div class="text" v-show="active_decoloumn !== null">
-    <div class="gene_attribute" v-if="active_decoloumn !== null">
-      <div class="deval">{{ active_decoloumn }}</div>
-    </div>
-    <div :class="{
-      'tool-section': !tool_active,
-      'tool-section-active': tool_active,
-    }">
-      <div id="informations" class="subsection" v-show="tool_active && active_section == 'information'">
-        <div class="subsection-header">
-          <span>informations</span>
-        </div>
-        <div class="subsection-main colortype"></div>
-      </div>
-      <div id="network" class="subsection" v-show="tool_active && active_section == 'statistics'">
-        <div class="subsection-header">
-          <span>contained nodes</span>
-        </div>
-        <div class="subsection-main colortype">
-          <RegulatedProteins :active_decoloumn="active_decoloumn" :gephi_data="gephi_data"></RegulatedProteins>
-        </div>
-      </div>
-    </div>
-    <div class="nodeattributes">
-      <img class="icons" src="@/assets/toolbar/menu-burger.png" v-on:click="change_section('information')" />
-      <img class="icons" src="@/assets/toolbar/settings-sliders.png" v-on:click="change_section('statistics')" />
-    </div>
-  </div> -->
 </template>
 
 <script>
@@ -123,16 +102,4 @@ export default {
     },
   },
 };
-</script>
-
-<!-- <style>
-.gene_attribute .deval {
-  width: 100%;
-  margin-left: 0.3vw;
-  font-size: 0.8vw;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  text-align: center;
-}
-</style> -->
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/pane/modules/difexp/RegulatedProteins.vue b/frontend/src/components/pane/modules/difexp/RegulatedProteins.vue
index 404c929c..3f9811cd 100644
--- a/frontend/src/components/pane/modules/difexp/RegulatedProteins.vue
+++ b/frontend/src/components/pane/modules/difexp/RegulatedProteins.vue
@@ -16,7 +16,7 @@
       class:
         '!px-0 !py-1 !text-slate-500 dark:!text-slate-300 leading-tight transition-all duration-300 ease-in-out',
     },
-  }" listStyle="max-height:100%" class="h-full flex flex-col !p-0 !bg-transparent !border-0" :tabindex="0"
+  }" :virtualScrollerOptions="{ itemSize: 28 }" scrollHeight="4.5rem" listStyle="max-height:100%" class="h-full flex flex-col !p-0 !bg-transparent !border-0" :tabindex="0"
     emptyMessage="No nodes available.">
 
     <template #footer>
@@ -74,65 +74,6 @@
       </div>
     </template>
   </Listbox>
-
-  <!-- <div id="de-connect" class="connect">
-    <div class="selection-results">
-      <table>
-        <tbody>
-          <tr v-for="(key, entry, index) in selectionattr" :key="index" class="option">
-            <td>
-              <div class="statistics-attr">
-                <a href="#">{{ entry }}</a>
-              </div>
-            </td>
-            <td>
-              <input class="statistics-val" type="number" v-bind:min="key.min" v-bind:max="key.max"
-                v-bind:step="key.step" v-model="key.value" v-on:change="select_proteins()" />
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-    <div class="sorting">
-      <a class="node_filter" v-on:click="
-        sort_node = sort_node === 'asc' ? 'dsc' : 'asc';
-      sort_cluster = '';
-      sort_degree = '';
-      ">nodes</a>
-      <a class="cluster_filter" v-on:click="
-        sort_cluster = sort_cluster === 'asc' ? 'dsc' : 'asc';
-      sort_node = '';
-      sort_degree = '';
-      ">cluster</a>
-      <a class="degree_filter" v-on:click="
-        sort_degree = sort_degree === 'asc' ? 'dsc' : 'asc';
-      sort_cluster = '';
-      sort_node = '';
-      ">degree</a>
-    </div>
-
-    <div class="network-results" tabindex="0" @keydown="handleKeyDown">
-      <table>
-        <tbody>
-          <tr v-for="(entry, index) in filt_links" :key="index" class="option">
-            <td>
-              <div class="statistics-attr">
-                <a href="#">{{ entry.attributes["Name"] }}</a>
-              </div>
-            </td>
-            <td>
-              <a class="statistics-val">{{
-                entry.attributes["Modularity Class"]
-                }}</a>
-            </td>
-            <td>
-              <a class="statistics-val">{{ entry.attributes["Degree"] }}</a>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </div> -->
 </template>
 
 <script>
@@ -240,58 +181,4 @@ export default {
     },
   },
 };
-</script>
-
-<!-- <style>
-#de-connect {
-  width: 100%;
-  height: 100%;
-  font-family: "ABeeZee", sans-serif;
-  padding: 1.3vw 1.3vw 1vw 1.3vw;
-  overflow: scroll;
-}
-
-.selection-results input[type="number"] {
-  border: none;
-  font-family: "ABeeZee", sans-serif;
-  font-size: 0.7vw;
-  color: white;
-  background: none;
-  -moz-appearance: textfield;
-  -webkit-appearance: textfield;
-  appearance: textfield;
-  text-align: left;
-}
-
-.selection-results::-webkit-scrollbar,
-#de-connect::-webkit-scrollbar {
-  display: none;
-}
-
-.selection-results table {
-  display: flex;
-  width: 100%;
-}
-
-:focus {
-  outline: 0 !important;
-}
-
-.selection-results table tbody {
-  width: 100%;
-}
-.selection-results td:first-child {
-  width: 70%;
-  align-self: center;
-}
-.selection-results td:last-child {
-  font-size: 0.7vw;
-  margin-bottom: 1%;
-  color: white;
-  width: 30%;
-  align-self: center;
-  white-space: nowrap;
-  overflow: hidden; /* Hide overflow content */
-  text-overflow: ellipsis;
-}
-</style> -->
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/pane/modules/subset/SubsetConnections.vue b/frontend/src/components/pane/modules/subset/SubsetConnections.vue
index 8a6e5e97..5f33230f 100644
--- a/frontend/src/components/pane/modules/subset/SubsetConnections.vue
+++ b/frontend/src/components/pane/modules/subset/SubsetConnections.vue
@@ -10,7 +10,7 @@
       class:
         '!px-0 !py-1 !text-slate-500 dark:!text-slate-300 leading-tight transition-all duration-300 ease-in-out',
     },
-  }" listStyle="max-height:100%" class="h-full flex flex-col !p-0 !bg-transparent !border-0" :tabindex="0"
+  }" :virtualScrollerOptions="{ itemSize: 28 }" scrollHeight="4.5rem" listStyle="max-height:100%" class="h-full flex flex-col !p-0 !bg-transparent !border-0" :tabindex="0"
     emptyMessage="No nodes available.">
 
     <template #footer>
diff --git a/frontend/src/components/pane/modules/subset/SubsetLinks.vue b/frontend/src/components/pane/modules/subset/SubsetLinks.vue
index 25d42387..a1a3404b 100644
--- a/frontend/src/components/pane/modules/subset/SubsetLinks.vue
+++ b/frontend/src/components/pane/modules/subset/SubsetLinks.vue
@@ -89,132 +89,9 @@
       </li>
     </template>
   </ul>
-
-  <!-- <div id="subset-statistics" class="subset-statistics">
-    <div class="selection_list">
-      <div class="window-label">degree value</div>
-      <div class="menu-items">
-        <div id="subset-degree"></div>
-        <input type="number" v-bind:min="degree_boundary.min" v-bind:max="degree_boundary.max"
-          v-bind:step="degree_boundary.step" v-model="degree_boundary.minValue" v-on:change="searchSubset()" v-on:input="
-            valueChanged('subset-degree', [
-              degree_boundary.minValue,
-              degree_boundary.maxValue,
-            ])
-            " />
-        <span class="seperator">-</span>
-        <input type="number" v-bind:min="degree_boundary.min" v-bind:max="degree_boundary.max"
-          v-bind:step="degree_boundary.step" v-model="degree_boundary.maxValue" v-on:change="searchSubset()" v-on:input="
-            valueChanged('subset-degree', [
-              degree_boundary.minValue,
-              degree_boundary.maxValue,
-            ])
-            " />
-      </div>
-      <div class="window-label">betweenness centrality value</div>
-      <div class="menu-items">
-        <div id="subset-betweenes"></div>
-        <input type="number" v-bind:min="bc_boundary.min" v-bind:max="bc_boundary.max" v-bind:step="bc_boundary.step"
-          v-model="bc_boundary.minValue" v-on:change="searchSubset()" v-on:input="
-            valueChanged('subset-betweenes', [
-              bc_boundary.minValue,
-              bc_boundary.maxValue,
-            ])
-            " />
-        <span class="seperator">-</span>
-        <input type="number" v-bind:min="bc_boundary.min" v-bind:max="bc_boundary.max" v-bind:step="bc_boundary.step"
-          v-model="bc_boundary.maxValue" v-on:change="searchSubset()" v-on:input="
-            valueChanged('subset-betweenes', [
-              bc_boundary.minValue,
-              bc_boundary.maxValue,
-            ])
-            " />
-      </div>
-      <div v-if="mode == 'term'">
-        <div class="window-label">padj value (log10)</div>
-        <div class="menu-items">
-          <div id="subset-padj"></div>
-          <input type="number" v-bind:min="padj_boundary.min" v-bind:max="padj_boundary.max"
-            v-bind:step="padj_boundary.step" v-model="padj_boundary.minValue" v-on:change="searchSubset()" v-on:input="
-              valueChanged('subset-padj', [
-                padj_boundary.minValue,
-                padj_boundary.maxValue,
-              ])
-              " />
-          <span class="seperator">-</span>
-          <input type="number" v-bind:min="padj_boundary.min" v-bind:max="padj_boundary.max"
-            v-bind:step="padj_boundary.step" v-model="padj_boundary.maxValue" v-on:change="searchSubset()" v-on:input="
-              valueChanged('subset-padj', [
-                padj_boundary.minValue,
-                padj_boundary.maxValue,
-              ])
-              " />
-        </div>
-      </div>
-      <div class="window-label">pagerank value (log10)</div>
-      <div class="menu-items">
-        <div id="subset-pagerank"></div>
-        <input type="number" v-bind:min="pr_boundary.min" v-bind:max="pr_boundary.max" v-bind:step="pr_boundary.step"
-          v-model="pr_boundary.minValue" v-on:change="searchSubset()" v-on:input="
-            valueChanged('subset-pagerank', [
-              pr_boundary.minValue,
-              pr_boundary.maxValue,
-            ])
-            " />
-        <span class="seperator">-</span>
-        <input type="number" v-bind:min="pr_boundary.min" v-bind:max="pr_boundary.max" v-bind:step="pr_boundary.step"
-          v-model="pr_boundary.maxValue" v-on:change="searchSubset()" v-on:input="
-            valueChanged('subset-pagerank', [
-              pr_boundary.minValue,
-              pr_boundary.maxValue,
-            ])
-            " />
-      </div>
-      <div v-if="dcoloumns && mode != 'term' && mode != 'citation'" class="slider-section-scroll">
-        <div v-for="(entry, index) in dcoloumns" :key="index">
-          <div class="window-label">{{ entry }}</div>
-          <div class="menu-items">
-            <div class="checkbox-header">
-              <input type="checkbox" :id="'subset-deval-check-' + index" v-on:change="
-                change_limits(
-                  'subset-deval-slider-' + index,
-                  'subset-deval-check-' + index,
-                  entry
-                );
-              searchSubset();
-              " />
-              <label for="edgeCheck"> inverse selection</label>
-            </div>
-            <div class="body-selection">
-              <div :id="'subset-deval-slider-' + index"></div>
-              <input type="number" v-bind:min="dboundaries[entry].min" v-bind:max="dboundaries[entry].max"
-                v-bind:step="dboundaries[entry].step" v-model="dboundaries[entry].minValue" v-on:change="searchSubset()"
-                v-on:input="
-                  valueChanged('subset-deval-slider-' + index, [
-                    dboundaries[entry].minValue,
-                    dboundaries[entry].maxValue,
-                  ])
-                  " />
-              <span class="seperator">-</span>
-              <input type="number" v-bind:min="dboundaries[entry].min" v-bind:max="dboundaries[entry].max"
-                v-bind:step="dboundaries[entry].step" v-model="dboundaries[entry].maxValue" v-on:change="searchSubset()"
-                v-on:input="
-                  valueChanged('subset-deval-slider-' + index, [
-                    dboundaries[entry].minValue,
-                    dboundaries[entry].maxValue,
-                  ])
-                  " />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div> -->
 </template>
 
 <script>
-// import * as noUiSlider from "nouislider";
-// import "@/slider.css";
 
 export default {
   name: "SubsetLinks",
@@ -258,19 +135,6 @@ export default {
       com.dboundaries[entry].minValue = com.check[entry] ? 0.001 : com.dboundaries[entry].min;
       com.dboundaries[entry].maxValue = com.check[entry] ? 0 : com.dboundaries[entry].max;
     },
-    // change_limits(slider_id, check_id, entry) {
-    //   let com = this;
-    //   let slider = document.getElementById(slider_id);
-    //   com.check[entry] = document.getElementById(check_id).checked;
-
-    //   com.check[entry]
-    //     ? slider.noUiSlider.set([0, 0])
-    //     : slider.noUiSlider.reset();
-
-    //   let currentBorder = slider.noUiSlider.get();
-    //   com.dboundaries[entry].minValue = currentBorder[0];
-    //   com.dboundaries[entry].maxValue = currentBorder[1];
-    // },
     initialize_de() {
       var com = this;
       var dataForm = com.parameter_data;
@@ -298,28 +162,6 @@ export default {
         };
       }
     },
-    // create_de() {
-    //   var com = this;
-
-    //   Object.entries(com.dcoloumns).forEach(([index, coloumn]) => {
-    //     var slider = document.getElementById("subset-deval-slider-" + index);
-    //     noUiSlider.create(slider, {
-    //       start: [com.dboundaries[coloumn].min, com.dboundaries[coloumn].max],
-    //       connect: true,
-    //       range: {
-    //         min: com.dboundaries[coloumn].min,
-    //         max: com.dboundaries[coloumn].max,
-    //       },
-    //       step: 0.01,
-    //     });
-
-    //     slider.noUiSlider.on("slide", function (values, handle) {
-    //       com.dboundaries[coloumn][handle ? "maxValue" : "minValue"] =
-    //         values[handle];
-    //       com.searchSubset();
-    //     });
-    //   });
-    // },
     initialize_dg: function () {
       var com = this;
 
@@ -380,23 +222,6 @@ export default {
       com.bc_boundary["min"] = 0;
       com.bc_boundary["maxValue"] = maxDeg;
       com.bc_boundary["minValue"] = 0;
-
-      // var slider = document.getElementById("subset-betweenes");
-      // noUiSlider.create(slider, {
-      //   start: [0, maxDeg],
-      //   connect: true,
-      //   range: {
-      //     min: 0,
-      //     max: maxDeg,
-      //   },
-      //   format: this.formatType,
-      //   step: 1,
-      // });
-
-      // slider.noUiSlider.on("slide", function (values, handle) {
-      //   com.bc_boundary[handle ? "maxValue" : "minValue"] = values[handle];
-      //   com.searchSubset();
-      // });
     },
     initialize_pagerank() {
       var com = this;
@@ -418,22 +243,6 @@ export default {
       com.pr_boundary["min"] = minDeg;
       com.pr_boundary["maxValue"] = 0;
       com.pr_boundary["minValue"] = minDeg;
-
-      // var slider = document.getElementById("subset-pagerank");
-      // noUiSlider.create(slider, {
-      //   start: [minDeg, 0],
-      //   connect: true,
-      //   range: {
-      //     min: minDeg,
-      //     max: 0,
-      //   },
-      //   step: 0.01,
-      // });
-
-      // slider.noUiSlider.on("slide", function (values, handle) {
-      //   com.pr_boundary[handle ? "maxValue" : "minValue"] = values[handle];
-      //   com.searchSubset();
-      // });
     },
     initialize_padj() {
       var com = this;
@@ -457,22 +266,6 @@ export default {
       com.padj_boundary["minValue"] = minDeg;
       com.pr_boundary["max"] = 0;
       com.pr_boundary["min"] = minDeg;
-
-      // var slider = document.getElementById("subset-padj");
-      // noUiSlider.create(slider, {
-      //   start: [minDeg, 0],
-      //   connect: true,
-      //   range: {
-      //     min: minDeg,
-      //     max: 0,
-      //   },
-      //   step: 0.01,
-      // });
-
-      // slider.noUiSlider.on("slide", function (values, handle) {
-      //   com.padj_boundary[handle ? "maxValue" : "minValue"] = values[handle];
-      //   com.searchSubset();
-      // });
     },
     searchSubset() {
       var com = this;
@@ -564,10 +357,6 @@ export default {
         values[1];
       com.searchSubset();
     },
-    // valueChanged(id, value) {
-    //   var slider = document.getElementById(id);
-    //   slider.noUiSlider.set(value);
-    // },
     term_genes(list) {
       var term_genes = new Set(list);
       var termlist = this.$store.state.gephi_json.data.nodes.filter((element) =>
@@ -582,20 +371,9 @@ export default {
     },
   },
   mounted() {
-    // this.formatType = {
-    //   from: function (value) {
-    //     return parseInt(value);
-    //   },
-    //   to: function (value) {
-    //     return parseInt(value);
-    //   },
-    // };
-
     this.initialize_dg();
     this.initialize_bc();
     this.initialize_pagerank();
-    // if (this.dcoloumns && this.mode != "term" && this.mode != "citation")
-    //   this.create_de();
     if (this.mode == "term") this.initialize_padj();
     this.searchSubset();
   },
@@ -606,33 +384,3 @@ export default {
 };
 </script>
 
-<!-- <style>
-.subset-statistics .menu-items {
-  display: flex;
-  margin: 0;
-  background-color: rgba(255, 255, 255, 0.1);
-  padding: 0.5vw;
-  justify-content: center;
-  background-clip: content-box;
-}
-
-.subset-statistics input[type="number"] {
-  width: 10%;
-  border: none;
-  font-family: "ABeeZee", sans-serif;
-  font-size: 0.5vw;
-  color: white;
-  background: none;
-  -moz-appearance: textfield;
-  -webkit-appearance: textfield;
-  appearance: textfield;
-  text-align: center;
-}
-
-#subset-statistics {
-  width: 100%;
-  height: 100%;
-  font-family: "ABeeZee", sans-serif;
-  padding: 0.5vw;
-}
-</style> -->
diff --git a/frontend/src/components/pane/modules/subset/SubsetPane.vue b/frontend/src/components/pane/modules/subset/SubsetPane.vue
index a4798380..b855e3f9 100644
--- a/frontend/src/components/pane/modules/subset/SubsetPane.vue
+++ b/frontend/src/components/pane/modules/subset/SubsetPane.vue
@@ -17,18 +17,18 @@
       </Button>
     </header>
 
-    <Tabs :value="active_section" @update:value="change_section">
+    <Tabs :value="active_section">
       <div
         :class="`${active_section ? '!pt-2 !border-t !border-slate-700 !mt-2' : ''} px-2.5 -mx-2.5 max-h-[10rem] overflow-auto overflow-x-visible`">
         <TabPanels class="!p-0">
-          <TabPanel value="statistics" v-if="active_subset !== null">
-            <h3 class="mb-3 text-sm font-medium">
+          <TabPanel value="statistics" v-if="tool_active && active_subset !== null">
+            <h3 class="mb-1 text-sm font-medium">
               Parameter Selection
             </h3>
             <SubsetLinks :active_subset="active_subset" :mode="mode"></SubsetLinks>
           </TabPanel>
-          <TabPanel value="connections">
-            <div class="flex items-center justify-between mb-3">
+          <TabPanel value="connections" v-show="tool_active">
+            <div class="flex items-center justify-between mb-1">
               <h3 class="text-sm font-medium">
                 Connections
               </h3>
@@ -47,10 +47,11 @@
           tabList: { class: '!border-0 !gap-4' },
           activeBar: { class: '!hidden' }
         }">
-          <Tab value="statistics" class="!p-0 !border-0" v-if="active_subset !== null"><span
+          <Tab v-on:click="change_section('statistics')" value="statistics" class="!p-0 !border-0"
+            v-if="active_subset !== null"><span
               :class="`material-symbols-rounded !text-lg ${active_section == 'statistics' ? 'font-variation-ico-filled' : ''}`">tune</span>
           </Tab>
-          <Tab value="connections" class="!p-0 !border-0"><span
+          <Tab v-on:click="change_section('connections')" value="connections" class="!p-0 !border-0"><span
               :class="`material-symbols-rounded !text-base ${active_section == 'connections' ? 'font-variation-ico-filled' : ''}`">hub</span>
           </Tab>
         </TabList>
@@ -60,90 +61,6 @@
         </Button>
       </footer>
     </Tabs>
-
-    <!-- <div class="gene_attribute" v-if="active_subset !== null">
-      <div id="colorbar" :style="{ backgroundColor: '#0A0A1A' }"></div>
-      <div class="gene_attr">Nodes:{{ number_prot }}</div>
-      <div class="gene_attr">Edges:{{ number_asc }}</div>
-      <div class="colorbar-img" v-on:click="show_layer()">
-        <img src="@/assets/pane/invisible.png" v-if="!hide" />
-        <img src="@/assets/pane/visible.png" v-if="hide" />
-      </div>
-    </div> 
-    <div
-      :class="{
-        'tool-section': !tool_active,
-        'tool-section-active': tool_active,
-      }"
-    >
-      <div
-        id="informations"
-        class="subsection"
-        v-show="tool_active && active_section == 'information'"
-      >
-        <div class="subsection-header">
-          <span>informations</span>
-        </div>
-        <div class="subsection-main colortype"></div>
-      </div>
-      <div
-        id="network"
-        class="subsection"
-        v-if="
-          tool_active &&
-          active_section == 'statistics' &&
-          active_subset !== null
-        "
-      >
-        <div class="subsection-header">
-          <span>parameter selection</span>
-        </div>
-        <div class="subsection-main colortype">
-          <SubsetLinks
-            :active_subset="active_subset"
-            :mode="mode"
-          ></SubsetLinks>
-        </div>
-      </div>
-      <div
-        id="connections"
-        class="subsection"
-        v-show="tool_active && active_section == 'connections'"
-      >
-        <div class="subsection-header">
-          <span>connections</span>
-          <img src="@/assets/pane/copy.png" v-on:click="copyclipboard()" />
-        </div>
-        <div class="subsection-main colortype">
-          <SubsetConnections :active_subset="subset"></SubsetConnections>
-        </div>
-      </div>
-    </div>
-    <div class="nodeattributes">
-      // No
-      <img
-        class="icons"
-        src="@/assets/toolbar/menu-burger.png"
-        v-on:click="change_section('information')"
-      /> 
-      <img
-        class="icons"
-        src="@/assets/toolbar/settings-sliders.png"
-        v-on:click="change_section('statistics')"
-      />
-      <img
-        class="icons"
-        src="@/assets/toolbar/proteinselect.png"
-        v-on:click="change_section('connections')"
-      />
-      <img
-        class="icons"
-        src="@/assets/toolbar/bote.png"
-        v-on:click="call_chatbot(mode)"
-      />
-      // No
-      <img  class="icons" src="@/assets/toolbar/logout.png" v-on:click="change_section(!tool_active,'routing')"> 
-    </div> -->
   </div>
 </template>
 
@@ -238,7 +155,6 @@ export default {
   methods: {
     change_section(val) {
       var com = this;
-
       if (com.tool_active && com.active_section == val) {
         com.active_section = "";
         com.$emit("tool_active_changed", false);
@@ -247,7 +163,6 @@ export default {
           com.active_section = val;
           com.$emit("tool_active_changed", true);
         }
-
         if (com.tool_active && com.active_section != val) {
           com.active_section = val;
           com.$emit("tool_active_changed", true);
@@ -292,48 +207,9 @@ export default {
     select_node(value) {
       this.emitter.emit("searchNode", { node: value, mode: this.mode });
     },
-
     // select_subset (nodes){
     //     this.emitter.emit("searchSubset", {subset:nodes, mode:this.mode});
     // }
   },
 };
-</script>
-
-<!-- <style>
-#colorbar-subset {
-  position: relative;
-  display: flex;
-  border-radius: 5px;
-  margin-top: 5%;
-  width: 70%;
-  color: white;
-  align-items: center;
-  text-align: center;
-  justify-content: center;
-  transform: translate(13.5%);
-  font-family: "ABeeZee", sans-serif;
-  font-size: 0.9vw;
-}
-#colorbar-subset .colorbar-text {
-  background-color: rgb(0, 100, 100);
-}
-
-#subset-connections {
-  height: 40%;
-}
-
-#subset {
-  right: -10%;
-}
-
-.colorbar-img {
-  position: absolute;
-  display: flex;
-  width: 0.9vw;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  right: 3%;
-}
-</style> -->
+</script>
\ No newline at end of file