diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 31d111f..95326b5 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -5,7 +5,6 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 -->
 <template>
   <div :class="{ dark: dark }" v-if="connected">
-    <!-- <t-modal /> -->
     <t-header />
     <t-shell>
       <template v-slot:menu>
@@ -17,40 +16,12 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
         <router-view class="w-full h-full" />
       </template>
     </t-shell>
-    <!-- Old Views Below -->
-    <!-- <shell class="h-screen">
-      <template v-slot:menu>
-        <sidebar-change-context
-          v-if="selectContext"
-          :contexts="contexts"
-          :active="explicitContext ? explicitContext['name'] : currentContext"
-          :changed="switchContext"
-          :cancel="() => (selectContext = false)"
-          class="overflow-y-hidden h-screen"
-        />
-        <sidebar v-else />
-        <t-button @click="toggleContextChange" :disabled="!contexts">
-          <t-spinner v-if="!currentContext && !explicitContext" />
-          <div v-else class="flex-1">
-            {{ explicitContext ? explicitContext["name"] : currentContext }}
-          </div>
-        </t-button>
-      </template>
-      <template v-slot:content>
-        <router-view class="w-full h-full" />
-      </template>
-    </shell> -->
   </div>
 </template>
 
 <script lang="ts">
 import { ref, onMounted, watch } from "vue";
 import { useRouter, useRoute } from "vue-router";
-// import Shell from "./components/Shell.vue";
-// import SidebarChangeContext from "./views/SidebarChangeContext.vue";
-// import Sidebar from "./views/Sidebar.vue";
-// import TButton from "./components/TButton.vue";
-// import TSpinner from "./components/TSpinner.vue";
 import { context, changeContext, detectCapabilities } from "./context";
 import { theme, systemTheme, isDark } from "./theme";
 import { ContextService } from "./api/grpc";
@@ -61,11 +32,6 @@ import TShell from "./components/common/Shell/TShell.vue";
 
 export default {
   components: {
-    // Shell,
-    // SidebarChangeContext,
-    // Sidebar,
-    // TButton,
-    // TSpinner,
     THeader,
     TSideBar,
     TShell,
@@ -109,11 +75,14 @@ export default {
       updateTheme(val);
     });
 
-    watch(() => route.query, (val, old) => {
-      if (val.cluster != old.cluster) {
-        detectCapabilities(route);
+    watch(
+      () => route.query,
+      (val, old) => {
+        if (val.cluster != old.cluster) {
+          detectCapabilities(route);
+        }
       }
-    })
+    );
 
     watch(context.current, (val, old) => {
       if (val != old) detectCapabilities(route);
diff --git a/frontend/src/components/ClusterListItem.vue b/frontend/src/components/ClusterListItem.vue
deleted file mode 100644
index c35fac8..0000000
--- a/frontend/src/components/ClusterListItem.vue
+++ /dev/null
@@ -1,229 +0,0 @@
-<!--
-This Runtime Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <router-link
-    :to="{name: 'Nodes', query: { cluster: item.metadata.name, namespace: item.metadata.namespace, uid: item.metadata.uid }}"
-    class="block hover:bg-talos-gray-50 dark:hover:bg-talos-gray-800 overflow-visible"
-    >
-    <div class="flex items-center px-4 py-4">
-      <div class="flex items-center flex-1 min-w-0">
-        <div class="flex-1 grid grid-cols-2 gap-4">
-          <div>
-            <p
-              class="text-sm font-medium truncate text-talos-gray-900 dark:text-talos-gray-100"
-              >
-              {{ item.metadata.name }}
-            </p>
-            <div class="flex items-center mt-2 text-sm text-talos-gray-500 dark:text-talos-gray-400" v-if="item.status">
-              <div v-if="item.status.phase === 'Provisioned'">
-                <check-circle-icon
-                  class="flex-shrink-0 mr-1.5 h-5 w-5 text-green-400"
-                  aria-hidden="true"
-                  />
-              </div>
-              <div v-else>
-                <x-circle-icon
-                  class="flex-shrink-0 mr-1.5 h-5 w-5 text-red-600"
-                  aria-hidden="true"
-                  />
-              </div>
-              <span class="truncate">{{ item.status.phase }}</span>
-            </div>
-          </div>
-          <div class="block" v-if="item.status">
-            <div>
-              <p
-                v-if="nodesCount >= 0"
-                class="text-sm text-talos-gray-900 dark:text-talos-gray-100"
-                >
-                {{ nodesCount }} {{ pluralize('Node', nodesCount) }}
-              </p>
-              <p v-else>
-                <t-spinner/>
-              </p>
-              <p
-                class="flex items-center mt-2 text-sm text-talos-gray-500 dark:text-talos-gray-400"
-                >
-                {{ lastUpdated }}
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div v-on:click.stop.prevent.self>
-        <t-dropdown xs>
-          <template v-slot:icon>
-            <dots-horizontal-icon
-              class="w-5 h-5 text-talos-gray-900 dark:text-talos-gray-50"
-              aria-hidden="true"
-              />
-          </template>
-          <template v-slot:default>
-            <menu-item v-slot="{ active }">
-              <a
-                v-on:click="downloadKubeconfig"
-                :class="{ active }"
-                >Download Kubeconfig</a
-              >
-            </menu-item>
-            <menu-item v-slot="{ active }">
-              <a
-                v-on:click="downloadTalosConfig"
-                :class="{ active }"
-                >Download Talos Config</a
-              >
-            </menu-item>
-            <menu-item v-slot="{ active }">
-              <a
-                v-on:click="upgradeKubernetes"
-                :class="{ active }"
-                >Upgrade Kubernetes</a
-              >
-            </menu-item>
-          </template>
-        </t-dropdown>
-      </div>
-    </div>
-  </router-link>
-</template>
-
-<script type="ts">
-import TSpinner from '../components/TSpinner.vue';
-import TDropdown from '../components/TDropdown.vue';
-
-import { useRouter } from 'vue-router';
-import { onMounted, ref, toRefs, computed } from 'vue';
-import { ResourceService } from '../api/grpc';
-import { Runtime } from '../api/common/theila.pb';
-import {
-  CheckCircleIcon,
-  DotsHorizontalIcon,
-  XCircleIcon
-} from '@heroicons/vue/solid';
-import { DateTime } from 'luxon';
-import { MenuItem } from '@headlessui/vue';
-import { showError } from '../modal';
-
-import pluralize from 'pluralize';
-
-export default {
-  components: {
-    TSpinner,
-    CheckCircleIcon,
-    DotsHorizontalIcon,
-    XCircleIcon,
-    TDropdown,
-    MenuItem,
-  },
-
-  props: {
-    item: {
-      required: true,
-    },
-  },
-
-  setup(props) {
-    const router = useRouter();
-    const { item } = toRefs(props);
-    const nodesCount = ref(-1);
-    const link = document.createElement("a");
-
-    onMounted(async () => {
-      const response = await ResourceService.List({
-        namespace: item.value.metadata.namespace,
-        type: "machines.v1alpha3.cluster.x-k8s.io",
-      }, {
-        metadata: {
-          selectors: [
-            `cluster.x-k8s.io/cluster-name=${item.value.metadata.name}`
-          ]
-        }
-      });
-
-      let count = 0;
-      for (const m of response) {
-        count += m.length;
-      }
-
-      nodesCount.value = count;
-    });
-
-    const downloadTalosConfig = async () => {
-      try {
-        const response = await ResourceService.GetConfig({
-          name: item.value.metadata.name,
-          uid: item.value.metadata.uid,
-          namespace: item.value.metadata.namespace,
-        }, {
-          runtime: Runtime.Talos,
-        });
-
-        link.href = `data:application/octet-stream;charset=utf-16le;base64,${btoa(response)}`;
-        link.download = `${item.value.metadata.name}-talosconfig.yaml`;
-        link.click();
-      } catch(e) {
-        showError("Failed to download Talos config", e.toString());
-      }
-    };
-
-    const downloadKubeconfig = async () => {
-      try {
-        const response = await ResourceService.GetConfig({
-          name: item.value.metadata.name,
-          uid: item.value.metadata.uid,
-          namespace: item.value.metadata.namespace,
-        }, {
-          runtime: Runtime.Kubernetes,
-        });
-
-        link.href = `data:application/octet-stream;charset=utf-16le;base64,${btoa(response)}`;
-        link.download = `${item.value.metadata.name}-kubeconfig.yaml`;
-        link.click();
-      } catch(e) {
-        showError("Failed to download Kubeconfig", e.toString());
-      }
-    };
-
-    const upgradeKubernetes = () => {
-      router.push({
-        query: {
-          modal: "upgrade",
-          cluster: item.value["metadata"]["name"],
-          namespace: item.value["metadata"]["namespace"],
-          uid: item.value["metadata"]["uid"]
-        }
-      });
-    };
-
-    const lastUpdated = computed(() => {
-      const created = DateTime.fromISO(item.value["metadata"]["creationTimestamp"]).toRelative();
-      if (!item.value["status"]) {
-       return created;
-      }
-
-      const conditions = item.value["status"]["conditions"];
-
-      if (!conditions) {
-       return created;
-      }
-
-      const condition = conditions[0];
-
-      return DateTime.fromISO(condition["lastTransitionTime"]).toRelative();
-    });
-
-    return {
-      nodesCount,
-      link,
-      downloadTalosConfig,
-      downloadKubeconfig,
-      upgradeKubernetes,
-      lastUpdated,
-      pluralize: pluralize,
-    }
-  }
-};
-</script>
diff --git a/frontend/src/components/LogView.vue b/frontend/src/components/LogView.vue
deleted file mode 100644
index 891ba62..0000000
--- a/frontend/src/components/LogView.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-
-<!--
-This Runtime Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div class="flex-1 pb-3 logs">
-    <div class="flex border-b border-talos-gray-300 dark:border-talos-gray-600 px-4 py-2 gap-1">
-      <div class="flex-1">{{ logs.length }} lines</div>
-      <t-checkbox v-model="follow" label="follow logs"/>
-    </div>
-    <div class="flex-1 flex flex-col overflow-auto w-full h-full text-xs" ref="logView" style="font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace">
-      <div v-for="line, index in logs" :key="index" class="log-line">
-        <div class="inline-block mr-2 text-talos-gray-500 font-bold select-none">{{ index + 1 }}</div>
-        <p>{{ line }}</p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script type="ts">
-import TCheckbox from './TCheckbox.vue';
-import { ref, onMounted, onUpdated, watch } from 'vue';
-
-export default {
-  props: {
-    logs: {
-      type: Array,
-      required: true,
-    },
-  },
-
-  components: {
-    TCheckbox,
-  },
-
-  setup() {
-    const follow = ref(true);
-    const logView = ref(null);
-
-    const scrollToBottom = () => {
-      if(!logView.value || !follow.value)
-        return;
-
-      logView.value.scrollTop = logView.value.scrollHeight;
-    }
-
-    onMounted(scrollToBottom);
-    onUpdated(scrollToBottom);
-    watch(follow, scrollToBottom);
-
-    return {
-      logView,
-      follow,
-    }
-  }
-}
-</script>
-
-<style scoped>
-.logs {
-  @apply flex flex-col w-full h-full overflow-hidden bg-white text-talos-gray-100 border rounded-md border-talos-gray-300 dark:border-talos-gray-600 dark:bg-talos-gray-900 text-talos-gray-900 dark:text-talos-gray-100;
-}
-
-.log-line {
-  @apply hover:bg-talos-gray-100 dark:hover:bg-talos-gray-700 whitespace-pre-line flex px-3;
-}
-</style>
diff --git a/frontend/src/components/NodeListItem.vue b/frontend/src/components/NodeListItem.vue
deleted file mode 100644
index 980b080..0000000
--- a/frontend/src/components/NodeListItem.vue
+++ /dev/null
@@ -1,209 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <router-link
-    :to="{name: 'Overview', params: { node: ip }, query: getQuery() }"
-    class="block hover:bg-talos-gray-50 dark:hover:bg-talos-gray-800 flex"
-    >
-    <div class="flex-1 flex items-center px-4 py-3 min-w-0 grid grid-cols-4 md:grid-cols-7 lg:grid-cols-7 gap-4">
-      <div class="truncate">
-        {{ item.metadata.name }}
-      </div>
-      <div class="truncate">
-        {{ ip }}
-      </div>
-      <div class="truncate">
-        {{ os }}
-      </div>
-      <div class="col-span-2 block justify-self-center hidden md:flex lg:flex flex flex-wrap gap-2">
-        <t-label v-for="role in roles" v-bind:key="role" class="inline text-sm">{{ role }}</t-label>
-      </div>
-      <div class="justify-self-center hidden md:block lg:block">
-        <t-label :col="status === 'ready' ? 'green' : 'red'" class="uppercase">
-          <template v-slot:icon>
-            <check-circle-icon class="w-5 h-5" v-if="status === 'ready'"/>
-            <exclamation-circle-icon class="w-5 h-5" v-else/>
-          </template>
-          {{ status }}
-        </t-label>
-      </div>
-      <div v-on:click.stop.prevent.self class="justify-self-end">
-        <t-dropdown xs :disabled="!isTalos">
-          <template v-slot:icon>
-            <dots-horizontal-icon
-              class="w-5 h-5 text-talos-gray-900 dark:text-talos-gray-50"
-              aria-hidden="true"
-              />
-          </template>
-          <template v-slot:default>
-            <menu-item v-slot="{ active }">
-              <a
-                v-on:click="rebootNode"
-                :class="{ active }"
-                >Reboot</a
-              >
-            </menu-item>
-            <menu-item v-slot="{ active }">
-              <a
-                v-on:click="resetNode"
-                :class="{ active }"
-                >Reset</a
-              >
-            </menu-item>
-          </template>
-        </t-dropdown>
-      </div>
-    </div>
-  </router-link>
-</template>
-
-<script type="ts">
-import { useRoute } from 'vue-router';
-import { computed, toRefs } from 'vue';
-import TDropdown from '../components/TDropdown.vue';
-import TLabel from '../components/TLabel.vue';
-import { MenuItem } from '@headlessui/vue';
-import {
-  DotsHorizontalIcon,
-  CheckCircleIcon,
-  ExclamationCircleIcon,
-} from '@heroicons/vue/solid';
-import { useRouter } from 'vue-router';
-
-export default {
-  components: {
-    TDropdown,
-    TLabel,
-    MenuItem,
-    DotsHorizontalIcon,
-    CheckCircleIcon,
-    ExclamationCircleIcon,
-  },
-
-  props: {
-    item: {
-      type: Object,
-      required: true,
-    }
-  },
-
-  setup(props) {
-    const { item } = toRefs(props);
-    const router = useRouter();
-
-    const getField = (...args) => {
-      let res = item.value;
-      for(const k of args) {
-        if(!res[k])
-          return null;
-
-        res = res[k];
-      }
-
-      return res;
-    };
-
-    const os = computed(() => {
-      return getField("status", "nodeInfo", "osImage") || "";
-    });
-
-    const ip = computed(() => {
-      const addresses = getField("status", "addresses");
-      if(!addresses)
-        return "unknown";
-
-      let addr;
-      for(const a of addresses) {
-        if (a.type == "InternalIP") {
-          addr = a.address;
-        }
-
-        if (a.type == "ExternalIP") {
-          addr = a.address;
-          break;
-        }
-      }
-
-      return addr;
-    });
-
-    const status = computed(() => {
-      const conditions = getField("status", "conditions");
-      if(!conditions)
-        return "not ready";
-
-      for(const c of conditions) {
-        if(c["type"] === "Ready" && c["status"] === "True")
-          return "ready";
-      }
-
-      return "not ready";
-    });
-
-    const roles = computed(() => {
-      const roles = [];
-
-      for (const label in item.value.metadata.labels) {
-        if (label.indexOf("node-role.kubernetes.io/") != -1) {
-          roles.push(label.split("/")[1]);
-        }
-      }
-
-      return roles;
-    });
-
-    // primitive check that this is a Talos node
-    const isTalos = computed(() => {
-      return os.value.indexOf("Talos") != -1;
-    });
-
-    const route = useRoute();
-
-    const getQuery = () => {
-      const query = {};
-
-      if(route.query.cluster && route.query.namespace && route.query.uid) {
-        query.cluster = route.query.cluster;
-        query.namespace = route.query.namespace || "default";
-        query.uid = route.query.uid;
-      }
-
-      return query;
-    };
-
-    const rebootNode = async () => {
-      router.push({
-        query: {
-          modal: "reboot",
-          node: ip.value,
-          ...route.query,
-        }
-      })
-    };
-
-    const resetNode = async () => {
-      router.push({
-        query: {
-          modal: "reset",
-          node: ip.value,
-          ...route.query,
-        }
-      });
-    };
-
-    return {
-      os,
-      ip,
-      status,
-      roles,
-      isTalos,
-      rebootNode,
-      resetNode,
-      getQuery,
-    }
-  }
-};
-</script>
diff --git a/frontend/src/components/ServerListItem.vue b/frontend/src/components/ServerListItem.vue
deleted file mode 100644
index 95bf960..0000000
--- a/frontend/src/components/ServerListItem.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div class="flex flex-col px-6 py-3">
-    <div class="flex items-center">
-      <div class="flex flex-1 items-center grid grid-cols-5 gap-4">
-        <div class="col-span-2 block flex items-center gap-3">
-          <button type="button" @click="expand" class="relative inline-flex items-center px-1 py-1 text-sm font-medium leading-5 transition-colors duration-200 rounded-full select-none text-talos-gray-700 dark:text-talos-gray-400 bg-talos-gray-200 dark:bg-talos-gray-800 hover:bg-talos-gray-200 dark:hover:bg-talos-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-opacity-60">
-            <div :class="{ 'w-5': true, 'h-5': true, transform: expanded, 'rotate-180': expanded }">
-              <chevron-down-icon class="w-5 h-5"/>
-            </div>
-          </button>
-          <div class="flex-1 block truncate overflow-hidden">
-            <p
-              class="text-sm font-medium truncate text-talos-gray-900 dark:text-talos-gray-100"
-              >
-              {{ item.metadata.name }}
-            </p>
-            <p
-              v-if="cpu"
-              class="text-xs leading-4 text-talos-gray-500"
-              >
-              {{ cpu }}
-            </p>
-          </div>
-        </div>
-        <div class="block">
-          <p
-            class="text-sm truncate text-talos-gray-900 dark:text-talos-gray-100"
-            >
-            {{ created }}
-          </p>
-        </div>
-        <div class="block">
-          <p
-            class="text-sm truncate text-talos-gray-900 dark:text-talos-gray-100 space-x-1 space-y-1 flex items-center"
-            >
-            <light-bulb-icon fill="currentColor" :class="{
-              'w-5': true,
-              'h-5': true,
-              'mr-1': true,
-              'on': (item.status || {}).power === 'on',
-              'off': (item.status || {power: 'off'}).power === 'off'
-              }"/>
-            <span class="text-sm text-talos-gray-900 dark:text-talos-gray-100 capitalize">
-              {{ (item.status || {power: 'off'}).power }}
-            </span>
-          </p>
-        </div>
-        <div class="hidden md:block">
-          <span :class="{
-              tag: true,
-              uppercase: true,
-              ready: item.status.ready,
-              'not-ready': !item.status.ready,
-            }">
-            <check-circle-icon v-if="item.status.ready" class="w-5 h-5 mr-1 text-green-400 dark:text-green-300" fill="currentColor"/>
-            <exclamation-circle-icon v-else class="w-5 h-5 mr-1 text-red-400 dark:text-red-300" fill="currentColor"/>
-            {{ item.status.ready ? 'ready' : 'error' }}
-          </span>
-        </div>
-      </div>
-      <div v-on:click.stop.prevent.self class="justify-self-end">
-        <t-dropdown xs>
-          <template v-slot:icon>
-            <dots-horizontal-icon
-              class="w-5 h-5 text-talos-gray-900 dark:text-talos-gray-50"
-              aria-hidden="true"
-              />
-          </template>
-          <template v-slot:default>
-            <menu-item v-slot="{ active }">
-              <a
-                v-on:click="acceptServer"
-                :class="{ active }"
-                >Accept Server</a
-              >
-            </menu-item>
-          </template>
-        </t-dropdown>
-      </div>
-    </div>
-
-    <div v-if="expanded" class="block col-span-5">
-      <div class="flex items-center grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-1 lg:gap-4">
-        <div class="flex-1">
-          <div class="label">Labels</div>
-          <template v-if="item.metadata.labels">
-          <div :class="{ tag: true, 'details-tag': true, 'mt-1': index > 0 }" v-for="value, key, index in item.metadata.labels" :key="key">
-            {{ key }}: {{ value }}
-          </div>
-          </template>
-        </div>
-        <div class="flex-1">
-          <div class="label">Accepted</div>
-          <div class="tag details-tag capitalize">
-            <check-icon class="w-5 h-5" v-if="item.spec.accepted"/>
-            <x-icon class="w-5 h-5" v-else/>
-            {{ item.spec.accepted || false }}
-          </div>
-        </div>
-        <div class="flex-1">
-          <div class="label">Clean</div>
-          <div class="tag details-tag capitalize">
-            <check-icon class="w-5 h-5" v-if="item.status && item.status.isClean"/>
-            <x-icon class="w-5 h-5" v-else/>
-            {{ !!(item.status || {}).isClean }}
-          </div>
-        </div>
-        <div class="flex-1">
-          <div class="label">Resource Version</div>
-          <div>{{ item.metadata.resourceVersion }}</div>
-        </div>
-        <div class="flex-1">
-          <div class="label">Hostname</div>
-          <div>{{ item.spec.hostname }}</div>
-        </div>
-        <div class="flex-1">
-          <div class="label">In Use</div>
-          <div class="tag details-tag capitalize">
-            <check-icon class="w-5 h-5" v-if="item.status && item.status.inUse"/>
-            <x-icon class="w-5 h-5" v-else/>
-            {{ !!(item.status || {}).inUse }}
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script type="ts">
-import {
-  LightBulbIcon,
-  CheckCircleIcon,
-  ExclamationCircleIcon,
-  ChevronDownIcon,
-  CheckIcon,
-  XIcon,
-  DotsHorizontalIcon,
-} from '@heroicons/vue/solid';
-import TDropdown from './TDropdown.vue';
-import { DateTime } from 'luxon';
-import { computed, ref, toRefs } from 'vue';
-import { ResourceService } from '../api/grpc';
-import { KubernetesResourceType } from '../api/resources';
-import { Runtime } from '../api/common/theila';
-import { showError } from '../modal';
-import { MenuItem } from '@headlessui/vue';
-
-export default {
-  components: {
-    LightBulbIcon,
-    CheckCircleIcon,
-    ExclamationCircleIcon,
-    ChevronDownIcon,
-    CheckIcon,
-    XIcon,
-    DotsHorizontalIcon,
-    TDropdown,
-    MenuItem,
-  },
-
-  props: {
-    item: {
-      type: Object,
-      required: true,
-    }
-  },
-
-  setup(props) {
-    const expanded = ref(false);
-    const { item } = toRefs(props);
-
-    const created = computed(() => {
-      return DateTime.fromISO(props.item["metadata"]["creationTimestamp"]).toRelative();
-    });
-
-    const cpu = computed(() => {
-      return (props.item["spec"]["cpu"] || {})["version"];
-    });
-
-    return {
-      created,
-      cpu,
-      expanded,
-      expand: () => {
-        expanded.value = !expanded.value;
-      },
-      acceptServer: async () => {
-        if(item.value["spec"]["accepted"])
-          return;
-
-        const spec = {};
-
-        Object.assign(spec, item.value);
-
-        spec.spec["accepted"] = true;
-
-        try {
-          await ResourceService.Update({
-            metadata: {
-              type: KubernetesResourceType,
-            },
-            spec: spec,
-          }, {
-            runtime: Runtime.Kubernetes,
-          });
-        } catch(e) {
-          showError(`Failed to accept the server ${item.value["metadata"]["name"]}`, e.toString())
-        }
-      },
-    }
-  }
-};
-</script>
-
-<style scoped>
-.ready {
-  @apply bg-green-100 text-green-700 dark:bg-green-800 dark:text-green-100;
-}
-
-.not-ready {
-  @apply bg-red-100 text-red-700 dark:bg-red-800 dark:text-red-100;
-}
-
-.tag {
-  @apply font-normal inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-sm leading-4 tracking-wider;
-}
-
-.details-tag {
-  @apply bg-talos-gray-200 text-talos-gray-800 dark:bg-talos-gray-700 dark:text-talos-gray-100;
-}
-
-.on {
-  @apply text-yellow-500;
-}
-
-.off {
-  @apply text-gray-400;
-}
-
-.label {
-  @apply text-sm font-medium leading-5 text-talos-gray-500;
-}
-</style>
diff --git a/frontend/src/components/Shell.vue b/frontend/src/components/Shell.vue
deleted file mode 100644
index d0e1e24..0000000
--- a/frontend/src/components/Shell.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div :class="shellClasses">
-    <div :class="sidebarClasses">
-      <slot name="menu"></slot>
-    </div>
-    <div class="flex items-center justify-center w-full overflow-y-auto overflow-x-hidden">
-      <div class="flex-1 max-w-screen-xl h-full">
-        <div :class="contentClasses">
-          <slot name="content"></slot>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script type="ts">
-import { computed, toRefs } from 'vue';
-
-export default {
-  props: {
-    colorStyle: {
-      type: String,
-      default: "normal",
-    },
-
-    sidebarWidth: {
-      type: String,
-      default: "w-60 lg:w-72",
-    }
-  },
-
-  setup(props) {
-    const {colorStyle, sidebarWidth} = toRefs(props);
-
-    return {
-      sidebarClasses: computed(() => {
-        return `sidebar sidebar-${colorStyle.value} ${sidebarWidth.value}`;
-      }),
-      contentClasses: computed(() => {
-        return `content-${colorStyle.value}`;
-      }),
-      shellClasses: computed(() => {
-        return `shell-${colorStyle.value}`;
-      }),
-    }
-  }
-};
-</script>
-
-<style>
-.sidebar-inverted {
-  @apply flex flex-col justify-between flex-none h-full py-2 select-none sm:px-3 overflow-y-auto gap-2;
-}
-
-.sidebar-normal {
-  @apply sidebar-inverted bg-talos-gray-200 dark:bg-talos-gray-800;
-}
-
-.content-inverted {
-  @apply flex-1 flex flex-col py-2 px-4 h-full;
-}
-
-.content-normal {
-  @apply content-inverted bg-white dark:bg-talos-gray-900;
-}
-
-.shell-normal {
-  @apply shell-inverted bg-white dark:bg-talos-gray-900 text-talos-gray-900 dark:text-white;
-}
-
-.shell-inverted {
-  @apply flex flex-row font-sans antialiased;
-}
-
-</style>
diff --git a/frontend/src/components/StackedList.vue b/frontend/src/components/StackedList.vue
deleted file mode 100644
index 564e854..0000000
--- a/frontend/src/components/StackedList.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div>
-    <div class="lg:flex gap-2 grid grid-col-1 mb-4">
-      <t-input v-if="search" :placeholder="search" v-model="filter" class="w-full flex-1">
-        <template v-slot:icon>
-          <search-icon class="w-5 h-5"/>
-        </template>
-      </t-input>
-      <t-dropdown v-for="category, index in categories" :title="category.title" :key="index">
-        <template v-slot:default>
-          <menu-item v-for="option in category.options" :key="option.name" v-slot="{ active }">
-            <a
-              v-on:click="() => { category.current = option.filter; category.title = option.name }"
-              :class="{ active }"
-              >{{ option.name }}</a
-            >
-          </menu-item>
-        </template>
-      </t-dropdown>
-      <slot name="menu"></slot>
-    </div>
-    <div class="stacked-list">
-      <ul>
-        <li v-if="showCount && itemName">
-          <div class="px-4 py-4">
-            {{ items.length }} {{ pluralize(itemName, items.length) }}
-          </div>
-        </li>
-        <li v-if="$slots.header" class="table-header">
-          <slot name="header"></slot>
-        </li>
-        <li
-          v-for="item, index in filteredItems"
-          :key="idFn ? idFn(item) : index"
-          >
-          <slot :item="item"></slot>
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { ref, computed, toRefs, reactive } from 'vue';
-import pluralize from 'pluralize';
-import { SearchIcon } from '@heroicons/vue/outline';
-import { MenuItem } from '@headlessui/vue';
-import TInput from './TInput.vue';
-import TDropdown from './TDropdown.vue';
-
-export default {
-  components: {
-    SearchIcon,
-    TInput,
-    TDropdown,
-    MenuItem,
-  },
-
-  props: {
-    items: Array,
-    idFn: Function,
-    filterFn: Function,
-    categories: Array,
-    itemName: String,
-    search: String,
-    showCount: Boolean,
-  },
-
-  setup(props) {
-    const filter = ref("");
-    const { items, filterFn, categories } = toRefs(props);
-
-    if(categories && categories.value) {
-      for(let i = 0; i < categories.value.length; i++) {
-        const item = categories.value[i];
-        item.title = item.placeholder;
-        item.current = null;
-        item.options.splice(0, 0, {
-          name: item.placeholder,
-        });
-        categories.value[i] = reactive(item);
-      }
-    }
-
-    const quickFilters = computed(() => {
-      if(!categories || !categories.value)
-        return [];
-
-      const res = [];
-      for(const f of categories.value) {
-        if(f.current)
-          res.push(f.current);
-      }
-
-      return res;
-    });
-
-    const filteredItems = computed(() => {
-      if((filter.value === "" || filterFn === null) && quickFilters.value.length === 0)
-        return items.value;
-
-      return items.value.filter((item) => filterFn.value(item, filter.value) && quickFilters.value.every((f) => f(item)));
-    });
-
-    return {
-      filter,
-      pluralize: pluralize,
-      filteredItems,
-    }
-  }
-}
-</script>
-
-<style>
-.stacked-list {
-  @apply flex flex-col w-full bg-white border rounded-md border-talos-gray-300 dark:border-talos-gray-600 dark:bg-talos-gray-900 text-talos-gray-900 dark:text-talos-gray-100 overflow-visible mb-2;
-}
-
-.stacked-list > ul {
-  @apply divide-y divide-talos-gray-300 dark:divide-talos-gray-600 overflow-visible;
-}
-
-.stacked-list li {
-  @apply text-sm text-talos-gray-900 dark:text-talos-gray-100 overflow-visible;
-}
-
-.stacked-list > ul > li:first-child > * {
-  @apply rounded-tl-md rounded-tr-md;
-}
-
-.stacked-list > ul > li:last-child > * {
-  @apply rounded-bl-md rounded-br-md;
-}
-
-.stacked-list .table-header > * {
-  @apply font-medium flex items-center px-4 py-3 min-w-0 grid gap-4 uppercase bg-talos-gray-100 dark:bg-talos-gray-700 text-talos-gray-500 dark:text-talos-gray-300;
-}
-</style>
diff --git a/frontend/src/components/TButton.vue b/frontend/src/components/TButton.vue
deleted file mode 100644
index 99cc8d4..0000000
--- a/frontend/src/components/TButton.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <button type="button" :disabled="disabled"
-          class="focus:outline-none focus:shadow-outline disabled:opacity-50"
-          :class="{primary: primary, secondary: !primary && !danger, danger: danger, small: small, xs: xs, 'cursor-pointer': !disabled, 'pointer-events-none': disabled}">
-    <div class="container space-x-1">
-      <slot></slot>
-    </div>
-  </button>
-</template>
-
-<script lang="ts">
-export default {
-  props: {
-    primary: Boolean,
-    danger: Boolean,
-    small: Boolean,
-    xs: Boolean,
-    disabled: Boolean,
-  },
-};
-</script>
-
-<style scoped>
-button {
-  @apply px-3 py-2 text-sm font-semibold leading-5 transition-colors duration-200 rounded-md shadow-sm select-none;
-}
-
-.primary {
-  @apply text-white bg-blue-500 hover:bg-blue-700 focus:bg-blue-700 border border-transparent;
-}
-
-.danger {
-  @apply text-white bg-red-600 hover:bg-red-500 focus:bg-red-500 border border-transparent;
-}
-
-.secondary {
-  @apply text-black dark:text-white border border-talos-gray-300 dark:border-talos-gray-600 bg-talos-gray-50 dark:bg-talos-gray-800 hover:bg-gray-200 dark:hover:bg-talos-gray-700 focus:bg-talos-gray-200 dark:focus:bg-talos-gray-700;
-}
-
-.small {
-  @apply py-1;
-}
-
-.xs {
-  @apply p-1;
-}
-
-button > div.container {
-  @apply flex items-center;
-}
-</style>
diff --git a/frontend/src/components/TChart.vue b/frontend/src/components/TChart.vue
deleted file mode 100644
index 687aa94..0000000
--- a/frontend/src/components/TChart.vue
+++ /dev/null
@@ -1,256 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div class="flex flex-col">
-    <div v-if="title" class="w-full text-center text-naturals-N13">
-      {{ title }}
-    </div>
-    <div class="flex-1">
-      <div
-        v-if="err || loading"
-        class="flex flex-row justify-center items-center w-full h-full"
-      >
-        <div
-          v-if="err"
-          class="flex justify-center items-center w-1/2 gap-4 text-talos-gray-500 text-sm"
-        >
-          <div class="flex-0">
-            <exclamation-icon class="w-6 h-6" />
-          </div>
-          <div>{{ err }}</div>
-        </div>
-        <t-spinner v-else />
-      </div>
-      <apexchart
-        v-else
-        width="100%"
-        height="100%"
-        :type="type"
-        :options="options"
-        :series="series"
-      />
-    </div>
-  </div>
-</template>
-
-<script type="ts">
-import { ref, toRefs, computed, watch } from 'vue';
-import { theme, systemTheme, isDark } from '../theme';
-import VueApexCharts from "vue3-apexcharts";
-import Watch from "../api/watch";
-import TSpinner from "./TSpinner.vue";
-import { Kind } from "../api/socket/message";
-import { context as ctx } from "../context";
-import {
-  ExclamationIcon
-} from '@heroicons/vue/outline';
-import { DateTime } from 'luxon';
-
-export default {
-  components: {
-    apexchart: VueApexCharts,
-    TSpinner,
-    ExclamationIcon,
-  },
-
-  props: {
-    name: {
-      type: String,
-      required: true,
-    },
-    animations: Boolean,
-    legend: Boolean,
-    dataLabels: Boolean,
-    stroke: {
-      type: Object,
-      default: () => {
-        return {
-          curve: "smooth",
-          width: 2,
-        };
-      },
-    },
-    chartType: String,
-    title: String,
-    type: String,
-    numPoints: {
-      type: Number,
-      default: 25,
-    },
-    resource: {
-      type: Object,
-      required: true,
-    },
-    context: Object,
-    talos: Boolean,
-    kubernetes: Boolean,
-    pointFn: {
-      type: Function,
-      required: true,
-    }
-  },
-
-  setup(props, componentContext) {
-    const series = ref([]);
-    const seriesMap = {};
-    let points = {};
-    let flush = {};
-
-    const handlePoint = (message, spec) => {
-      if(message.kind != Kind.EventItemUpdate) {
-        return;
-      }
-
-      const data = pointFn.value(spec["new"]["spec"], spec["old"]["spec"]);
-      for(const key in data) {
-        if(!(key in seriesMap)) {
-          series.value.push({
-            name: key,
-            data: [],
-          });
-
-          seriesMap[key] = {
-            index: series.value.length - 1,
-            version: 0,
-          }
-        }
-
-        const version = spec["new"]["metadata"]["version"];
-        const meta = seriesMap[key];
-        if(version <= meta.version) {
-          continue;
-        }
-
-        let point = data[key];
-        const updated = spec["new"]["metadata"]["updated"];
-        if(updated) {
-          point = [DateTime.fromISO(updated).toMillis(), point];
-        }
-
-        clearTimeout(flush[meta.index]);
-
-        if(!points[meta.index])
-          points[meta.index] = [];
-
-        points[meta.index].push(point);
-        meta.version = version;
-
-        flush[meta.index] = setTimeout(() => {
-          let dst = series.value[meta.index].data;
-
-          dst = dst.concat(points[meta.index]);
-
-          if(dst.length >= numPoints.value) {
-            dst.splice(0, dst.length - numPoints.value + 1);
-          }
-
-          series.value[meta.index].data = dst;
-          points[meta.index] = [];
-        }, 50);
-      }
-    };
-
-    const numPoints = ref(props["resource"]["tail_events"] || 25);
-
-    const {
-      name,
-      animations,
-      legend,
-      dataLabels,
-      stroke,
-      pointFn,
-    } = toRefs(props);
-
-    const w = new Watch(
-      ctx.api,
-      null,
-      handlePoint,
-    );
-    const dark = ref(isDark(theme.value || systemTheme.value));
-
-    watch([theme, systemTheme], () => {
-      dark.value = isDark(theme.value || systemTheme.value);
-    });
-
-    w.setup(props, componentContext);
-    const options = computed(() => {
-      return {
-        theme: {
-          mode: dark.value ? "dark" : "light",
-        },
-        chart: {
-          background: "#00000000",
-          id: name.value,
-          zoom: {
-            enabled: false,
-          },
-          animations: {
-            enabled: animations.value,
-          },
-          toolbar: {
-            show: false
-          },
-        },
-        legend: {
-          show: legend.value,
-        },
-        dataLabels: {
-          enabled: dataLabels.value,
-        },
-        stroke: stroke.value,
-        tooltip: {
-          theme: dark.value ? "dark" : "light",
-          x: {
-            format: 'HH:mm:ss',
-          },
-        },
-        grid: {
-          borderColor: dark.value ? '#333' : "#EEE",
-          strokeDashArray: 2,
-          xaxis: {
-            lines: {
-              show: true,
-            }
-          },
-          yaxis: {
-            lines: {
-              show: true,
-            }
-          },
-        },
-        xaxis:{
-          type: "datetime",
-          labels: {
-            datetimeFormatter: {
-              year: 'yyyy',
-              month: 'MMM \'yy',
-              day: 'dd MMM',
-              hour: 'HH:mm'
-            }
-          },
-          axisBorder: {
-            show: false,
-          },
-          axisTicks: {
-            show: false,
-          },
-        },
-        yaxis: {
-          forceNiceScale: true,
-          decimalsInFloat: 2,
-        }
-      };
-    });
-
-    return {
-      options,
-      err: w.err,
-      loading: w.loading,
-      series,
-    };
-  }
-};
-</script>
diff --git a/frontend/src/components/TCheckbox.vue b/frontend/src/components/TCheckbox.vue
deleted file mode 100644
index 3ead451..0000000
--- a/frontend/src/components/TCheckbox.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div class="flex items-center gap-2 text-talos-gray-800 hover:text-talos-gray-600 dark:text-talos-gray-400 dark:hover:text-talos-gray-300">
-    <Switch
-      v-model="checked"
-      class="inline-flex justify-center items-center w-5 h-5 rounded-md border-2 border-talos-gray-800 dark:border-talos-gray-400 outline-none"
-      >
-      <check-icon v-if="checked" class="w-4 h-4 inline-block"/>
-    </Switch>
-    <div @click="() => { checked = !checked }" class="cursor-pointer uppercase text-sm select-none font-bold">{{ label }}</div>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed } from 'vue';
-import { Switch } from '@headlessui/vue';
-import { CheckIcon } from '@heroicons/vue/solid';
-
-export default {
-  components: {
-    Switch,
-    CheckIcon,
-  },
-  props: {
-    modelValue: Boolean,
-    label: String,
-  },
-  emits: [
-    'update:modelValue'
-  ],
-  setup(props, { emit }) {
-    const checked = computed({ 
-      get: () => props.modelValue, 
-      set: (value) => emit('update:modelValue', value) 
-    });
-
-    return {
-      checked,
-    };
-  }
-};
-</script>
diff --git a/frontend/src/components/TDropdown.vue b/frontend/src/components/TDropdown.vue
deleted file mode 100644
index 7fc8eae..0000000
--- a/frontend/src/components/TDropdown.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div>
-    <Menu as="div" class="relative w-full">
-      <menu-button as="template" :disabled="disabled">
-        <t-button :xs="xs" :small="small" :disabled="disabled" class="w-full">
-          <div class="flex-1 truncate" v-if="title">{{ title }}</div>
-          <slot name="icon" v-if="$slots.icon"></slot>
-          <chevron-down-icon v-else class="w-5 h-5 ml-2 -mr-1" aria-hidden="true"/>
-        </t-button>
-      </menu-button>
-      <transition
-        enter-active-class="transition duration-100 ease-out"
-        enter-from-class="transform scale-95 opacity-0"
-        enter-to-class="transform scale-100 opacity-100"
-        leave-active-class="transition duration-75 ease-in"
-        leave-from-class="transform scale-100 opacity-100"
-        leave-to-class="transform scale-95 opacity-0"
-        >
-        <menu-items class="absolute right-0 w-56 mt-2 origin-top-right bg-white border border-transparent rounded-md shadow-lg dark:bg-talos-gray-800 dark:border-talos-gray-600 dark:border-opacity-50 ring-1 ring-black ring-opacity-5 focus:outline-none" style="z-index: 100">
-          <div class="px-1 py-1 dropdown-items">
-            <slot></slot>
-          </div>
-        </menu-items>
-      </transition>
-    </Menu>
-  </div>
-</template>
-
-<script lang="ts">
-import {
-  ChevronDownIcon,
-} from '@heroicons/vue/solid';
-import { Menu, MenuButton, MenuItems } from '@headlessui/vue';
-import TButton from './TButton.vue';
-
-export default {
-  components: {
-    Menu,
-    MenuButton,
-    MenuItems,
-    ChevronDownIcon,
-    TButton,
-  },
-
-  props: {
-    title: String,
-    icon: Object,
-    small: Boolean,
-    xs: Boolean,
-    disabled: Boolean,
-  }
-};
-</script>
-
-<style>
-.dropdown-items a {
-  @apply block px-4 py-2 text-sm text-talos-gray-700 dark:text-talos-gray-50 cursor-default;
-}
-
-.dropdown-items a.active {
-  @apply bg-talos-gray-100 dark:bg-talos-gray-900 text-talos-gray-700 dark:text-talos-gray-50;
-}
-</style>
diff --git a/frontend/src/components/TInput.vue b/frontend/src/components/TInput.vue
deleted file mode 100644
index 0981b6a..0000000
--- a/frontend/src/components/TInput.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div class="relative">
-    <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-talos-gray-500" v-if="$slots.icon">
-      <slot name="icon"/>
-    </div>
-    <input 
-      type="text"
-      :class="{'py-2': !small, 'py-1': small, 'icon-padding': $slots.icon, 'focus:border-blue-500': true, 'dark:focus:border-talos-blue-600': true, 'w-full': true}"
-      :placeholder="placeholder"
-      :value="modelValue"
-      @input="$emit('update:modelValue', $event.target.value)"
-    />
-  </div>
-</template>
-
-<script lang="ts">
-export default {
-  props: {
-    placeholder: String,
-    modelValue: String,
-    small: Boolean,
-  }
-}
-</script>
-
-<style scoped>
-input {
-  @apply px-3 text-sm font-normal leading-5 bg-white dark:bg-black border rounded-md shadow-none appearance-none placeholder-talos-gray-400 dark:placeholder-talos-gray-500 text-talos-gray-700 dark:text-talos-gray-200 border-talos-gray-300 dark:border-talos-gray-600 focus:outline-none focus:ring ring-blue-200 dark:ring-gray-700;
-}
-
-input.icon-padding {
-  @apply pl-10;
-}
-</style>
diff --git a/frontend/src/components/TLabel.vue b/frontend/src/components/TLabel.vue
deleted file mode 100644
index b02e99d..0000000
--- a/frontend/src/components/TLabel.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <span :class="{tag: true, red: col === 'red', gray: col === 'gray', green: col === 'green'}">
-    <span
-      class="icon"
-      :class="{ red: col === 'red', green: col === 'green' }"
-      v-if="$slots.icon"
-      >
-      <slot name="icon"></slot>
-    </span>
-    <slot></slot>
-  </span>
-</template>
-
-<script lang="ts">
-export default {
-  props: {
-    col: {
-      type: String,
-      default: "gray",
-      validator(val) {
-        return ["red", "green", "gray"].includes(val);
-      }
-    }
-  }
-};
-</script>
-
-<style scoped>
-.tag {
-  @apply font-normal inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-sm leading-4 tracking-wider whitespace-nowrap;
-}
-
-.gray {
-  @apply bg-talos-gray-200 text-talos-gray-800 dark:bg-talos-gray-700 dark:text-talos-gray-100;
-}
-
-.red {
-  @apply bg-red-100 text-red-700 dark:bg-red-800 dark:text-red-100;
-}
-
-.green {
-  @apply bg-green-100 text-green-700 dark:bg-green-800 dark:text-green-100;
-}
-
-.icon {
-  @apply mr-1;
-}
-
-.icon.green {
-  @apply text-green-400 dark:text-green-300;
-}
-
-.icon.red {
-  @apply text-red-400 dark:text-red-300;
-}
-</style>
diff --git a/frontend/src/components/TNotification.vue b/frontend/src/components/TNotification.vue
deleted file mode 100644
index a666591..0000000
--- a/frontend/src/components/TNotification.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div>
-    <div class="sm:flex sm:items-start p-5 max-w-2xl">
-      <div class="flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full sm:mx-0 sm:h-10 sm:w-10" :class="{ error: error, info: info, warning: warning, success: success }">
-        <exclamation-icon v-if="error || warning" class="w-6 h-6" fill="currentColor"/>
-        <check-circle-icon v-else-if="success" class="w-6 h-6" fill="currentColor"/>
-        <information-circle-icon v-else class="w-6 h-6" fill="currentColor"/>
-      </div>
-      <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
-        <h3 class="text-lg leading-6 font-medium text-talos-gray-900 dark:text-talos-gray-100" id="modal-title">{{ title }}</h3>
-        <div class="mt-2">
-          <p class="text-sm text-talos-gray-500 dark:text-talos-gray-300">{{ body }}</p>
-        </div>
-      </div>
-    </div>
-    <div class="bg-talos-gray-50 dark:bg-talos-gray-700 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse gap-2 rounded-b-lg">
-      <t-button small primary @click="close">Dismiss</t-button>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import {
-  ExclamationIcon,
-  InformationCircleIcon,
-  CheckCircleIcon,
-} from '@heroicons/vue/outline';
-import { modal } from '../modal';
-import TButton from './TButton.vue';
-
-export default {
-  components: {
-    ExclamationIcon,
-    InformationCircleIcon,
-    CheckCircleIcon,
-    TButton,
-  },
-
-  props: {
-    title: String,
-    body: String,
-    error: Boolean,
-    info: Boolean,
-    warning: Boolean,
-    success: Boolean,
-  },
-
-  setup() {
-    return {
-      close() {
-        modal.value = null;
-      }
-    }
-  },
-}
-</script>
-
-<style scoped>
-.warning {
-  @apply text-yellow-400  bg-yellow-400 bg-opacity-20;
-}
-
-.error {
-  @apply bg-red-100 dark:bg-red-300 text-red-600 dark:bg-opacity-20;
-}
-
-.info {
-  @apply bg-blue-400 dark:bg-blue-300 text-blue-400 dark:text-blue-300 bg-opacity-20 dark:bg-opacity-20;
-}
-
-.success {
-  @apply bg-green-400 dark:bg-green-300 text-green-400 dark:text-green-300 bg-opacity-20 dark:bg-opacity-20;
-}
-</style>
-
diff --git a/frontend/src/components/TSpinner.vue b/frontend/src/components/TSpinner.vue
deleted file mode 100644
index f98d6e3..0000000
--- a/frontend/src/components/TSpinner.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <span>
-    <svg class="w-5 h-5 text-black dark:text-white animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-      <path class="opacity-50" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-    </svg>
-  </span>
-</template>
diff --git a/frontend/src/components/TStat.vue b/frontend/src/components/TStat.vue
deleted file mode 100644
index 0f2aaed..0000000
--- a/frontend/src/components/TStat.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div v-if="loading" class="flex flex-row justify-center items-center w-full h-full">
-    <t-spinner/>
-  </div>
-  <div v-else class="flex items-center gap-4 p-5 overflow-hidden bg-white border rounded-lg shadow sm:py-6 border-talos-gray-300 dark:border-talos-gray-600 dark:bg-talos-gray-900">
-    <div>
-      <div class="p-3 bg-blue-600 rounded-md dark:bg-blue-800 bg-opacity-60 text-white dark:text-blue-400">
-        <slot name="icon"/>
-      </div>
-    </div>
-    <div>
-      <p class="text-sm font-medium truncate text-talos-gray-500">{{ name }}</p>
-      <transition
-          enter-active-class="transition-all ease-out-in duration-500"
-          enter-from-class="transform opacity-0 translate-x-2"
-          enter-to-class="transform opacity-100 translate-x-0"
-        >
-        <div class="text-2xl font-semibold truncate text-talos-gray-900 dark:text-talos-gray-100" v-if="value">
-          {{ value }}
-        </div>
-      </transition>
-      <p class="text-2xl font-semibold truncate opacity-0" v-if="!value">None</p>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import TSpinner from './TSpinner.vue';
-
-export default {
-  components: {
-    TSpinner,
-  },
-
-  props: {
-    name: String,
-    value: Object,
-    loading: Object,
-  },
-
-  setup(props) {
-    return props 
-  }
-}
-</script>
-
diff --git a/frontend/src/components/Watch.vue b/frontend/src/components/Watch.vue
deleted file mode 100644
index 30238b6..0000000
--- a/frontend/src/components/Watch.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div>
-    <div v-if="loading" class="flex flex-row justify-center items-center w-full h-full">
-      <t-spinner/>
-    </div>
-    <t-alert v-else-if="err" title="Failed to Fetch Data" type="error">
-      {{ err }}.
-    </t-alert>
-    <t-alert v-else-if="items.length == 0" type="info" title="No Records">No entries of the requested resource type are found on the server.</t-alert>
-    <stacked-list v-else :items="items" :idFn="(item) => resourceWatch.id(item)" :showCount="showCount" :itemName="itemName" :search="search" :filterFn="filter" :categories="categories">
-      <template v-slot:menu v-if="sortOptions">
-        <t-dropdown :title="'Sorted by: ' + sortName">
-          <menu-item v-for="option in sortOptions" :key="option.name" v-slot="{ active }">
-            <a
-              v-on:click="() => { sortFn = option.function; sortName = option.name }"
-              :class="{ active }"
-              >{{ option.name }}</a
-            >
-          </menu-item>
-        </t-dropdown>
-      </template>
-      <template v-slot:header v-if="$slots.header">
-        <slot name="header"></slot>
-      </template>
-      <template v-slot:default="slot">
-        <slot :item="slot.item"></slot>
-      </template>
-    </stacked-list>
-  </div>
-</template>
-
-<script lang="ts">
-import { ref, toRefs, computed } from "vue";
-import { context as ctx } from "../context";
-import { MenuItem } from '@headlessui/vue';
-import { defaultCompareFunc } from "../api/watch";
-import Watch from "../api/watch";
-import TSpinner from './TSpinner.vue';
-import TAlert from './TAlert.vue';
-import TDropdown from './TDropdown.vue';
-import StackedList from './StackedList.vue';
-
-export default {
-  components: {
-    TSpinner,
-    TAlert,
-    TDropdown,
-    MenuItem,
-    StackedList,
-  },
-
-  props: {
-    resource: Object,
-    context: Object,
-    showCount: Boolean,
-    itemName: String,
-    categories: Array,
-    search: String,
-    filterFn: Function,
-    sortOptions: Object,
-    compareFn: Function,
-    kubernetes: Boolean,
-    talos: Boolean,
-    watch: Object,
-  },
-
-  setup(props, context) {
-    const { filterFn, sortOptions } = toRefs(props);
-    const resourceWatch = props.watch ? props.watch : new Watch(
-      ctx.api,
-      ref([]),
-    );
-
-    const sortName = ref("Default");
-
-    if(sortOptions && sortOptions.value) {
-      sortOptions.value.splice(0, 0, {
-        name: "Default",
-        function: defaultCompareFunc(resourceWatch),
-      });
-    }
-
-    if(!props.watch) {
-      resourceWatch.setup(props, context);
-    }
-
-    return {
-      items: resourceWatch.items,
-      err: resourceWatch.err,
-      loading: resourceWatch.loading,
-      running: resourceWatch.running,
-      sortFn: resourceWatch.sort,
-      sortName,
-      resourceWatch,
-      filter: computed(() => {
-        return filterFn && filterFn.value ? filterFn.value : (item, filter) => resourceWatch.id(item).includes(filter);
-      })
-    };
-  }
-}
-</script>
diff --git a/frontend/src/components/views/SideBar/components/TSideBarList.vue b/frontend/src/components/views/SideBar/components/TSideBarList.vue
index 4872f99..46757f5 100644
--- a/frontend/src/components/views/SideBar/components/TSideBarList.vue
+++ b/frontend/src/components/views/SideBar/components/TSideBarList.vue
@@ -2,13 +2,13 @@
   <nav class="nav">
     <div class="nav__list">
       <t-menu-item
-         v-for="item of menuItems"
-         :key="item.name"
-         :route="item.route"
-         :name="item.name"
-         :icon="item.icon"
-         :isActive="item.active"
-       />
+        v-for="item of menuItems"
+        :key="item.name"
+        :route="item.route"
+        :name="item.name"
+        :icon="item.icon"
+        :isActive="item.active"
+      />
     </div>
   </nav>
 </template>
@@ -26,15 +26,17 @@ export default {
     const route = useRoute();
     const context = getContext();
     const getRoute = (name: string, path: string) => {
-      return route.query.cluster !== undefined ? {
-        name: name,
-        query: {
-          cluster: route.query.cluster,
-          namespace: route.query.namespace,
-          uid: route.query.uid,
-        },
-      } : path
-    }
+      return route.query.cluster !== undefined
+        ? {
+            name: name,
+            query: {
+              cluster: route.query.cluster,
+              namespace: route.query.namespace,
+              uid: route.query.uid,
+            },
+          }
+        : path;
+    };
 
     const menuItems = computed(() => {
       const res = [
diff --git a/frontend/src/components/views/TUpgradeKubernetesModal/TUpgradeKubernetesModal.vue b/frontend/src/components/views/TUpgradeKubernetesModal/TUpgradeKubernetesModal.vue
index c272d80..913b9da 100644
--- a/frontend/src/components/views/TUpgradeKubernetesModal/TUpgradeKubernetesModal.vue
+++ b/frontend/src/components/views/TUpgradeKubernetesModal/TUpgradeKubernetesModal.vue
@@ -243,17 +243,20 @@ export default {
         const res: string[] = [];
         if (fromVersion.value === "unknown") return res;
 
-        for (const version of versions.value) {
-          const v = version["spec"]["version"];
+        for (const ver of versions.value) {
+          const v = ver["spec"]["version"];
           if (!isValidSemVer(v)) continue;
+
+          const parts = fromVersion.value.split(".");
+          const version = `${parts.slice(0, 2).join(".")}.0`;
+
           if (
-            compareSemVer(v, fromVersion.value) === 0 ||
-            compareSemVer(v, fromVersion.value) === 1
+            compareSemVer(v, version) === 0 ||
+            compareSemVer(v, version) === 1
           )
             res.push(v);
         }
-
-        return res;
+        return res.sort();
       }),
       running: computed(() => {
         if (statuses.value.length === 0) {
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 2994dbe..d26aa52 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -3,13 +3,11 @@
 // file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 import { createWebHistory, createRouter } from "vue-router";
-import Clusters from "../views/Clusters.vue";
 import Servers from "../views/Servers/TServers.vue";
 import Dashboard from "../views/Dashboard/TDashboard.vue";
 import TKubernetes from "../views/Kubernetes/TKubernetes.vue";
 import TUpgradeKubernetesModal from '@/components/views/TUpgradeKubernetesModal/TUpgradeKubernetesModal.vue';
 import Nodes from "../views/Nodes/TNodes.vue";
-import Pods from "../views/cluster/Pods.vue";
 import TPods from "../views/Pods/TPods.vue";
 import Overview from "../views/Nodes/TNodesOverview.vue";
 import OverviewPage from "../views/Overview/Overview.vue";
@@ -19,11 +17,8 @@ import SidebarRoot from "../views/SidebarRoot.vue";
 import SidebarCluster from "../views/SidebarCluster.vue";
 import SidebarNode from "../views/SidebarNode.vue";
 import TSidebarNodesLogs from "../components/views/SideBar/components/TSideBarNodesLogs.vue";
-import Settings from "../views/Settings.vue";
 import TReboot from "../components/views/Reboot/TReboot.vue";
 import TReset from "../components/views/Reset/TReset.vue";
-import Upgrade from "../views/Upgrade.vue";
-import { context } from "../context";
 
 const withPrefix = (prefix, routes) =>
   routes.map((route) => {
@@ -89,13 +84,6 @@ const routes = [
       default: TPods,
     },
   },
-  {
-    path: "/clusters",
-    name: "Clusters",
-    components: {
-      default: Clusters,
-    },
-  },
   {
     path: "/servers",
     name: "Servers",
@@ -155,7 +143,6 @@ const router = createRouter({
 });
 
 const modals = {
-  settings: Settings,
   reboot: TReboot,
   upgrade: TUpgradeKubernetesModal,
   reset: TReset,
diff --git a/frontend/src/views/Clusters.vue b/frontend/src/views/Clusters.vue
deleted file mode 100644
index 969a8a8..0000000
--- a/frontend/src/views/Clusters.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div class="flex flex-col gap-2">
-    <div class="px-3 py-2">
-      <h1 class="text-lg tracking-tight text-talos-gray-900 dark:text-white font-bold">Clusters</h1>
-    </div>
-    <watch class="flex-1" :resource="{type: kubernetes.cluster}" kubernetes search="Search cluster by name">
-      <template v-slot:default="slot">
-        <cluster-list-item :item="slot.item"/>
-      </template>
-    </watch>
-  </div>
-</template>
-
-<script type="ts">
-import Watch from '../components/Watch.vue';
-import ClusterListItem from '../components/ClusterListItem.vue';
-import { kubernetes } from '../api/resources';
-
-export default {
-  components: {
-    Watch,
-    ClusterListItem,
-  },
-
-  setup () {
-    return {
-      kubernetes
-    }
-  }
-}
-</script>
diff --git a/frontend/src/views/Reboot.vue b/frontend/src/views/Reboot.vue
deleted file mode 100644
index 54a6ff1..0000000
--- a/frontend/src/views/Reboot.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<!--
-This Runtime Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div>
-    <div class="sm:flex sm:items-start p-5 max-w-xl">
-      <div class="flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-yellow-400 text-yellow-400 bg-opacity-20 sm:mx-0 sm:h-10 sm:w-10">
-        <exclamation-icon class="w-6 h-6" fill="currentColor"/>
-      </div>
-      <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
-        <h3 class="text-lg leading-6 font-medium text-talos-gray-900 dark:text-talos-gray-100" id="modal-title">Reboot the Node {{ node }}</h3>
-        <div class="mt-2">
-          <p class="text-sm text-talos-gray-500 dark:text-talos-gray-300">Please confirm the action.</p>
-        </div>
-      </div>
-    </div>
-    <div class="bg-talos-gray-50 dark:bg-talos-gray-700 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse gap-2 rounded-b-lg">
-      <t-button small primary :disabled="!node || state === 'Rebooting'" @click="reboot">{{ state }}</t-button>
-      <t-button small @click="close">Cancel</t-button>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import TButton from '../components/TButton.vue';
-import { ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { MachineService } from '../api/grpc';
-import { Runtime } from '../api/common/theila.pb';
-import {
-  ExclamationIcon,
-} from '@heroicons/vue/outline';
-import { showError } from '../modal';
-import { getContext } from '../context';
-
-export default {
-  components: {
-    TButton,
-    ExclamationIcon,
-  },
-
-  setup() {
-    const route = useRoute();
-    const router = useRouter();
-    const state = ref("Reboot");
-
-    const close = () => {
-      router.go(-1);
-    };
-
-    const context = getContext();
-    context.nodes = [route.query.node as string];
-
-    return {
-      node: route.query.node,
-      state,
-      close,
-      reboot: async () => {
-        state.value = "Rebooting";
-
-        try {
-          const res = await MachineService.Reboot({}, {
-            runtime: Runtime.Talos,
-            context: context,
-          });
-
-          const errors: string[] = [];
-          for(const message of res.messages) {
-            if(message.metadata.error)
-              errors.push(`${message.metadata.hostname || route.query.node} ${message.metadata.error}`);
-          }
-
-          if(errors.length > 0)
-            throw new Error(errors.join(", "))
-
-          close();
-        } catch(e) {
-          close();
-
-          showError("Failed to Issue Reboot", e.toString())
-        }
-      }
-    }
-  },
-}
-</script>
diff --git a/frontend/src/views/Reset.vue b/frontend/src/views/Reset.vue
deleted file mode 100644
index d853266..0000000
--- a/frontend/src/views/Reset.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-<!--
-This Runtime Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div>
-    <div class="sm:flex sm:items-start p-5 max-w-xl">
-      <div class="flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-yellow-400 text-yellow-400 bg-opacity-20 sm:mx-0 sm:h-10 sm:w-10">
-        <exclamation-icon class="w-6 h-6" fill="currentColor"/>
-      </div>
-      <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
-        <h3 class="text-lg leading-6 font-medium text-talos-gray-900 dark:text-talos-gray-100" id="modal-title">Reset the Node {{ node }}</h3>
-        <p class="text-sm text-talos-gray-500 dark:text-talos-gray-300">This operation will reset the EPHEMERAL partition on the node.</p>
-        <div class="mt-2 flex flex-col gap-1">
-          <t-checkbox v-model="graceful" label="Graceful"/>
-          <t-checkbox v-model="reboot" label="Reboot"/>
-        </div>
-      </div>
-    </div>
-    <div class="bg-talos-gray-50 dark:bg-talos-gray-700 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse gap-2 rounded-b-lg">
-      <t-button small primary :disabled="!node || state === 'Resetting'" @click="reset">{{ state }}</t-button>
-      <t-button small @click="close">Cancel</t-button>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import TButton from '../components/TButton.vue';
-import TCheckbox from '../components/TCheckbox.vue';
-import { ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { MachineService } from '../api/grpc';
-import { Runtime } from '../api/common/theila.pb';
-import {
-  ExclamationIcon,
-} from '@heroicons/vue/outline';
-import { showError } from '../modal';
-import { getContext } from '../context';
-
-export default {
-  components: {
-    TButton,
-    TCheckbox,
-    ExclamationIcon,
-  },
-
-  setup() {
-    const route = useRoute();
-    const router = useRouter();
-    const state = ref("Reset");
-    const graceful = ref(true);
-    const reboot = ref(true);
-
-    const close = () => {
-      router.go(-1);
-    };
-
-    const context = getContext();
-    context.nodes = [route.query.node as string];
-
-    return {
-      node: route.query.node,
-      state,
-      close,
-      graceful,
-      reboot,
-      reset: async () => {
-        state.value = "Resetting";
-
-        try {
-          const res = await MachineService.Reset({
-              reboot: reboot.value,
-              graceful: graceful.value,
-              systemPartitionsToWipe: [
-                {
-                  label: "EPHEMERAL",
-                  wipe: true,
-                }
-              ],
-            }, {
-            runtime: Runtime.Talos,
-            context: context,
-          });
-
-          const errors: string[] = [];
-          for(const message of res.messages) {
-            if(message.metadata.error)
-              errors.push(`${message.metadata.hostname || route.query.node} ${message.metadata.error}`);
-          }
-
-          if(errors.length > 0)
-            throw new Error(errors.join(", "))
-
-          close();
-        } catch(e) {
-          close();
-
-          showError("Failed to Issue Reset", e.toString())
-        }
-      }
-    }
-  },
-}
-</script>
diff --git a/frontend/src/views/Servers.vue b/frontend/src/views/Servers.vue
deleted file mode 100644
index ce63af2..0000000
--- a/frontend/src/views/Servers.vue
+++ /dev/null
@@ -1,184 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div class="flex flex-col gap-4">
-    <div class="px-3 py-2">
-      <div class="text-lg tracking-tight text-talos-gray-900 dark:text-white font-bold">Servers</div>
-    </div>
-    <div class="grid grid-cols-1 gap-5 md:grid-cols-3">
-      <t-stat name="Total Servers" :value="items.length" :loading="loading">
-        <template v-slot:icon>
-          <server-icon class="w-6 h-6"/>
-        </template>
-      </t-stat>
-      <t-stat name="Allocated" :value="allocated" :loading="loading">
-        <template v-slot:icon>
-          <ticket-icon class="w-6 h-6"/>
-        </template>
-      </t-stat>
-      <t-stat name="Capacity" :value="capacity" :loading="loading">
-        <template v-slot:icon>
-          <cube-icon class="w-6 h-6"/>
-        </template>
-      </t-stat>
-    </div>
-    <watch class="flex-1" :watch="servers" search="Search server" :filterFn="search" :categories="categories" :sortOptions="sortOptions">
-      <template v-slot:header>
-        <div class="flex items-center grid grid-cols-5">
-          <div class="col-span-2 block">
-            Name
-          </div>
-          <div class="block">
-            Created
-          </div>
-          <div class="block">
-            Power
-          </div>
-          <div class="hidden md:block">
-            Status
-          </div>
-        </div>
-      </template>
-      <template v-slot:default="slot">
-        <server-list-item :item="slot.item"/>
-      </template>
-    </watch>
-  </div>
-</template>
-
-<script type="ts">
-import { ref, reactive, computed } from 'vue';
-import Watch from '../components/Watch.vue';
-import TStat from '../components/TStat.vue';
-import { context as ctx } from "../context";
-import ResourceWatch from "../api/watch";
-import ServerListItem from '../components/ServerListItem.vue';
-import {
-  ServerIcon,
-  TicketIcon,
-  CubeIcon,
-} from '@heroicons/vue/outline';
-import { kubernetes } from '../api/resources';
-
-export default {
-  components: {
-    Watch,
-    ServerListItem,
-    TStat,
-    ServerIcon,
-    TicketIcon,
-    CubeIcon,
-  },
-
-  setup() {
-    const items = ref([]);
-    const props = reactive({
-      resource: {
-        type: kubernetes.sideroServers
-      },
-      talos: false,
-      kubernetes: true,
-    });
-
-    const servers = new ResourceWatch(
-      ctx.api,
-      items,
-    );
-
-    servers.setup(props, {});
-
-    const inUse = (item) => getField(item, "status", "inUse");
-    const getField = (item, ...args) => {
-      let el = item;
-      for(const a of args) {
-        el = el[a];
-        if(!el)
-          return null;
-      }
-
-      return el;
-    };
-
-    const getAllocated = () => {
-      return items.value.filter(inUse).length / items.value.length * 100;
-    };
-
-    const categories = [
-      {
-        placeholder: "All Servers",
-        options: [
-          { name: "In Use", filter: inUse },
-          { name: "Not In Use", filter: (item) => !inUse(item) },
-          { name: "Accepted", filter: (item) => item["spec"]["accepted"] },
-          { name: "Not Accepted", filter: (item) => !item["spec"]["accepted"] },
-          { name: "On", filter: (item) => getField(item, "status", "power") === 'on' },
-          { name: "Off", filter: (item) => (getField(item, "status", "power") || 'off') === 'off' },
-        ]
-      },
-      {
-        placeholder: "All Statuses",
-        options: [
-          { name: "Ready", filter: (item) => getField(item, "status", "ready") },
-          { name: "Error", filter: (item) => !getField(item, "status", "ready") },
-        ]
-      }
-    ];
-
-    const newest = (a, b) => {
-      const timestamp1 = a["metadata"]["creationTimestamp"];
-      const timestamp2 = b["metadata"]["creationTimestamp"];
-
-      if(timestamp1 === timestamp2)
-        return 0;
-      else if(timestamp1 < timestamp2)
-        return 1;
-
-      return -1;
-    };
-
-    const sortOptions = [
-      { name: "Newest", function: newest },
-      { name: "Oldest", function: (a, b) => newest(a, b) * -1 },
-    ];
-
-    return {
-      categories,
-      sortOptions,
-      items,
-      servers,
-      loading: servers.loading,
-      allocated: computed(() => {
-        if(items.value.length === 0)
-          return null;
-
-        return getAllocated().toFixed(0) + "%";
-      }),
-      capacity: computed(() => {
-        if(items.value.length === 0)
-          return null;
-
-        return (100 - getAllocated()).toFixed(0) + "%";
-      }),
-      search(item, filter) {
-        if(item["metadata"]["name"].includes(filter)) {
-          return true;
-        }
-
-        if(item["spec"]["cpu"]["version"].includes(filter)) {
-          return true;
-        }
-
-        const labels = item["metadata"]["labels"] || {};
-        for(const key in labels) {
-          return key.includes(filter) || labels[key].includes(filter);
-        }
-
-        return false;
-      }
-    };
-  }
-};
-</script>
diff --git a/frontend/src/views/Settings.vue b/frontend/src/views/Settings.vue
deleted file mode 100644
index 281d7ca..0000000
--- a/frontend/src/views/Settings.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div class="py-5 w-full max-w-3xl">
-    <div class="px-5">
-      <h3 class="mb-2 text-lg leading-6 font-medium text-talos-gray-900 dark:text-talos-gray-100" id="modal-title">Settings</h3>
-    </div>
-    <shell color-style="inverted" sidebar-width="w-60" class="px-2">
-      <template v-slot:menu>
-        <shell-menu-item name="Appearance" active="true">
-          <template v-slot:icon>
-            <eye-icon class="w-6 h-6"/>
-          </template>
-        </shell-menu-item>
-      </template>
-      <template v-slot:content>
-        <fieldset>
-          <legend class="sr-only">Theme setting</legend>
-          <div class="bg-white dark:bg-talos-gray-900 rounded-md -space-y-px form-radio-group">
-            <label v-for="opt in options" :key="opt.value" class="border-talos-gray-200 dark:border-talos-gray-600 relative border p-4 flex cursor-pointer">
-              <input type="radio" v-model="theme" name="theme_setting" :value="opt.value" class="h-4 w-4 mt-0.5 cursor-pointer text-blue-600 border-talos-gray-300 focus:ring-blue-500" aria-labelledby="theme-setting-0-label" aria-describedby="theme-setting-0-description" />
-              <div class="ml-3 flex flex-col">
-                <span id="theme-setting-0-label" class="text-talos-gray-900 dark:text-talos-gray-100 block text-sm font-medium"> {{ opt.label }} </span>
-                <span id="theme-setting-0-description" class="text-talos-gray-900 dark:text-talos-gray-100 block text-sm"> {{ opt.description }} </span>
-              </div>
-            </label>
-          </div>
-        </fieldset>
-      </template>
-    </shell>
-  </div>
-</template>
-
-<script lang="ts">
-import Shell from '../components/Shell.vue';
-import ShellMenuItem from '../components/ShellMenuItem.vue';
-import { theme } from '../theme';
-import {
-  EyeIcon,
-} from '@heroicons/vue/outline';
-
-export default {
-  components: {
-    Shell,
-    ShellMenuItem,
-    EyeIcon,
-  },
-
-  setup() {
-    return {
-      theme,
-      options: [
-        {
-          label: "Light Theme",
-          value: "light",
-          description: "The default theme for the Sidero application.",
-        },
-        {
-          label: "Dark Theme",
-          value: "dark",
-          description: "An alternative theme that’s easy on the eyes.",
-        },
-        {
-          label: "System",
-          value: "system",
-          description: "Automatically switch between light and dark themes when your system does.",
-        },
-      ]
-    }
-  },
-
-  methods: {
-    changeTheme(e) {
-      theme.value = e.target.value;
-    }
-  }
-}
-</script>
-
-<style scoped>
-.form-radio-group > label:first-child {
-  @apply rounded-tl-md rounded-tr-md;
-}
-
-.form-radio-group > label:last-child {
-  @apply rounded-bl-md rounded-br-md;
-}
-</style>
diff --git a/frontend/src/views/Sidebar.vue b/frontend/src/views/Sidebar.vue
deleted file mode 100644
index 93190a4..0000000
--- a/frontend/src/views/Sidebar.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div class="flex flex-col gap-2">
-    <div class="px-3 py-2">
-      <h1 class="text-lg tracking-tight text-talos-gray-900 dark:text-white"><strong>SIDERO</strong> UI</h1>
-    </div>
-    <component :is="sidebar" v-if="sidebar"/>
-  </div>
-</template>
-
-<script lang="ts">
-import { ref } from 'vue';
-import { getSidebar } from '../router';
-import { watch } from 'vue';
-import { useRoute } from 'vue-router';
-
-export default {
-  setup() {
-    const route = useRoute();
-    const sidebar = ref<any>(getSidebar(route));
-
-    watch(() => route.params, () => {
-      sidebar.value = getSidebar(route);
-    });
-
-    watch(() => route.query, () => {
-      sidebar.value = getSidebar(route);
-    });
-
-    return {
-      sidebar,
-    }
-  },
-};
-</script>
diff --git a/frontend/src/views/SidebarChangeContext.vue b/frontend/src/views/SidebarChangeContext.vue
deleted file mode 100644
index 02358af..0000000
--- a/frontend/src/views/SidebarChangeContext.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div class="flex flex-col gap-2">
-    <div class="px-3 py-2">
-      <h1 class="text-lg tracking-tight text-talos-gray-900 dark:text-white"><strong>SIDERO</strong> UI</h1>
-    </div>
-    <shell-menu-item @click="cancel" name="Back">
-      <template v-slot:icon>
-        <arrow-sm-left-icon class="w-6 h-6"/>
-      </template>
-    </shell-menu-item>
-    <t-input v-model="filter" placeholder="Search" style="margin-left: 3px; margin-right: 3px"/>
-    <div class="overflow-y-auto flex-1 gap-2 flex-col flex m-2">
-      <shell-menu-item :name="context.name" v-for="context in shownContexts" :active="active == context.name" :key="context.name" @click="() => changed(context)"/>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { ref, watch, toRefs } from 'vue';
-import ShellMenuItem from '../components/ShellMenuItem.vue';
-import TInput from '../components/TInput.vue';
-import {
-  ArrowSmLeftIcon,
-} from '@heroicons/vue/outline';
-
-export default {
-  props: {
-    changed: {
-      type: Function,
-      required: true,
-    },
-    cancel: {
-      type: Function,
-      required: true,
-    },
-    contexts: Array,
-    active: String,
-  },
-
-  components: {
-    ArrowSmLeftIcon,
-    ShellMenuItem,
-    TInput,
-  },
-
-  setup(props) {
-    const { contexts } = toRefs(props);
-    const shownContexts = ref(contexts.value);
-    const filter = ref("");
-
-    watch([filter, contexts], () => {
-      if(filter.value != "") {
-        shownContexts.value = contexts.value.filter(item => item.name.includes(filter.value));
-      } else {
-        shownContexts.value = contexts.value;
-      }
-    }) 
-
-    return {
-      shownContexts,
-      filter,
-    }
-  }
-}
-</script>
diff --git a/frontend/src/views/Upgrade.vue b/frontend/src/views/Upgrade.vue
deleted file mode 100644
index e49ed49..0000000
--- a/frontend/src/views/Upgrade.vue
+++ /dev/null
@@ -1,292 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div class="text-talos-gray-900 dark:text-talos-gray-100 pt-5 w-1/2 h-2/3"> 
-    <div v-if="!ready" class="flex flex-row justify-center items-center w-full h-full">
-      <t-spinner/>
-    </div>
-    <div v-else class="w-full h-full flex flex-col">
-      <div class="px-5">
-        <h3 class="mb-2 text-lg leading-6 font-medium" id="modal-title">Upgrade Kubernetes</h3>
-      </div>
-      <div class="p-5 h-80 flex flex-col gap-2 flex-1"> 
-        <div class="flex gap-2 w-full items-center border-b border-talos-gray-300 dark:border-talos-gray-600 pb-2">
-          <div class="flex-1">
-            From: {{ fromVersion }}
-          </div>
-          <div>
-            To:
-          </div>
-          <t-dropdown xs :title="toVersion || 'Select an Option...'" class="flex-1">
-            <template v-slot:default>
-              <menu-item v-if="versions.length === 0" v-slot="{ active }">
-                <a
-                  :class="{ active }"
-                  >Newer version is not found.</a
-                >
-              </menu-item>
-              <menu-item v-for="version in versions" :key="version" v-slot="{ active }">
-                <a
-                  v-on:click="() => { toVersion = version }"
-                  :class="{ active }"
-                  >{{ version }}</a
-                >
-              </menu-item>
-            </template>
-          </t-dropdown>
-        </div>
-        <div>Upgrade Logs</div>
-        <log-view :logs="logs" class="flex-1"/>
-      </div>
-      <div class="bg-talos-gray-50 dark:bg-talos-gray-700 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse gap-2 rounded-b-lg">
-        <t-button small primary @click="upgrade" :disabled="running || !toVersion">{{ running ? "Upgrading..." : "Upgrade" }}</t-button>
-        <t-button small danger @click="abort" :disabled="!running">Abort</t-button>
-        <t-button small @click="close">Cancel</t-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import TButton from '../components/TButton.vue';
-import TDropdown from '../components/TDropdown.vue';
-import TSpinner from '../components/TSpinner.vue';
-import LogView from '../components/LogView.vue';
-import Watch from '../api/watch';
-import { MenuItem } from '@headlessui/vue';
-import { ref, onMounted, onUnmounted, computed, Ref, watch } from 'vue';
-import { useRouter } from 'vue-router';
-import { ResourceService, ManagementService, ContextService } from '../api/grpc';
-import { Runtime } from '../api/common/theila.pb';
-import { Kind } from '../api/socket/message';
-import { TaskStatusSpec_Phase } from '../api/rpc/management';
-import { showError, showSuccess } from '../modal';
-import { context, getContext } from '../context';
-import { DefaultNamespace, UpgradeTaskType, TaskStatusType, TaskLogType, KubernetesVersionType } from '../api/resources';
-import { Code } from '../api/google/rpc/code';
-import { compareSemVer, isValidSemVer } from 'semver-parser';
-
-export default {
-  components: {
-    TButton,
-    TDropdown,
-    TSpinner,
-    LogView,
-    MenuItem,
-  },
-
-  setup() {
-    const router = useRouter();
-    const logs:Ref<string[]> = ref([]);
-    const statuses:Ref<any[]> = ref([]);
-    const versions:Ref<Object[]> = ref([]);
-
-    const fromVersion:Ref<string> = ref("");
-    const toVersion:Ref<string> = ref("");
-
-    const upgradeID:Ref<string> = ref("");
-
-    const ready = ref(false);
-
-    const close = () => {
-      router.go(-1);
-    };
-
-    const ctx = getContext();
-    const contextName = ctx.name;
-
-    const lastTask = computed(() => {
-      return statuses.value?.length > 0 ? statuses.value[0] : 0;
-    })
-
-    const handleStatusChange = (message, spec) => {
-      if(message.kind != Kind.EventItemUpdate)
-        return;
-
-      const old = spec["old"]["spec"];
-      const current = spec["new"]["spec"];
-
-      if(old["phase"] !== current["phase"] && current["phase"] === TaskStatusSpec_Phase.COMPLETE) {
-        close();
-        showSuccess("Upgrade complete", "Successfully updated Kubernetes components");
-      }
-
-      if(old["error"] === current["error"])
-        return;
-
-      showError("Failed to upgrade Kubernetes", current["error"]);
-    }
-
-    // first start watches on any ongoing tasks
-    const statusWatch = new Watch(context.api, statuses, handleStatusChange);
-    // and logs
-    const logsWatch = new Watch(context.api, null, (message, spec) => {
-      if(message.kind === Kind.EventItemUpdate) {
-        logs.value.push(spec["new"]["spec"]["line"]);
-      } else {
-        logs.value.push(spec["spec"]["line"]);
-      }
-    });
-
-    const versionsWatch = new Watch(context.api, versions);
-
-    watch(lastTask, async (value) => {
-      if (value) {
-        await logsWatch.start(Runtime.Theila, {
-          id: value.metadata.id,
-          type: TaskLogType,
-          namespace: upgradeID.value,
-          tail_events: 100,
-        }, ctx);
-      } else {
-        await logsWatch.stop();
-      }
-    })
-
-    onMounted(async () => {
-      try {
-        const response = await ContextService.List();
-        
-        upgradeID.value = `${ctx.cluster ? ctx.cluster.uid : null || contextName || response.currentContext}-upgrade-k8s`;
-
-        await statusWatch.start(Runtime.Theila, {
-          type: TaskStatusType,
-          namespace: upgradeID.value,
-        }, ctx, (a, b) => {
-          if (a["metadata"]["created"] === b["metadata"]["created"]) {
-            return 0;
-          } else if (a["metadata"]["created"] < b["metadata"]["created"]) {
-            return 1;
-          }
-
-          return -1;
-        });
-
-        const upgradeInfo = await ManagementService.UpgradeInfo({}, {
-          context: ctx,
-        });
-
-        fromVersion.value = upgradeInfo["fromVersion"] || "unknown";
-
-        await versionsWatch.start(Runtime.Theila, {
-          type: KubernetesVersionType,
-          namespace: DefaultNamespace,
-        }, ctx);
-
-        ready.value = true;
-      } catch(e) {
-        close();
-        showError("Failed to load current state", e.toString())
-      }
-    });
-
-    onUnmounted(async () => {
-      await statusWatch.stop();
-      if (logsWatch.running.value) {
-        await logsWatch.stop();
-      }
-      await versionsWatch.stop();
-    });
-
-    return {
-      close,
-      logs,
-      ready,
-      fromVersion,
-      toVersion,
-      versions: computed(() => {
-        const res:string[] = [];
-        if(fromVersion.value === "unknown")
-          return res;
-
-        for(const version of versions.value) {
-          const v = version["spec"]["version"];
-          if(!isValidSemVer(v))
-            continue;
-
-          if(compareSemVer(v, fromVersion.value) === 1)
-            res.push(v);
-        }
-
-        return res;
-      }),
-      running: computed(() => {
-        if(statuses.value.length === 0) {
-          return false;
-        }
-
-        return statuses.value[0]["spec"]["phase"] === TaskStatusSpec_Phase.RUNNING;
-      }),
-      abort: async() => {
-        try {
-          await ResourceService.Delete({
-            namespace: DefaultNamespace,
-            id: upgradeID.value,
-            type: UpgradeTaskType,
-          }, {
-            runtime: Runtime.Theila,
-          });
-        } catch(e) {
-          if(e.code !== Code.NOT_FOUND) {
-            showError("Failed to abort upgrade", e.toString());
-          }
-        }
-      },
-      upgrade: async () => {
-        try {
-          let pending;
-          try {
-            pending = await ResourceService.Get({
-              namespace: DefaultNamespace,
-              id: upgradeID.value,
-              type: UpgradeTaskType,
-            }, {
-              runtime: Runtime.Theila,
-            });
-          } catch(e) {
-            if(e.code !== Code.NOT_FOUND) {
-              throw e;
-            }
-          }
-
-          if(pending != null) {
-            await ResourceService.Update({
-              metadata: {
-                namespace: DefaultNamespace,
-                type: UpgradeTaskType,
-                id: upgradeID.value,
-                version: `${pending["metadata"]["version"] + 1}`,
-              },
-              spec: {
-                toVersion: toVersion.value,
-                context: ctx,
-              },
-            }, {
-              runtime: Runtime.Theila,
-            });
-          } else {
-            await ResourceService.Create({
-              metadata: {
-                namespace: DefaultNamespace,
-                type: UpgradeTaskType,
-                id: upgradeID.value,
-              },
-              spec: {
-                toVersion: toVersion.value,
-                context: ctx,
-              },
-            }, {
-              runtime: Runtime.Theila,
-            });
-          }
-        } catch(e) {
-          showError("Failed to upgrade Kubernetes", e.toString());
-        }
-      }
-    }
-  },
-}
-</script>
diff --git a/frontend/src/views/cluster/Nodes.vue b/frontend/src/views/cluster/Nodes.vue
deleted file mode 100644
index 0fcdc82..0000000
--- a/frontend/src/views/cluster/Nodes.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div class="flex flex-col">
-    <div class="px-3 py-2 mb-2" v-if="$route.query.cluster">
-      <t-breadcrumbs>{{ $route.query.cluster }} Nodes</t-breadcrumbs>
-    </div>
-    <div class="px-3 py-2" v-else>
-      <h1
-        class="text-lg tracking-tight text-talos-gray-900 dark:text-white font-bold"
-      >
-        Nodes
-      </h1>
-    </div>
-    <watch
-      class="flex-1"
-      :resource="{ type: kubernetes.node }"
-      showCount
-      itemName="Node"
-      kubernetes
-      search="Search node by name"
-      :context="getContext()"
-    >
-      <template v-slot:header>
-        <div
-          class="flex items-center grid-cols-4 md:grid-cols-7 lg:grid-cols-7"
-        >
-          <div class="block justify-self-left text-n">
-            Name
-          </div>
-          <div class="block justify-self-center">
-            IP
-          </div>
-          <div class="justify-self-center">
-            OS
-          </div>
-          <div
-            class="col-span-2 block justify-self-center hidden md:block lg:block"
-          >
-            Roles
-          </div>
-          <div class="justify-self-center hidden md:block lg:block">
-            Status
-          </div>
-        </div>
-      </template>
-      <template v-slot:default="slot">
-        <node-list-item :item="slot.item" />
-      </template>
-    </watch>
-  </div>
-</template>
-
-<script type="ts">
-import { getContext } from '../../context';
-import Watch from '../../components/Watch.vue';
-import TBreadcrumbs from '../../components/TBreadcrumbs.vue';
-import NodeListItem from '../../components/NodeListItem.vue';
-import { kubernetes } from '../../api/resources';
-
-export default {
-  components: {
-    Watch,
-    TBreadcrumbs,
-    NodeListItem,
-  },
-
-  setup() {
-    return {
-      kubernetes,
-      getContext,
-    };
-  },
-};
-</script>
diff --git a/frontend/src/views/cluster/Pods.vue b/frontend/src/views/cluster/Pods.vue
deleted file mode 100644
index a35c6f9..0000000
--- a/frontend/src/views/cluster/Pods.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<!--
-This Source Code Form is subject to the terms of the Mozilla Public
-License, v. 2.0. If a copy of the MPL was not distributed with this
-file, You can obtain one at http://mozilla.org/MPL/2.0/.
--->
-<template>
-  <div class="flex flex-col">
-    <div class="px-3 py-2 mb-2" v-if="$route.query.cluster">
-      <t-breadcrumbs>{{ $route.query.cluster }} Pods</t-breadcrumbs>
-    </div>
-    <div class="px-3 py-2" v-else>
-      <h1 class="text-lg tracking-tight text-talos-gray-900 dark:text-white font-bold">Pods</h1>
-    </div>
-    <watch
-      class="flex-1"
-      :resource="{type: kubernetes.pod}"
-      kubernetes
-      showCount
-      itemName="Pod"
-      search="Search pod by name"
-      :context="getContext()">
-      <template v-slot:header>
-        <div class="items-center grid grid-cols-6">
-          <div class="block">
-            Namespace
-          </div>
-          <div class="col-span-2 block">
-            Name
-          </div>
-          <div class="block">
-            Phase
-          </div>
-          <div class="col-span-2 block">
-            Node
-          </div>
-        </div>
-      </template>
-      <template v-slot:default="slot">
-        <a
-          class="block hover:bg-talos-gray-50 dark:hover:bg-talos-gray-800"
-          >
-          <div class="flex items-center px-4 py-4 grid grid-cols-6 gap-4">
-            <div class="block">
-              <p
-                class="text-sm truncate text-talos-gray-900 dark:text-talos-gray-100"
-                >
-                {{ slot.item.metadata.namespace }}
-              </p>
-            </div>
-            <div class="col-span-2 block">
-              <p
-                class="text-sm truncate text-talos-gray-900 dark:text-talos-gray-100"
-                >
-                {{ slot.item.metadata.name }}
-              </p>
-            </div>
-            <div class="block">
-              <p
-                class="text-sm truncate text-talos-gray-900 dark:text-talos-gray-100"
-                >
-                {{ slot.item.status.phase }}
-              </p>
-            </div>
-            <div class="col-span-2 block">
-              <p
-                class="text-sm truncate text-talos-gray-900 dark:text-talos-gray-100"
-                >
-                {{ slot.item.spec.nodeName }}
-              </p>
-            </div>
-          </div>
-        </a>
-      </template>
-    </watch>
-  </div>
-</template>
-
-<script type="ts">
-import { getContext } from '../../context';
-import Watch from '../../components/Watch.vue';
-import TBreadcrumbs from '../../components/TBreadcrumbs.vue';
-import { kubernetes } from '../../api/resources'
-
-export default {
-  components: {
-    Watch,
-    TBreadcrumbs,
-  },
-
-  setup() {
-    return {
-      kubernetes,
-      getContext,
-    };
-  }
-};
-</script>